Thing init

AI_DEV_GUIDE.md

@@ -375,18 +375,14 @@ onMounted(() => {
 </script>
 
 <template>
-  <n-spin :show="loading">
-    <div v-if="error" class="error">{{ error }}</div>
-    <div v-else class="content">
-      <!-- 内容 -->
-    </div>
-  </n-spin>
+  <div v-if="loading" class="flex items-center justify-center py-8">
+    <Loader2 class="animate-spin text-muted-foreground" :size="24" />
+  </div>
+  <div v-else-if="error" class="text-destructive p-4">{{ error }}</div>
+  <div v-else class="content p-5">
+    <!-- 内容 -->
+  </div>
 </template>
-
-<style scoped>
-.error { color: #f56c6c; padding: 10px; }
-.content { padding: 20px; }
-</style>
 ```
 
 **Rust 命令模板**:
@@ -412,5 +408,5 @@ pub async fn new_module_action() -> Result<serde_json::Value, String> {
 - [Tauri 2 Documentation](https://v2.tauri.app/)
 - [Vue 3 Documentation](https://vuejs.org/)
 - [Pinia Documentation](https://pinia.vuejs.org/)
-- [shadcn-vue UI Documentation](https://vue.shadcn.org.cn/docs/)
+- [shadcn-vue UI Documentation](https://shadcn-vue.com/docs)
 - [Rust Documentation](https://doc.rust-lang.org/)