diff --git a/examples/sveltekit-ts-assets-generator/README.md b/examples/sveltekit-ts-assets-generator/README.md index 5c91169..b5b2950 100644 --- a/examples/sveltekit-ts-assets-generator/README.md +++ b/examples/sveltekit-ts-assets-generator/README.md @@ -1,6 +1,6 @@ -# create-svelte +# sv -Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte). +Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli). ## Creating a project @@ -8,10 +8,10 @@ If you're seeing this, you've probably already done this step. Congrats! ```bash # create a new project in the current directory -npm create svelte@latest +npx sv create # create a new project in my-app -npm create svelte@latest my-app +npx sv create my-app ``` ## Developing @@ -35,4 +35,4 @@ npm run build You can preview the production build with `npm run preview`. -> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment. +> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment. diff --git a/examples/sveltekit-ts-assets-generator/package.json b/examples/sveltekit-ts-assets-generator/package.json index be87edd..07a8e67 100644 --- a/examples/sveltekit-ts-assets-generator/package.json +++ b/examples/sveltekit-ts-assets-generator/package.json @@ -27,18 +27,18 @@ "@playwright/test": "^1.37.1", "@sveltejs/adapter-static": "^3.0.0", "@sveltejs/adapter-node": "^2.0.0", - "@sveltejs/kit": "^2.0.1", + "@sveltejs/kit": "^2.7.4", "@types/cookie": "^0.6.0", "@typescript-eslint/eslint-plugin": "^6.14.0", "@typescript-eslint/parser": "^6.14.0", "@vite-pwa/sveltekit": "workspace:*", "eslint": "^8.55.0", - "eslint-plugin-svelte": "^2.35.1", - "svelte": "^4.2.8", - "svelte-check": "^3.6.2", - "tslib": "^2.6.2", - "typescript": "^5.4.5", - "vitest": "^2.0.5" + "eslint-plugin-svelte": "^2.45.1", + "svelte": "^5.1.9", + "svelte-check": "^4.0.5", + "tslib": "^2.8.1", + "typescript": "^5.6.3", + "vitest": "^2.1.4" }, "type": "module", "dependencies": { diff --git a/examples/sveltekit-ts-assets-generator/src/lib/Counter.svelte b/examples/sveltekit-ts-assets-generator/src/lib/Counter.svelte index bb71271..f969f17 100644 --- a/examples/sveltekit-ts-assets-generator/src/lib/Counter.svelte +++ b/examples/sveltekit-ts-assets-generator/src/lib/Counter.svelte @@ -1,11 +1,15 @@
-
{#if $needRefresh} - {/if} - diff --git a/examples/sveltekit-ts-assets-generator/src/routes/+layout.svelte b/examples/sveltekit-ts-assets-generator/src/routes/+layout.svelte index f33d8b1..ccb5e40 100644 --- a/examples/sveltekit-ts-assets-generator/src/routes/+layout.svelte +++ b/examples/sveltekit-ts-assets-generator/src/routes/+layout.svelte @@ -3,8 +3,13 @@ import '../app.css'; import { pwaInfo } from 'virtual:pwa-info'; import { pwaAssetsHead } from 'virtual:pwa-assets/head'; + interface Props { + children?: import('svelte').Snippet; + } + + let { children }: Props = $props(); - $: webManifest = pwaInfo ? pwaInfo.webManifest.linkTag : '' + let webManifest = $derived(pwaInfo ? pwaInfo.webManifest.linkTag : '') @@ -22,7 +27,7 @@
- + {@render children?.()}