📝 プライバシーポリシーの追加

src/components/pages/ThePrivacyPolicy.tsx

@@ -0,0 +1,35 @@
+import Vue, { VNode } from "vue"
+import * as tsx from "vue-tsx-support"
+import { Post } from "~/types/struct"
+import { PostCard } from "~/components/commons/PostCard"
+
+export const ThePrivacyPolicy = tsx.component({
+  name: "ThePrivacyPolicy",
+
+  render(): VNode {
+    return (
+      <div class="container mx-auto max-w-screen-md">
+        <div class="p-4 leading-relaxed">
+          <h1 class="border-b border-l-4 border-gray-400 pl-2 py-1 mb-2 font-bold">
+            プライバシーポリシー
+          </h1>
+          <p>
+            当サイトにおける利用者の個人情報の取り扱いにおいて、以下の通りプライバシーポリシーを定めます。
+            <br />
+            プライバシーポリシーは予告なく変更されることがあります。
+          </p>
+          <p class="my-2 pl-2 border-l-2 border-gray-400 font-bold">
+            アクセス解析ツールについて
+          </p>
+          <p>
+            当サイトでは、サイト運営者がよりよいコンテンツを提供するために、Google
+            Analytics によるトラフィック情報の収集を行なっております。
+            <br />
+            その際、利用者の匿名のままの識別を可能にするために Cookie
+            が利用されることがあります。これは利用者各位においてブラウザーの設定等で無効にすることで、拒否することができます。
+          </p>
+        </div>
+      </div>
+    )
+  },
+})

src/components/partials/global/TheFooter.tsx

@@ -1,7 +1,7 @@
 import Vue, { VNode } from "vue"
 import * as tsx from "vue-tsx-support"
 import { FeatherHeartIcon } from "~/components/commons/FeatherIcons"
-import { SITE_NAME } from "~/config"
+import { SITE_NAME, GA } from "~/config"
 
 export const TheFooter = tsx.component({
   name: "TheFooter",
@@ -23,6 +23,12 @@ export const TheFooter = tsx.component({
             <span class="pl-1">
               <FeatherHeartIcon size={12} />
             </span>
+            {GA && (
+              <span class="text-gray-400">
+                &nbsp;/&nbsp;
+                <nuxt-link to="/privacy-policy">Privacy</nuxt-link>
+              </span>
+            )}
           </div>
         </div>
       </div>

src/pages/privacy-policy.vue

@@ -0,0 +1,21 @@
+<template>
+  <ThePrivacyPolicy />
+</template>
+
+<script lang="ts">
+import Vue from "vue"
+import { GA } from "~/config"
+import { ThePrivacyPolicy } from "~/components/pages/ThePrivacyPolicy"
+
+export default Vue.extend({
+  head: {
+    title: "プライバシーポリシー",
+  },
+  components: { ThePrivacyPolicy },
+  async asyncData({ error }) {
+    if (!GA) {
+      return error({ statusCode: 404 })
+    }
+  },
+})
+</script>