feat: add @scripts resolve alias

astro.config.ts

@@ -50,6 +50,7 @@ export default defineConfig({
         "~": resolve(__dirname, "./src"),
         "@pages": resolve(__dirname, "./src/pages"),
         "@assets": resolve(__dirname, "./src/assets"),
+        "@scripts": resolve(__dirname, "./src/scripts"),
         "@layouts": resolve(__dirname, "./src/layouts"),
         "@components": resolve(__dirname, "./src/components"),
       },

src/components/widgets/decorations/Snow.astro

@@ -1,5 +1,5 @@
-<div class="snow-container absolute top-0 left-0 z-[-1000] h-full w-full"></div>
+<div class="snow-container absolute left-0 top-0 z-[-1000] h-full w-full"></div>
 
 <script>
-  import "../../scripts/snow.js";
+  import "@scripts/snow.js";
 </script>

src/layouts/Layout.astro

@@ -43,7 +43,7 @@ const { title, description, keywords, schemaOrg } = {
     <slot />
 
     <script>
-      import "../scripts/menu.ts";
+      import "@scripts/menu.ts";
     </script>
     <style is:global>
       ::-webkit-scrollbar {

src/layouts/docs/ItemLayout.astro

@@ -8,7 +8,11 @@ const item = Astro.props;
 const currentPage = new URL(Astro.request.url).pathname;
 ---
 
-<Layout title={`Docs - ${item.content.title}`} description={item.content.description} url={`https://xhyrom.dev${item.url}`}>
+<Layout
+  title={`Docs - ${item.content.title}`}
+  description={item.content.description}
+  url={`https://xhyrom.dev${item.url}`}
+>
   <Navbar />
 
   <div class="grid grid-cols-12">
@@ -38,5 +42,5 @@ const currentPage = new URL(Astro.request.url).pathname;
 </Layout>
 
 <script>
-  import "../../scripts/sidebarToggle.js";
+  import "@scripts/sidebarToggle.js";
 </script>

tsconfig.json

@@ -6,6 +6,7 @@
       "~/*": ["src/*"],
       "@pages/*": ["src/pages/*"],
       "@assets/*": ["src/assets"],
+      "@scripts/*": ["src/scripts"],
       "@layouts/*": ["src/layouts/*"],
       "@components/*": ["src/components/*"]
     }