From f2f878e2f4f173ea953129538974f4bb8801e2cf Mon Sep 17 00:00:00 2001
From: YunYouJun <me@yunyoujun.cn>
Date: Mon, 6 Nov 2023 01:19:43 +0800
Subject: [PATCH] chore: add simple copyright

---
 components/BaseFooter.vue                  | 16 +---------------
 components/{ => features}/InstallPwa.vue   |  0
 components/{ => features}/ReloadPrompt.vue |  0
 components/layout/CurrentVersion.vue       | 21 +++++++++++++++++++++
 components/layout/SimpleCopyright.vue      | 13 +++++++++++++
 pages/index.vue                            |  1 +
 pnpm-lock.yaml                             |  5 -----
 7 files changed, 36 insertions(+), 20 deletions(-)
 rename components/{ => features}/InstallPwa.vue (100%)
 rename components/{ => features}/ReloadPrompt.vue (100%)
 create mode 100644 components/layout/CurrentVersion.vue
 create mode 100644 components/layout/SimpleCopyright.vue

diff --git a/components/BaseFooter.vue b/components/BaseFooter.vue
index af9de15..5c354b4 100644
--- a/components/BaseFooter.vue
+++ b/components/BaseFooter.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { isClient } from '@vueuse/core'
-import pkg from '~/package.json'
 
 const displayICP = ref(true)
 
@@ -8,24 +7,11 @@ onBeforeMount(() => {
   if (isClient)
     displayICP.value = ['cook.yunyoujun.cn', 'localhost', '127.0.0.1'].includes(window.location.hostname)
 })
-
-const commitSha = (import.meta.env.VITE_COMMIT_REF || '').slice(0, 7)
-const now = import.meta.env.VITE_APP_BUILD_TIME
-const buildDate = (new Date(Number.parseInt(now) * 1000)).toLocaleDateString()
 </script>
 
 <template>
   <div p="4 t-2" class="flex flex-col items-center justify-center" text="sm">
-    <div v-if="commitSha && buildDate" mb-2>
-      <span>
-        当前版本 v{{ pkg.version }}（{{ buildDate }}）:
-      </span>
-      <span>
-        <a border="b-1 dashed" :href="`https://github.com/YunYouJun/cook/commit/${commitSha}`" target="_blank" alt="Cook | GitHub Commit">
-          {{ commitSha }}
-        </a>
-      </span>
-    </div>
+    <CurrentVersion />
     <a v-if="displayICP" opacity="80" class="flex" href="https://beian.miit.gov.cn/" target="_blank">
       苏ICP备17038157号
     </a>
diff --git a/components/InstallPwa.vue b/components/features/InstallPwa.vue
similarity index 100%
rename from components/InstallPwa.vue
rename to components/features/InstallPwa.vue
diff --git a/components/ReloadPrompt.vue b/components/features/ReloadPrompt.vue
similarity index 100%
rename from components/ReloadPrompt.vue
rename to components/features/ReloadPrompt.vue
diff --git a/components/layout/CurrentVersion.vue b/components/layout/CurrentVersion.vue
new file mode 100644
index 0000000..03a3477
--- /dev/null
+++ b/components/layout/CurrentVersion.vue
@@ -0,0 +1,21 @@
+<script lang="ts" setup>
+import { isClient } from '@vueuse/core'
+import pkg from '~/package.json'
+
+const commitSha = (import.meta.env.VITE_COMMIT_REF || '').slice(0, 7)
+const now = import.meta.env.VITE_APP_BUILD_TIME
+const buildDate = (new Date(Number.parseInt(now) * 1000)).toLocaleDateString()
+</script>
+
+<template>
+  <div v-if="commitSha && buildDate" mb-2 text-sm>
+    <span>
+      当前版本 v{{ pkg.version }}（{{ buildDate }}）:
+    </span>
+    <span>
+      <a border="b-1 dashed" :href="`https://github.com/YunYouJun/cook/commit/${commitSha}`" target="_blank" alt="Cook | GitHub Commit">
+        {{ commitSha }}
+      </a>
+    </span>
+  </div>
+</template>
diff --git a/components/layout/SimpleCopyright.vue b/components/layout/SimpleCopyright.vue
new file mode 100644
index 0000000..6f4ebf6
--- /dev/null
+++ b/components/layout/SimpleCopyright.vue
@@ -0,0 +1,13 @@
+<template>
+  <div text="center sm" my-2>
+    <CurrentVersion />
+    <a
+      href="https://www.bilibili.com/opus/649847454294868008" target="_blank"
+      class="inline-flex items-center justify-center"
+    >
+      <span>Made</span>
+      <div i-ri-bilibili-line mx-1 class="text-pink-400" />
+      <span>云游君</span>
+    </a>
+  </div>
+</template>
diff --git a/pages/index.vue b/pages/index.vue
index 269c4a7..b5bf0c4 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -18,4 +18,5 @@ const rStore = useRecipeStore()
   </p>
 
   <ChooseFood />
+  <SimpleCopyright />
 </template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b373295..df94f46 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2517,7 +2517,6 @@ packages:
     dependencies:
       is-glob: 4.0.3
       micromatch: 4.0.5
-      napi-wasm: 1.1.0
     dev: true
     bundledDependencies:
       - napi-wasm
@@ -7546,10 +7545,6 @@ packages:
     hasBin: true
     dev: true
 
-  /napi-wasm@1.1.0:
-    resolution: {integrity: sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==}
-    dev: true
-
   /natural-compare-lite@1.4.0:
     resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
     dev: true