Template Codeblock with example for index.vue (#29)

* Replace runkit GIF with actual code on index.vue

Sometimes the GIF will not load due to a slow or crappy connection.
Syntax highlighting could be added at a later date.

* Added syntax highlighting with vue highlightJS

* Move scss to highlightjs.scss

* Introduce better syntax highlighting.

* Changed to monospace font

nuxt.config.js

@@ -93,7 +93,11 @@ export default {
    ** Plugins to load before mounting the App
    ** https://nuxtjs.org/guide/plugins
    */
-  plugins: ['~/plugins/vue-tooltip.js', '~/plugins/vue-notification.js'],
+  plugins: [
+    '~/plugins/vue-tooltip.js',
+    '~/plugins/vue-notification.js',
+    '~/plugins/vue-syntax.js',
+  ],
   /*
    ** Auto import components
    ** See https://nuxtjs.org/api/configuration-components