Upgrade kit from 1.0.0-next.202 to 1.0.0-next.299

annoyingly got stuck in dependency hell here because of breaking changes in vite-plugin-svelte

package.json

@@ -35,7 +35,7 @@
     "@babel/preset-env": "^7.16.5",
     "@rgossiaux/svelte-heroicons": "^0.1.2",
     "@sveltejs/adapter-auto": "next",
-    "@sveltejs/kit": "next",
+    "@sveltejs/kit": "^1.0.0-next.299",
     "@tailwindcss/forms": "^0.4.0",
     "@tailwindcss/typography": "^0.5.0",
     "@testing-library/jest-dom": "^5.16.1",
@@ -69,5 +69,8 @@
     "tslib": "^2.3.1",
     "typescript": "^4.4.3"
   },
+  "overrides": {
+    "@sveltejs/vite-plugin-svelte": "1.0.0-next.32"
+  },
   "type": "module"
 }

src/routes/docs/1.0/_Sidebar.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { page } from "$app/stores";
 
-  $: isHome = $page.path.endsWith("docs/1.0");
+  $: isHome = $page.url.pathname.endsWith("docs/1.0");
   $: base = isHome ? "1.0/" : "";
   $: homeUrl = isHome ? "" : "../1.0";
 
@@ -29,7 +29,7 @@
   {#each pages as p (p.url)}
     <a
       href={p.url}
-      class:font-bold={$page.path.includes(p.url)}
+      class:font-bold={$page.url.pathname.includes(p.url)}
       class="py-2 hover:decoration-stone-400 hover:underline"
     >
       {p.text}
@@ -39,7 +39,7 @@
   {#each components as component (component.url)}
     <a
       href={component.url}
-      class:font-bold={$page.path.includes(component.url)}
+      class:font-bold={$page.url.pathname.includes(component.url)}
       class="py-2 hover:decoration-stone-400 hover:underline"
     >
       {component.text}

src/routes/docs/2.0/_Sidebar.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { page } from "$app/stores";
 
-  $: isHome = $page.path.endsWith("docs/2.0");
+  $: isHome = $page.url.pathname.endsWith("docs/2.0");
   $: base = isHome ? "2.0/" : "";
   $: homeUrl = isHome ? "" : "../2.0";
 
@@ -29,7 +29,7 @@
   {#each pages as p (p.url)}
     <a
       href={p.url}
-      class:font-bold={$page.path.includes(p.url)}
+      class:font-bold={$page.url.pathname.includes(p.url)}
       class="py-2 hover:decoration-stone-400 hover:underline"
     >
       {p.text}
@@ -39,7 +39,7 @@
   {#each components as component (component.url)}
     <a
       href={component.url}
-      class:font-bold={$page.path.includes(component.url)}
+      class:font-bold={$page.url.pathname.includes(component.url)}
       class="py-2 hover:decoration-stone-400 hover:underline"
     >
       {component.text}

svelte.config.js

@@ -26,9 +26,6 @@ const config = {
         return !filepath.endsWith(".test.ts");
       },
     },
-
-    // hydrate the <div id="svelte"> element in src/app.html
-    target: "#svelte",
   },
 };
 

tsconfig.json

@@ -1,32 +1,10 @@
 {
+  "extends": "./.svelte-kit/tsconfig.json",
   "compilerOptions": {
-    "moduleResolution": "node",
-    "module": "es2020",
-    "lib": ["es2020", "DOM"],
-    "target": "es2020",
     "strict": true,
-    /**
-			svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript
-			to enforce using \`import type\` instead of \`import\` for Types.
-			*/
-    "importsNotUsedAsValues": "error",
-    "preserveValueImports": true,
-    "isolatedModules": true,
-    "resolveJsonModule": true,
-    /**
-			To have warnings/errors of the Svelte compiler at the correct position,
-			enable source maps by default.
-			*/
-    "sourceMap": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "baseUrl": ".",
-    "allowJs": true,
-    "checkJs": true,
     "paths": {
-      "$lib": ["src/lib"],
+      "$lib":["src/lib"],
-      "$lib/*": ["src/lib/*"],
+      "$lib/*":["src/lib/*"],
       "*": ["src/types/*"]
     }
   },