chore(deps): update @sveltejs/kit to v3 and @sveltejs/adapter-auto to v8

docs/content/3.rendering/6.svelte.md

@@ -312,6 +312,25 @@ const config = {
 export default config
 ```
 
+SvelteKit 3 no longer reads `svelte.config.js`; pass the same options to the `sveltekit()` plugin instead:
+
+```ts [vite.config.ts]
+import { sveltekit } from '@sveltejs/kit/vite'
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  plugins: [
+    sveltekit({
+      compilerOptions: {
+        experimental: {
+          async: true,
+        },
+      },
+    }),
+  ],
+})
+```
+
 ```svelte [App.svelte]
 <script lang="ts">
   import { MarkdownAsync } from '@comark/svelte/async'

examples/1.frameworks/sveltekit/package.json

@@ -3,6 +3,10 @@
   "version": "0.0.1",
   "private": true,
   "type": "module",
+  "imports": {
+    "#lib": "./src/lib",
+    "#lib/*": "./src/lib/*"
+  },
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",

examples/1.frameworks/sveltekit/src/routes/+page.server.ts

@@ -1,4 +1,4 @@
-import { lazyMarkdown } from '$lib/content'
+import { lazyMarkdown } from '#lib/content.ts'
 
 export const load = () => {
   return {

examples/1.frameworks/sveltekit/src/routes/stable/+page.server.ts

@@ -1,5 +1,5 @@
 import { parseMarkdown } from 'comark'
-import { stableMarkdown } from '$lib/content'
+import { stableMarkdown } from '#lib/content.ts'
 
 export const load = async () => {
   return {

examples/1.frameworks/sveltekit/src/routes/stable/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { MarkdownDocument } from '@comark/svelte'
   import { pascalCase } from 'comark/utils'
-  import Alert from '$lib/components/comark/Alert.svelte'
+  import Alert from '#lib/components/comark/Alert.svelte'
   import type { PageData } from './$types'
 
   let { data }: { data: PageData } = $props()

examples/1.frameworks/sveltekit/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "./.svelte-kit/tsconfig.json",
+  "extends": "$app/tsconfig",
   "compilerOptions": {
     "allowJs": true,
     "allowImportingTsExtensions": true,
@@ -11,5 +11,7 @@
     "sourceMap": true,
     "strict": true,
     "moduleResolution": "bundler"
-  }
+  },
+  "include": ["src", "test", "*"],
+  "exclude": ["src/service-worker"]
 }

examples/1.frameworks/sveltekit/vite.config.ts

@@ -1,6 +1,18 @@
+import adapter from '@sveltejs/adapter-auto'
 import { sveltekit } from '@sveltejs/kit/vite'
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
 import { defineConfig } from 'vite'
 
 export default defineConfig({
-  plugins: [sveltekit()],
+  plugins: [
+    sveltekit({
+      adapter: adapter(),
+      compilerOptions: {
+        experimental: {
+          async: true,
+        },
+      },
+      preprocess: vitePreprocess(),
+    }),
+  ],
 })

pnpm-workspace.yaml

@@ -48,8 +48,8 @@ catalog:
   "@shikijs/primitive": ^4.4.3
   "@shikijs/themes": ^4.4.3
   "@shikijs/twoslash": ^4.4.3
-  "@sveltejs/adapter-auto": ^7.0.1
-  "@sveltejs/kit": ^2.70.3
+  "@sveltejs/adapter-auto": ^8.0.0
+  "@sveltejs/kit": ^3.1.0
   "@sveltejs/package": ^2.5.8
   "@sveltejs/vite-plugin-svelte": ^7.3.0
   "@tailwindcss/postcss": ^4.3.3