fix: downgrade to fix qq browser fetch & add network tooltip

Author: YunYouJun

README.md

@@ -29,3 +29,4 @@ pnpm dev
 ## FAQ
 
 - [Error when opening nuxt3 web link in China's QQ application](https://github.com/nuxt/nuxt/issues/24229)
+- `ofetch` in QQ browser: [unjs/ofetch#294](https://github.com/unjs/ofetch/issues/294)

components/AiPrompt.vue

@@ -3,27 +3,28 @@ import consola from 'consola'
 
 import { useMagicKeys } from '@vueuse/core'
 import { config } from '~/config'
+import { apiGenerate } from '~/utils'
 
 const app = useAppStore()
 
 /**
  * generate sfc 春联
+ * not use ofetch see https://github.com/unjs/ofetch/issues/294
  */
 async function generate() {
   if (app.loading)
     return
 
   app.loading = true
-  const data = await $fetch('/api/generate', {
-    query: {
-      prompt: app.prompt,
-    },
+  // const data = await $fetch('/api/generate', {
+  //   query: {
+  //     prompt: app.prompt,
+  //   },
+  // })
+  const data = await apiGenerate({
+    prompt: app.prompt,
   })
-  consola.info(data)
-  if (data) {
-    // TODO: add 生成失败提示
-    app.setCoupletsData(data)
-  }
+  app.setCoupletsData(data)
 
   app.loading = false
 }

package.json

@@ -18,6 +18,7 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
+    "ofetch": "1.2.1",
     "wc-github-corners": "^0.1.6"
   },
   "devDependencies": {

pnpm-lock.yaml

@@ -0,0 +1,25 @@
+import type { SprintFestivalCouplets } from '~/packages/ai/src'
+
+/**
+ * generate couplets
+ */
+export async function apiGenerate(params: {
+  prompt: string
+}) {
+  try {
+    const data = await $fetch('/api/generate', {
+      query: params,
+    })
+    return data
+  }
+  catch (error: any) {
+    console.error('apiGenerate', error)
+    return {
+      error: error.message,
+      上联: '网络出错网络差',
+      下联: '热门火爆排队多',
+      横批: '掉线断网',
+      总结: '寄',
+    }
+  }
+}

utils/api.ts

@@ -0,0 +1 @@
+export * from './api'