feat: add footer copyright

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

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 ? '生成中...' : '生成春联' }}

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>

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>

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>

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">

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",

pages/index.vue

@@ -27,5 +27,7 @@ const app = useAppStore()
         </div>
       </template>
     </Suspense>
+
+    <BaseFooter />
   </div>
 </template>

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: [