Skip to content

Commit 6775da2

Browse files
nolimits4webnolimits4web
committed
vue examples
1 parent 9cc1cd3 commit 6775da2

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

49 files changed

+59
-58
lines changed

‎.vscode/settings.json

+1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
{
2+
"files.eol": "\n",
23
"editor.formatOnSave": true,
34
"eslint.enable": true,
45
"editor.defaultFormatter": "esbenp.prettier-vscode",

‎src/pug/vue/accordion.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -71,4 +71,4 @@ block content
7171
p In this case accordion events will be fired on `f7-list-item`.
7272
.with-device
7373
h2(data-device-preview="../docs-demos/vue/accordion.html") Examples
74-
include:vueSource ../docs-demos/vue/accordion.vue
74+
+reactSourceFilterNew(vue, 'accordion.vue', 'accordion')

‎src/pug/vue/action-sheet.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -170,4 +170,4 @@ block content
170170

171171
.with-device
172172
h2(data-device-preview="../docs-demos/vue/action-sheet.html") Examples
173-
include:vueSource ../docs-demos/vue/action-sheet.vue
173+
+reactSourceFilterNew(vue, 'action-sheet.vue', 'action-sheet')

‎src/pug/vue/area-chart.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -140,4 +140,4 @@ block content
140140
td Event will be triggered (when tooltip enabled) on chart hover
141141
.with-device
142142
h2(data-device-preview="../docs-demos/vue/area-chart.html") Examples
143-
include:vueSource ../docs-demos/vue/area-chart.vue
143+
+reactSourceFilterNew(vue, 'area-chart.vue', 'area-chart')

‎src/pug/vue/badge.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -41,4 +41,4 @@ block content
4141
td Defines how to trigger (open) Tooltip. Can be `hover`, `click` or `manual`
4242
.with-device
4343
h2(data-device-preview="../docs-demos/vue/badge.html") Examples
44-
include:vueSource ../docs-demos/vue/badge.vue
44+
+reactSourceFilterNew(vue, 'badge.vue', 'badge')

‎src/pug/vue/block.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -116,4 +116,4 @@ block content
116116
td Makes block title large size
117117
.with-device
118118
h2(data-device-preview="../docs-demos/vue/block.html") Examples
119-
include:vueSource ../docs-demos/vue/block.vue
119+
+reactSourceFilterNew(vue, 'content-block.vue', 'content-block')

‎src/pug/vue/breadcrumbs.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -58,4 +58,4 @@ block content
5858

5959
.with-device
6060
h2(data-device-preview="../docs-demos/vue/breadcrumbs.html") Examples
61-
include:vueSource ../docs-demos/vue/breadcrumbs.vue
61+
+reactSourceFilterNew(vue, 'breadcrumbs.vue', 'breadcrumbs')

‎src/pug/vue/button.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -258,4 +258,4 @@ block content
258258

259259
.with-device
260260
h2(data-device-preview="../docs-demos/vue/button.html") Examples
261-
include:vueSource ../docs-demos/vue/button.vue
261+
+reactSourceFilterNew(vue, 'buttons.vue', 'buttons')

‎src/pug/vue/cards.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -206,4 +206,4 @@ block content
206206

207207
.with-device
208208
h2(data-device-preview="../docs-demos/vue/cards.html") Examples
209-
include:vueSource ../docs-demos/vue/cards.vue
209+
+reactSourceFilterNew(vue, 'cards.vue', 'cards')

‎src/pug/vue/checkbox.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -104,4 +104,4 @@ block content
104104
</script>
105105
.with-device
106106
h2(data-device-preview="../docs-demos/vue/checkbox.html") Examples
107-
include:vueSource ../docs-demos/vue/checkbox.vue
107+
+reactSourceFilterNew(vue, 'checkbox.vue', 'checkbox')

‎src/pug/vue/chips.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -96,5 +96,5 @@ block content
9696

9797
.with-device
9898
h2(data-device-preview="../docs-demos/vue/chips.html") Examples
99-
include:vueSource ../docs-demos/vue/chips.vue
99+
+reactSourceFilterNew(vue, 'chips.vue', 'chips')
100100

‎src/pug/vue/contacts-list.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -34,4 +34,4 @@ block content
3434

3535
.with-device
3636
h2(data-device-preview="../docs-demos/vue/contacts-list.html") Examples
37-
include:vueSource ../docs-demos/vue/contacts-list.vue
37+
+reactSourceFilterNew(vue, 'contacts-list.vue', 'contacts-list')

‎src/pug/vue/floating-action-button.pug

+2-2
Original file line numberDiff line numberDiff line change
@@ -145,9 +145,9 @@ block content
145145

146146
.with-device
147147
h2(data-device-preview="../docs-demos/vue/floating-action-button.html") Examples
148-
include:vueSource ../docs-demos/vue/floating-action-button.vue
148+
+reactSourceFilterNew(vue, 'fab.vue', 'fab')
149149

150150
h4(data-device-preview="../docs-demos/vue/floating-action-button-backdrop.html") With Backdrop
151-
include:vueSource ../docs-demos/vue/floating-action-button-backdrop.vue
151+
+reactSourceFilterNew(vue, 'fab-morph.vue', 'fab-morph')
152152

153153
.device-spacer

‎src/pug/vue/gauge.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -110,4 +110,4 @@ block content
110110

111111
.with-device
112112
h2(data-device-preview="../docs-demos/vue/gauge.html") Examples
113-
include:vueSource ../docs-demos/vue/gauge.vue
113+
+reactSourceFilterNew(vue, 'gauge.vue', 'gauge')

‎src/pug/vue/inputs.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -1232,7 +1232,7 @@ block content
12321232
validate
12331233
clear-button
12341234
>
1235-
1235+
12361236
v-slot:media>
12371237
<f7-icon icon="demo-list-icon"></f7-icon>
12381238
</template>

‎src/pug/vue/list-button.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -86,5 +86,5 @@ block content
8686

8787
.with-device
8888
h2(data-device-preview="../docs-demos/vue/list-button.html") Examples
89-
include:vueSource ../docs-demos/vue/list-button.vue
89+
+reactSourceFilterNew(vue, 'buttons.vue', 'buttons')
9090
.device-spacer

‎src/pug/vue/list-index.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -90,4 +90,4 @@ block content
9090
td Scrolls related list to specified index content
9191
.with-device
9292
h2(data-device-preview="../docs-demos/vue/list-index.html") Examples
93-
include:vueSource ../docs-demos/vue/list-index.vue
93+
+reactSourceFilterNew(vue, 'list-index.vue', 'list-index')

‎src/pug/vue/list-item.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -386,4 +386,4 @@ block content
386386

387387
.with-device
388388
h2(data-device-preview="../docs-demos/vue/list-view.html") Examples
389-
include:vueSource ../docs-demos/vue/list-view.vue
389+
+reactSourceFilterNew(vue, 'list.vue', 'list')

‎src/pug/vue/list-view.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -287,4 +287,4 @@ block content
287287

288288
.with-device
289289
h2(data-device-preview="../docs-demos/vue/list-view.html") Examples
290-
include:vueSource ../docs-demos/vue/list-view.vue
290+
+reactSourceFilterNew(vue, 'list.vue', 'list')

‎src/pug/vue/login-screen.pug

+2-2
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,7 @@ block content
9999

100100
.with-device
101101
h2(data-device-preview="../docs-demos/vue/login-screen.html") Examples
102-
include:vueSource ../docs-demos/vue/login-screen_main.vue
102+
+reactSourceFilterNew(vue, 'login-screen.vue', 'login-screen')
103103

104104
h4 Separate Login Screen Page
105-
include:vueSource ../docs-demos/vue/login-screen_page.vue
105+
+reactSourceFilterNew(vue, 'login-screen-page.vue', 'login-screen-page')

‎src/pug/vue/menu-list.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,4 @@ block content
1717

1818
.with-device
1919
h2(data-device-preview="../docs-demos/vue/menu-list.html") Examples
20-
include:vueSource ../docs-demos/vue/menu-list.vue
20+
+reactSourceFilterNew(vue, 'menu-list.vue', 'menu-list')

‎src/pug/vue/messagebar.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -231,4 +231,4 @@ block content
231231
.with-device
232232
h2(data-device-preview="../docs-demos/vue/messages.html") Examples
233233
p Here is how the full example of Messages page where it can be used together with <a href="messages.html">Messages</a>:
234-
include:vueSource ../docs-demos/vue/messages.vue
234+
+reactSourceFilterNew(vue, 'messages.vue', 'messages')

‎src/pug/vue/messages.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -262,4 +262,4 @@ block content
262262
.with-device
263263
h2(data-device-preview="../docs-demos/vue/messages.html") Examples
264264
p Here is how the full example of Messages page where it can be used together with <a href="messagebar.html">Messagebar</a>:
265-
include:vueSource ../docs-demos/vue/messages.vue
265+
+reactSourceFilterNew(vue, 'messages.vue', 'messages')

‎src/pug/vue/page.pug

+2-2
Original file line numberDiff line numberDiff line change
@@ -271,8 +271,8 @@ block content
271271
.with-device
272272
h2 Examples
273273
h3(data-device-preview="../docs-demos/vue/infinite-scroll.html") Infinite Scroll
274-
include:vueSource ../docs-demos/vue/infinite-scroll.vue
274+
+reactSourceFilterNew(vue, 'infinite-scroll.vue', 'infinite-scroll')
275275

276276
h3(data-device-preview="../docs-demos/vue/pull-to-refresh.html") Pull To Refresh
277-
include:vueSource ../docs-demos/vue/pull-to-refresh.vue
277+
+reactSourceFilterNew(vue, 'pull-to-refresh.vue', 'pull-to-refresh')
278278

‎src/pug/vue/panel.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -194,4 +194,4 @@ block content
194194

195195
.with-device
196196
h2(data-device-preview="../docs-demos/vue/panel.html") Examples
197-
include:vueSource(strip=false) ../docs-demos/vue/panel.vue
197+
+reactSourceFilterNew(vue, 'panel.vue', 'panel')

‎src/pug/vue/photo-browser.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -209,4 +209,4 @@ block content
209209

210210
.with-device
211211
h2(data-device-preview="../docs-demos/vue/photo-browser.html") Examples
212-
include:vueSource ../docs-demos/vue/photo-browser.vue
212+
+reactSourceFilterNew(vue, 'photo-browser.vue', 'photo-browser')

‎src/pug/vue/pie-chart.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -76,4 +76,4 @@ block content
7676
td Event will be triggered (when tooltip enabled) on chart hover
7777
.with-device
7878
h2(data-device-preview="../docs-demos/vue/pie-chart.html") Examples
79-
include:vueSource ../docs-demos/vue/pie-chart.vue
79+
+reactSourceFilterNew(vue, 'pie-chart.vue', 'pie-chart')

‎src/pug/vue/popover.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -139,4 +139,4 @@ block content
139139

140140
.with-device
141141
h2(data-device-preview="../docs-demos/vue/popover.html") Examples
142-
include:vueSource ../docs-demos/vue/popover.vue
142+
+reactSourceFilterNew(vue, 'popover.vue', 'popover')

‎src/pug/vue/popup.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -143,4 +143,4 @@ block content
143143

144144
.with-device
145145
h2(data-device-preview="../docs-demos/vue/popup.html") Examples
146-
include:vueSource ../docs-demos/vue/popup.vue
146+
+reactSourceFilterNew(vue, 'popup.vue', 'popup')

‎src/pug/vue/preloader.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -34,4 +34,4 @@ block content
3434
td Size of the preloader in px
3535
.with-device
3636
h2(data-device-preview="../docs-demos/vue/preloader.html") Examples
37-
include:vueSource ../docs-demos/vue/preloader.vue
37+
+reactSourceFilterNew(vue, 'preloader.vue', 'preloader')

‎src/pug/vue/progressbar.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -49,4 +49,4 @@ block content
4949

5050
.with-device
5151
h2(data-device-preview="../docs-demos/vue/progressbar.html") Examples
52-
include:vueSource ../docs-demos/vue/progressbar.vue
52+
+reactSourceFilterNew(vue, 'progressbar.vue', 'progressbar')

‎src/pug/vue/radio.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -97,4 +97,4 @@ block content
9797
</script>
9898
.with-device
9999
h2(data-device-preview="../docs-demos/vue/radio.html") Examples
100-
include:vueSource ../docs-demos/vue/radio.vue
100+
+reactSourceFilterNew(vue, 'radio.vue', 'radio')

‎src/pug/vue/range-slider.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -177,4 +177,4 @@ block content
177177

178178
.with-device
179179
h2(data-device-preview="../docs-demos/vue/range-slider.html") Examples
180-
include:vueSource ../docs-demos/vue/range-slider.vue
180+
+reactSourceFilterNew(vue, 'range.vue', 'range')

‎src/pug/vue/searchbar.pug

+2-2
Original file line numberDiff line numberDiff line change
@@ -322,8 +322,8 @@ block content
322322
.with-device
323323
h2 Examples
324324
h4(data-device-preview="../docs-demos/vue/searchbar.html") Usual Searchbar
325-
include:vueSource ../docs-demos/vue/searchbar.vue
325+
+reactSourceFilterNew(vue, 'searchbar.vue', 'searchbar')
326326

327327

328328
h4(data-device-preview="../docs-demos/vue/searchbar-expandable.html") Expandable Searchbar
329-
include:vueSource ../docs-demos/vue/searchbar-expandable.vue
329+
+reactSourceFilterNew(vue, 'searchbar-expandable.vue', 'searchbar-expandable')

‎src/pug/vue/sheet-modal.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -188,4 +188,4 @@ block content
188188

189189
.with-device
190190
h2(data-device-preview="../docs-demos/vue/sheet-modal.html") Examples
191-
include:vueSource ../docs-demos/vue/sheet-modal.vue
191+
+reactSourceFilterNew(vue, 'sheet-modal.vue', 'sheet-modal')

‎src/pug/vue/skeleton.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,4 @@ block content
1717

1818
.with-device
1919
h2(data-device-preview="../docs-demos/vue/skeleton.html") Examples
20-
include:vueSource ../docs-demos/vue/skeleton.vue
20+
+reactSourceFilterNew(vue, 'skeleton.vue', 'skeleton')

‎src/pug/vue/smart-select.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -40,4 +40,4 @@ block content
4040

4141
.with-device
4242
h2(data-device-preview="../docs-demos/vue/smart-select.html") Examples
43-
include:vueSource ../docs-demos/vue/smart-select.vue
43+
+reactSourceFilterNew(vue, 'smart-select.vue', 'smart-select')

‎src/pug/vue/sortable.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -38,4 +38,4 @@ block content
3838
td Event will be triggered on every list item move during sorting
3939
.with-device
4040
h2(data-device-preview="../docs-demos/vue/sortable.html") Examples
41-
include:vueSource ../docs-demos/vue/sortable.vue
41+
+reactSourceFilterNew(vue, 'sortable.vue', 'sortable')

‎src/pug/vue/stepper.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -250,4 +250,4 @@ block content
250250

251251
.with-device
252252
h2(data-device-preview="../docs-demos/vue/stepper.html") Examples
253-
include:vueSource ../docs-demos/vue/stepper.vue
253+
+reactSourceFilterNew(vue, 'stepper.vue', 'stepper')

‎src/pug/vue/store.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -301,7 +301,7 @@ block content
301301
.with-device
302302
h2(data-device-preview="../docs-demos/vue/store.html") Examples
303303
include:reactSource ../docs-demos/vue/store.js
304-
include:vueSource(strip=false) ../docs-demos/vue/store_page.vue
304+
+reactSourceFilterNew(vue, 'store.vue', 'store')
305305

306306

307307

‎src/pug/vue/subnavbar.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -47,4 +47,4 @@ block content
4747
td When enabled the additional "subnavbar-inner" wrapper element will be added
4848
.with-device
4949
h2(data-device-preview="../docs-demos/vue/subnavbar.html") Examples
50-
include:vueSource ../docs-demos/vue/subnavbar.vue
50+
+reactSourceFilterNew(vue, 'subnavbar.vue', 'subnavbar')

‎src/pug/vue/swipeout.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -124,4 +124,4 @@ block content
124124
td Event will be triggered when overswipe disabled
125125
.with-device
126126
h2(data-device-preview="../docs-demos/vue/swipeout.html") Examples
127-
include:vueSource ../docs-demos/vue/swipeout.vue
127+
+reactSourceFilterNew(vue, 'swipeout.vue', 'swipeout')

‎src/pug/vue/swiper.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,4 @@ block content
1717

1818
.with-device
1919
h2(data-device-preview="../docs-demos/vue/swiper.html") Examples
20-
include:vueSource ../docs-demos/vue/swiper.vue
20+
+reactSourceFilterNew(vue, 'swiper-multiple.vue', 'swiper-multiple')

‎src/pug/vue/tabs.pug

+3-3
Original file line numberDiff line numberDiff line change
@@ -86,10 +86,10 @@ block content
8686
.with-device
8787
h2(data-device-preview="../docs-demos/vue/tabs.html") Examples
8888
h3 Static Tabs
89-
include:vueSource ../docs-demos/vue/tabs_static.vue
89+
+reactSourceFilterNew(vue, 'tabs-static.vue', 'tabs-static')
9090

9191
h3 Animated Tabs
92-
include:vueSource ../docs-demos/vue/tabs_animated.vue
92+
+reactSourceFilterNew(vue, 'tabs-animated.vue', 'tabs-animated')
9393

9494
h3 Swipeable Tabs
95-
include:vueSource ../docs-demos/vue/tabs_swipeable.vue
95+
+reactSourceFilterNew(vue, 'tabs-swipeable.vue', 'tabs-swipeable')

‎src/pug/vue/text-editor.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -179,4 +179,4 @@ block content
179179

180180
.with-device
181181
h2(data-device-preview="../docs-demos/vue/text-editor.html") Examples
182-
include:vueSource ../docs-demos/vue/text-editor.vue
182+
+reactSourceFilterNew(vue, 'text-editor.vue', 'text-editor')

‎src/pug/vue/toggle.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -110,4 +110,4 @@ block content
110110
</script>
111111
.with-device
112112
h2(data-device-preview="../docs-demos/vue/toggle.html") Examples
113-
include:vueSource ../docs-demos/vue/toggle.vue
113+
+reactSourceFilterNew(vue, 'toggle.vue', 'toggle')

‎src/pug/vue/toolbar-tabbar.pug

+5-5
Original file line numberDiff line numberDiff line change
@@ -159,16 +159,16 @@ block content
159159
.with-device
160160
h2(data-device-preview="../docs-demos/vue/toolbar-tabbar.html") Examples
161161
h3 Toolbar
162-
include:vueSource ../docs-demos/vue/toolbar-tabbar_toolbar.vue
162+
+reactSourceFilterNew(vue, 'toolbar-tabbar.vue', 'toolbar-tabbar')
163163

164164
h3 Tabbar
165-
include:vueSource ../docs-demos/vue/toolbar-tabbar_tabbar.vue
165+
+reactSourceFilterNew(vue, 'tabbar.vue', 'tabbar')
166166

167167
h3 Tabbar Labels
168-
include:vueSource ../docs-demos/vue/toolbar-tabbar_tabbar-labels.vue
168+
+reactSourceFilterNew(vue, 'tabbar-icons.vue', 'tabbar-icons')
169169

170170
h3 Tabbar Scrollable
171-
include:vueSource ../docs-demos/vue/toolbar-tabbar_tabbar-scrollable.vue
171+
+reactSourceFilterNew(vue, 'tabbar-scrollable.vue', 'tabbar-scrollable')
172172

173173
h3 Hide Toolbar On Scroll
174-
include:vueSource ../docs-demos/vue/toolbar-tabbar_toolbar-hide-scroll.vue
174+
+reactSourceFilterNew(vue, 'toolbar-hide-scroll.vue', 'toolbar-hide-scroll')

‎src/pug/vue/treeview.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -159,4 +159,4 @@ block content
159159

160160
.with-device
161161
h2(data-device-preview="../docs-demos/vue/treeview.html") Examples
162-
include:vueSource ../docs-demos/vue/treeview.vue
162+
+reactSourceFilterNew(vue, 'treeview.vue', 'treeview')

‎src/pug/vue/virtual-list.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -62,4 +62,4 @@ block content
6262
.with-device
6363
h2(data-device-preview="../docs-demos/vue/virtual-list.html") Examples
6464
p Here is the full page example with Virtual List and Searchbar to search through Virtual List items:
65-
include:vueSource ../docs-demos/vue/virtual-list.vue
65+
+reactSourceFilterNew(vue, 'virtual-list.vue', 'virtual-list')

0 commit comments

Comments
 (0)