Stop using relative module imports

package.json

@@ -30,7 +30,8 @@
     "ts-node": "^10.9.1",
     "typescript": "^5.1.3",
     "vite": "^4.1.1",
-    "vite-plugin-wasm-pack": "0.1.11"
+    "vite-plugin-wasm-pack": "0.1.11",
+    "vite-tsconfig-paths": "^4.2.0"
   },
   "dependencies": {
     "@turf/bbox": "^6.5.0",

src/lib/browse/layers/BusRoutesLayerControl.svelte

@@ -1,18 +1,18 @@
 <script lang="ts">
-  import type { MapGeoJSONFeature } from "maplibre-gl";
-  import { map } from "../../../stores";
   import {
     ColorLegend,
     ExternalLink,
     HelpButton,
     InteractiveLayer,
-  } from "../../common";
-  import { Checkbox } from "../../govuk";
+  } from "lib/common";
+  import { Checkbox } from "lib/govuk";
   import {
     hoveredToggle,
     overwriteLineLayer,
     overwritePmtilesSource,
-  } from "../../maplibre";
+  } from "lib/maplibre";
+  import type { MapGeoJSONFeature } from "maplibre-gl";
+  import { map } from "stores";
   import { colors } from "../colors";
 
   let name = "bus_routes";

tsconfig.json

@@ -18,7 +18,8 @@
     "strict": true,
     /* Necessary for Playwright tests */
     "allowImportingTsExtensions": true,
-    "noUnusedLocals": true
+    "noUnusedLocals": true,
+    "baseUrl": "./src"
   },
   "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte", "tests/**/*"]
 }

vite.config.ts

@@ -2,6 +2,7 @@ import { defineConfig } from "vite";
 import { resolve } from "path";
 import { svelte } from "@sveltejs/vite-plugin-svelte";
 import wasmPack from "vite-plugin-wasm-pack";
+import tsconfigPaths from "vite-tsconfig-paths";
 
 export default defineConfig({
   build: {
@@ -13,5 +14,5 @@ export default defineConfig({
       },
     },
   },
-  plugins: [svelte(), wasmPack(["./route_info"], ["route-snapper"])],
+  plugins: [svelte(), tsconfigPaths(), wasmPack(["./route_info"], ["route-snapper"])],
 });