automatic markdwon page creation

src/templates/MarkdownPage.vue

@@ -0,0 +1,41 @@
+<template>
+  <Layout :hideHeader="true" :disableScroll="true">
+    <div class="container sm:pxi-0 mx-auto overflow-x-hidden">
+      
+    <vue-markdown>
+    {{ $page.markdownPage.content }}
+    </vue-markdown>
+    </div>
+  </Layout>
+</template>
+
+<page-query>
+  query($id: ID!) {
+    markdownPage(id: $id) {
+        path
+        content
+        title
+    }  
+  }
+
+</page-query>
+
+<script>
+import VueMarkdown from 'vue-markdown'
+
+export default {
+  components: {
+    VueMarkdown
+  },
+  metaInfo() {
+    return {
+      title: this.$page.markdownPage.title,
+    };
+  },
+};
+</script>
+<style scoped>
+/* h2 {
+  padding-bottom: 8rem;
+} */
+</style> >