fix: postcss build failed

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"
@@ -186,7 +188,7 @@ onMounted(() => {
 });
 </script>
 
-<style scoped>
+<style scoped lang="postcss">
 @import "../assets/main.css";
 
 .icon {

src/views/Project/BottomBar.vue

@@ -61,8 +61,8 @@ function handleTabChange(event: Event) {
 }
 </script>
 
-<style scoped>
+<style scoped lang="postcss">
-@import "../assets/main.css";
+@import "@/assets/main.css";
 
 .icon {
   @apply h-4 w-4 opacity-70 mr-1.5;

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;

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": [