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

package.json

@@ -17,9 +17,11 @@
     "@nuxtjs/dayjs": "^1.2.0",
     "@nuxtjs/robots": "^2.4.2",
     "@nuxtjs/sitemap": "^2.4.0",
+    "highlight.js": "^10.3.2",
     "marked": "^1.2.0",
     "nuxt": "^2.14.7",
     "v-tooltip": "^2.0.3",
+    "vue-highlightjs": "^1.3.3",
     "vue-multiselect": "^2.1.6",
     "vue-notification": "^1.3.20",
     "xss": "^1.0.8"