Adding another fucking project structure lol. we got like 3 now

jsconfig.json

@@ -1,24 +1,36 @@
 {
-	"extends": "./.svelte-kit/tsconfig.json",
+  "extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
+  "compilerOptions": {
-		"allowJs": true,
+    "allowJs": true,
-		"checkJs": true,
+    "checkJs": true,
-		"esModuleInterop": true,
+    "esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
+    "forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
+    "resolveJsonModule": true,
-		"skipLibCheck": true,
+    "skipLibCheck": true,
-		"sourceMap": true,
+    "sourceMap": true,
-		"strict": true,
+    "strict": true,
-		"moduleResolution": "bundler",
+    "moduleResolution": "bundler",
-        "allowImportingTsExtensions": true,
+    "allowImportingTsExtensions": true,
-		"paths": {
+    "paths": {
-			"@images/*": ["./src/images/*"],
+      "@images/*": [
-			"@src/*": ["./src/*"],
+        "./src/images/*"
-			"@static/*": ["./static/*"]
+      ],
-		}
+      "@src/*": [
-	}
+        "./src/*"
-	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
+      ],
-	//
+      "@pages/*": [
-	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+        "./src/pages/*"
-	// from the referenced tsconfig.json - TypeScript does not merge them in
+      ],
+      "@shop/*": [
+        "./src/pages/shop/*"
+      ],
+      "@static/*": [
+        "./static/*"
+      ]
+    }
+  }
+  // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
+  //
+  // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+  // from the referenced tsconfig.json - TypeScript does not merge them in
 }

src/pages/shop/_trackers.svelte

@@ -0,0 +1,5 @@
+<script>
+
+</script>
+
+<div>Baller</div>

src/routes/+page.svelte

@@ -93,8 +93,8 @@
       </div>
       <div class="py-2"></div>
       <div class="flex justify-center gap-2">
-        <button class="btn btn-secondary">Buy</button>
+        <a href="/" class="btn btn-secondary">Buy</a>
-        <button class="btn btn-primary">Learn more</button>
+        <a href="/shop/trackers" class="btn btn-primary">Learn more</a>
       </div>
 
     </div>

src/routes/shop/tracker/+page.svelte

@@ -0,0 +1,5 @@
+<script>
+  import Trackers from "@shop/_trackers.svelte";
+</script>
+
+<Trackers/>

src/routes/shop/trackers/+page.svelte

@@ -0,0 +1,6 @@
+<script>
+  import Trackers from "@shop/_trackers.svelte";
+</script>
+
+<Trackers/>
+

vite.config.js

@@ -23,6 +23,8 @@ export default defineConfig({
       "@images": path.resolve("./src/images"),
       "@src": path.resolve("./src"),
       "@static": path.resolve("./static"),
+      "@pages": path.resolve("./src/pages"),
+      "@shop": path.resolve("./src/pages/shop"),
     },
   },
   server: {