Skip to content

Commit c532ccf

Browse files
committed
Updated the documentation.
1 parent 7dfebce commit c532ccf

File tree

1 file changed

+28
-7
lines changed

1 file changed

+28
-7
lines changed

src/documentation/index.vue

Lines changed: 28 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -133,19 +133,40 @@
133133
Check the #[a(href="#examples" :v-scroll-to="'#examples'") examples] & #[a(href="#vueper-slides--api" :v-scroll-to="'#vueper-slides--api'") API] sections to know more.
134134
ssh-pre(language="html-vue" label="HTML Vue Template").
135135
<vueper-slides>
136-
<vueper-slide v-for="(slide, i) in slides" :key="i" :title="slide.title" :content="slide.content" />
136+
<vueper-slide
137+
v-for="(slide, i) in slides"
138+
:key="i"
139+
:title="slide.title"
140+
:content="slide.content">
141+
</vueper-slide>
137142
</vueper-slides>
138143

139-
ssh-pre(language="js" label="Javascript").
140-
// In your Vue.js component.
141-
data: () => ({
142-
slides: [
144+
w-flex
145+
ssh-pre.grow(language="js" label="Using Vue 3 <script setup>").
146+
const slides = [
143147
{
144148
title: 'Slide #1',
145-
content: 'Slide content.'
149+
content: 'Slide 1 content.'
150+
},
151+
{
152+
title: 'Slide #2',
153+
content: 'Slide 2 content.'
146154
}
147155
]
148-
})
156+
w-divider or
157+
ssh-pre.grow(language="js" label="Vue 2 or Vue 3 without composition API").
158+
data: () => ({
159+
slides: [
160+
{
161+
title: 'Slide #1',
162+
content: 'Slide 1 content.'
163+
},
164+
{
165+
title: 'Slide #2',
166+
content: 'Slide 2 content.'
167+
}
168+
]
169+
})
149170

150171
h2
151172
a(href="#examples" :v-scroll-to="'#examples'") Examples of Use

0 commit comments

Comments
 (0)