[Docs] ScrollSpy directive JSFiddle

bootstrap-vue · May 9, 2017 · d5f10a0 · d5f10a0
1 parent 5656434
commit d5f10a0
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/docs/directives/scrollspy/index.js b/docs/directives/scrollspy/index.js
@@ -3,6 +3,7 @@ import readme from './README.md';
 export default {
     readme,
     meta: {
-        title: 'ScrollSpy'
+        title: 'ScrollSpy',
+        jsfiddle: ['rau316p6', 'hbg1w956']
     }
 };
diff --git a/docs/nuxt/pages/docs/directives/_directive.vue b/docs/nuxt/pages/docs/directives/_directive.vue
@@ -1,15 +1,26 @@
 <template>
     <div class="container">
         <div v-html="readme"></div>
+
+        <h3>Examples</h3>
+
+        <jsfiddle v-for="fid in meta.jsfiddle"
+                  :slug="fid" tabs="result,html,js"
+                  :key="fid"
+        >
+        </jsfiddle>
+
     </div>
 </template>
 
 
 <script>
+    /* eslint-disable import/no-unresolved */
+    import jsfiddle from '~components/jsfiddle.vue';
     import directives from '../../../../directives';
 
     export default {
-        components: {},
+        components: {jsfiddle},
         layout: 'docs',
 
         asyncData({params: {directive}, redirect}) {