update

src/shared/components/Hitokoto.vue

@@ -7,9 +7,14 @@ const hitokoto = reactive({
 })
 
 async function receive() {
-  const res = await getHitokoto()
-  hitokoto.sentence = res.data.hitokoto
-  hitokoto.from = res.data.from
+  try {
+    const res = await getHitokoto()
+    hitokoto.sentence = res.data.hitokoto
+    hitokoto.from = res.data.from
+  } catch (error) {
+    hitokoto.sentence = "获取一言失败，请点击重试"
+    hitokoto.from = "DEV"
+  }
 }
 
 onMounted(receive)

src/shared/components/IconButton.vue

@@ -0,0 +1,21 @@
+<template>
+  <n-tooltip>
+    <template #trigger>
+      <n-button circle @click="$emit('click')">
+        <template #icon>
+          <Icon :icon="icon" />
+        </template>
+      </n-button>
+    </template>
+    {{ tip }}
+  </n-tooltip>
+</template>
+<script lang="ts" setup>
+import { Icon } from "@iconify/vue"
+
+defineProps<{
+  tip: string
+  icon: string
+}>()
+defineEmits(["click"])
+</script>