From fae07d9eae4019c5cfc5edc6135974ab89305580 Mon Sep 17 00:00:00 2001
From: SikongJueluo <selfconfusion@gmail.com>
Date: Fri, 11 Jul 2025 17:48:33 +0800
Subject: [PATCH] fix: postcss build failed

---
 src/components/Navbar.vue       | 8 +++++---
 src/views/Project/BottomBar.vue | 4 ++--
 src/views/Project/Index.vue     | 2 +-
 tsconfig.app.json               | 3 ++-
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index d461644..9f61f57 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -86,7 +86,9 @@
           >
             <User class="h-5 w-5" />
             <span class="font-medium">{{ userName }}</span>
-            <ChevronDownIcon class="icon transition-transform duration-300 dropdown-icon" />
+            <ChevronDownIcon
+              class="icon transition-transform duration-300 dropdown-icon"
+            />
           </div>
           <ul
             tabindex="0"
@@ -177,7 +179,7 @@ const handleLogout = () => {
 // 生命周期钩子
 onMounted(() => {
   loadUserInfo();
-  
+
   // 监听路由变化
   router.afterEach(() => {
     console.log("Route is changing, reloading user info...");
@@ -186,7 +188,7 @@ onMounted(() => {
 });
 </script>
 
-<style scoped>
+<style scoped lang="postcss">
 @import "../assets/main.css";
 
 .icon {
diff --git a/src/views/Project/BottomBar.vue b/src/views/Project/BottomBar.vue
index 23ad0ec..a2252dd 100644
--- a/src/views/Project/BottomBar.vue
+++ b/src/views/Project/BottomBar.vue
@@ -61,8 +61,8 @@ function handleTabChange(event: Event) {
 }
 </script>
 
-<style scoped>
-@import "../assets/main.css";
+<style scoped lang="postcss">
+@import "@/assets/main.css";
 
 .icon {
   @apply h-4 w-4 opacity-70 mr-1.5;
diff --git a/src/views/Project/Index.vue b/src/views/Project/Index.vue
index 71c8567..2ec74b8 100644
--- a/src/views/Project/Index.vue
+++ b/src/views/Project/Index.vue
@@ -221,7 +221,7 @@ onMounted(async () => {
 
 <style scoped lang="postcss">
 /* 样式保持不变 */
-@import "../assets/main.css";
+@import "@/assets/main.css";
 
 .animate-slideRight {
   animation: slideRight 0.3s ease-out forwards;
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 43e987b..2b30dd8 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -2,7 +2,8 @@
   "extends": "@vue/tsconfig/tsconfig.dom.json",
   "include": [
     "env.d.ts",
-    "src/**/*",
+    "src/**/*.ts",
+    "src/**/*.tsx",
     "src/**/*.vue"
   ],
   "exclude": [