feat: daily motto

2025-04-15 12:01:53 +08:00
parent d227288d14
commit b8ae97e49b
5 changed files with 101 additions and 1 deletions
@@ -0,0 +1,36 @@
+<script setup>
+import { ref, onMounted } from 'vue';
+import { generateMotto as generateMottoApi } from '../lib/api';
+import { useAuthStore } from '../stores/auth';
+
+const motto = ref('');
+const mottoLoading = ref(false);
+
+const authStore = useAuthStore();
+
+const generateMotto = async () => {
+  mottoLoading.value = true;
+
+  try {
+    const generatedMotto = await generateMottoApi(authStore.jwt);
+    motto.value = generatedMotto;
+  } catch (error) {
+    console.error(error);
+    alert('Failed to generate motto.');
+  }
+
+  mottoLoading.value = false;
+};
+</script>
+
+<template>
+  <div class="ts-app-center">
+    <div class="ts-box ts-content is-center-aligned">
+      <div class="ts-header is-large is-center-aligned">每日金句生成器</div>
+      <p class="ts-text">Powered By Cloudflare Workers AI</p>
+      <button class="ts-button" @click="generateMotto">生成</button>
+      <p class="ts-text">每日金句:</p>
+      <p class="ts-text">{{ motto }}</p>
+    </div>
+  </div>
+</template>