From c3dee857b42553361b9eadd4666b3269287420ac Mon Sep 17 00:00:00 2001
From: YunYouJun <me@yunyoujun.cn>
Date: Mon, 5 Feb 2024 01:09:09 +0800
Subject: [PATCH] feat: add footer copyright

---
 README.md                             | 14 +++++++++++---
 components/AiPrompt.vue               |  4 ++++
 components/BaseFooter.vue             |  8 ++++++++
 components/Footer.vue                 |  6 ------
 components/SimpleCopyright.vue        | 26 ++++++++++++++++++++++++++
 components/SpringFestivalCouplets.vue |  2 +-
 nuxt.config.ts                        |  3 ++-
 package.json                          |  3 +++
 pages/index.vue                       |  2 ++
 uno.config.ts                         |  2 +-
 10 files changed, 58 insertions(+), 12 deletions(-)
 create mode 100644 components/BaseFooter.vue
 delete mode 100644 components/Footer.vue
 create mode 100644 components/SimpleCopyright.vue

diff --git a/README.md b/README.md
index cfe7ceb..a329e70 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,19 @@
 # AI Couplets - AI 对联/春联
 
-## Todo
-
-- [ ] 分享春联
+Powered by [DeepSeek 开发平台](https://platform.deepseek.com/).
 
 ## Dev
 
+### Config API Key
+
+```bash
+cp .env.example .env
+
+# .env
+# you can get free tokens from https://platform.deepseek.com/
+OPENAI_API_KEY=your_deepseek_api_key
+```
+
 ```bash
 pnpm i
 pnpm dev
diff --git a/components/AiPrompt.vue b/components/AiPrompt.vue
index 66625f2..09ffd4a 100644
--- a/components/AiPrompt.vue
+++ b/components/AiPrompt.vue
@@ -3,6 +3,9 @@ import consola from 'consola'
 
 const app = useAppStore()
 
+/**
+ * generate sfc 春联
+ */
 async function generate() {
   app.loading = true
   const data = await $fetch('/api/generate', {
@@ -30,6 +33,7 @@ async function generate() {
       class="font-zmx w-full btn" text="black 2xl"
       :class="{ 'btn-disabled': app.loading }"
       flex items-center justify-center
+      :disabled="app.loading"
       @click="generate"
     >
       {{ app.loading ? '生成中...' : '生成春联' }}
diff --git a/components/BaseFooter.vue b/components/BaseFooter.vue
new file mode 100644
index 0000000..1b67150
--- /dev/null
+++ b/components/BaseFooter.vue
@@ -0,0 +1,8 @@
+<template>
+  <div text="gray4" m-5 flex="~ col" justify-center>
+    <SimpleCopyright />
+    <div mt-2 text-sm>
+      Powered by <a href="https://chat.deepseek.com/" style="color:rgb(10, 122, 255)" target="_blank">DeepSeek</a>
+    </div>
+  </div>
+</template>
diff --git a/components/Footer.vue b/components/Footer.vue
deleted file mode 100644
index a5a221e..0000000
--- a/components/Footer.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <div text="xl gray4" m-5 flex="~ gap3" justify-center>
-    <NuxtLink i-carbon-campsite to="/" />
-    <a i-carbon-logo-github href="https://github.com/YunYouJun/ai-sfc" target="_blank" />
-  </div>
-</template>
diff --git a/components/SimpleCopyright.vue b/components/SimpleCopyright.vue
new file mode 100644
index 0000000..2699d79
--- /dev/null
+++ b/components/SimpleCopyright.vue
@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+import pkg from '~/package.json'
+</script>
+
+<template>
+  <div text="center sm" my-3>
+    <CurrentVersion />
+    <div flex="~" items-center justify-center gap="2">
+      <a
+        :href="pkg.repository.url" target="_blank"
+        class="inline-flex items-center justify-center"
+      >
+        <div i-ri-github-line mr-1 />
+        <span>Code</span>
+      </a>
+      by
+      <a
+        href="https://space.bilibili.com/1579790" target="_blank"
+        class="inline-flex items-center justify-center"
+      >
+        <div i-ri-bilibili-line mr-1 class="text-pink-400" />
+        <span>云游君</span>
+      </a>
+    </div>
+  </div>
+</template>
diff --git a/components/SpringFestivalCouplets.vue b/components/SpringFestivalCouplets.vue
index fecd934..07eb75f 100644
--- a/components/SpringFestivalCouplets.vue
+++ b/components/SpringFestivalCouplets.vue
@@ -112,7 +112,7 @@ async function shareLink() {
     </button>
   </div>
 
-  <div class="font-zmx mt-4 flex" text="black" gap="2">
+  <div class="font-zmx mt-2 flex" text="black" gap="2">
     <button flex items-center justify-center class="w-full btn" text="black" @click="shareLink">
       分享春联链接 <div class="ml-1" i-ri-link />
     </button>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index b556893..756bc4c 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -47,7 +47,8 @@ export default defineNuxtConfig({
 
   app: {
     head: {
-      viewport: 'width=device-width,initial-scale=1',
+      // no scale
+      viewport: 'width=device-width,initial-scale=1,user-scalable=no',
       // <link rel="preconnect" href="https://fonts.googleapis.com">
       // <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
       // <link href="https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap" rel="stylesheet">
diff --git a/package.json b/package.json
index b1c5fe4..e6df7d5 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,9 @@
   "type": "module",
   "private": true,
   "packageManager": "pnpm@8.15.1",
+  "repository": {
+    "url": "https://github.com/YunYouJun/ai-sfc"
+  },
   "scripts": {
     "build": "nuxi build",
     "dev:pwa": "VITE_PLUGIN_PWA=true nuxi dev",
diff --git a/pages/index.vue b/pages/index.vue
index ee722dc..f520331 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -27,5 +27,7 @@ const app = useAppStore()
         </div>
       </template>
     </Suspense>
+
+    <BaseFooter />
   </div>
 </template>
diff --git a/uno.config.ts b/uno.config.ts
index 0db2143..8493678 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -11,7 +11,7 @@ import {
 
 export default defineConfig({
   shortcuts: [
-    ['btn', 'text-xl px-4 py-2 rounded inline-block bg-yellow-500 text-white cursor-pointer active:bg-yellow-600 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
+    ['btn', 'text-xl px-4 py-2 rounded inline-block bg-yellow-500 text-white cursor-pointer active:bg-yellow-600 disabled:cursor-default disabled:bg-yellow-600 disabled:opacity-90'],
     ['icon-btn', 'inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-red-600'],
   ],
   presets: [