add docs

src/pages/DocPage.vue

@@ -0,0 +1,51 @@
+<template>
+  <div
+    class="flex justify-center bg-grey-11"
+    style="height: 100vh"
+    >
+    <q-layout container style="max-width: 800px !important">
+      <q-page-container>
+        <q-page class="flex w100 column">
+          <div >
+            <div
+              class="main-content flex items-center column w100 bg-white q-px-lg q-pb-xl"
+              >
+              <base-logo
+                class="q-pa-md text-h4 cursor-pointer"
+                @click="router.push({ name: 'main' })"  
+              />
+              <markdown-viewver
+                v-if="documentName"
+                :locale
+                :documentName
+              />
+            </div>
+          </div>
+          <q-page-scroller position="bottom-right" :scroll-offset="300" :offset="[18, 18]">
+            <q-btn fab icon="mdi-arrow-up" color="brand2"/>
+          </q-page-scroller>
+        </q-page>
+      </q-page-container>
+    </q-layout>
+  </div>
+</template>
+
+<script setup>
+  import { ref, onMounted } from 'vue'
+  import BaseLogo from 'components/BaseLogo.vue'
+  import MarkdownViewver from 'components/MarkdownViewver.vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import { useI18n } from 'vue-i18n'
+  const { locale } = useI18n({ useScope: 'global' })
+  
+  const documentName = ref(null)
+  const route = useRoute()
+  const router = useRouter()
+
+  onMounted(() => {
+    documentName.value = route.name === 'terms'
+      ? 'Terms_of_use'
+      : 'Privacy-Policy'
+  })
+
+</script>