UNPKG

slidev-theme-oqtopus

Version:

Slidev theme for OQTOPUS presentations

2 lines (1 loc) 1.76 kB
import{b as u,o as c,w as n,i as o,g as t,j as r,ad as a,v as f,x as _,T as i}from"./modules/vue-m8pkr6j7.js";import{u as d,f as h}from"./slidev/context-DVBmw4Sk.js";import{S as g}from"./SlideLayout-Dz7TN6RJ.js";import{_ as v}from"./index-rxBs4b9Q.js";import"./OqtopusLogo-Dbu4SNa4.js";import"./OqtopusSymbol-dDKLCRNZ.js";import"./modules/shiki-DLbbKDLo.js";const w={class:"grid grid-cols-2 gap-6 h-full"},C={class:"left"},x={class:"right"},y={__name:"two-cols",setup(m){return d(),(e,s)=>(c(),u(g,{class:"slidev-layout two-cols"},{default:n(()=>[o(" Two column layout "),t("div",w,[o(" Left column "),t("div",C,[r(e.$slots,"left",{},()=>[o(" Default left content ")],!0)]),o(" Right column "),t("div",x,[r(e.$slots,"right",{},()=>[o(" Default right content ")],!0)])])]),_:3}))}},T=v(y,[["__scopeId","data-v-14aae4c0"]]),N={__name:"example.md__slidev_4",setup(m){const{$clicksContext:e,$frontmatter:s}=d();return e.setup(),(k,l)=>(c(),u(T,f(_(i(h)(i(s),3))),{left:n(p=>l[0]||(l[0]=[t("h1",null,"Two-Column Layout",-1),t("h2",null,"Divide Your Content",-1),t("p",null,"This layout is perfect for comparing two ideas, showing code alongside output, or presenting information side-by-side.",-1),t("ul",null,[t("li",null,"Content for the left column"),t("li",null,[a("Use "),t("code",null,"::left::"),a(" and "),t("code",null,"::right::")]),t("li",null,"Markdown works as usual")],-1)])),right:n(p=>l[1]||(l[1]=[t("h1",null,"Right Column",-1),t("h2",null,"More Content Here",-1),t("p",null,"You can place any content in the right column, including text, images, or even other components.",-1),t("ul",null,[t("li",null,"Content for the right column"),t("li",null,"Keep it concise"),t("li",null,"Visuals are great here")],-1)])),_:1},16))}};export{N as default};