refactor(main): reorganization

- in preparation fo resume stuff

apps/main/.gitignore

@@ -1 +1 @@
-skills.svg
+static/skills.svg

apps/main/src/routes/(app)/+layout.svelte

@@ -0,0 +1,10 @@
+<script>
+    import "./app.css"
+
+    import Navbar from "$/components/Navbar.svelte"
+</script>
+
+<Navbar />
+<main>
+    <slot />
+</main>

apps/main/src/routes/(app)/+page.svelte

@@ -6,9 +6,9 @@
     import YouTube from "@inqling/svelte-icons/simple-icons/youtube.svelte"
     import { onMount } from "svelte"
 
-    import HandWave from "../components/HandWave.svelte"
-    import { discordInviteLink } from "../constants"
-    import getAge from "../utils/getAge"
+    import HandWave from "$/components/HandWave.svelte"
+    import { discordInviteLink } from "$/constants"
+    import getAge from "$/utils/getAge"
 
     let age = getAge() // run immediately the first time
 

apps/main/src/routes/(app)/discord/+page.svelte

@@ -1,10 +1,9 @@
 <script>
     import Discord from "@inqling/svelte-icons/simple-icons/discord.svelte"
 
+    import { discordInviteLink } from "$/constants"
     import { browser } from "$app/environment"
 
-    import { discordInviteLink } from "../../constants"
-
     // redirect to developomp's discord server
     if (browser) {
         window.location.replace(discordInviteLink)

apps/main/src/routes/+layout.svelte

@@ -1,10 +0,0 @@
-<script>
-    import "../app.css"
-
-    import Navbar from "../components/Navbar.svelte"
-</script>
-
-<Navbar />
-<main>
-    <slot />
-</main>

apps/main/tsconfig.json

@@ -8,6 +8,11 @@
         "resolveJsonModule": true,
         "skipLibCheck": true,
         "sourceMap": true,
-        "strict": true
+        "strict": true,
+
+        "baseUrl": "./src",
+        "paths": {
+            "$/*": ["./*"]
+        }
     }
 }

apps/main/vite.config.ts

@@ -1,8 +1,14 @@
 import { sveltekit } from "@sveltejs/kit/vite"
+import path from "path"
 import { defineConfig } from "vite"
 
 export default defineConfig({
     plugins: [sveltekit()],
+    resolve: {
+        alias: {
+            $: path.resolve("./src"),
+        },
+    },
     server: {
         open: true,
     },