diff --git a/docs/examples/svelte.md b/docs/examples/svelte.md
index be0d885c..187e30f2 100644
--- a/docs/examples/svelte.md
+++ b/docs/examples/svelte.md
@@ -8,26 +8,6 @@ The `Svelte` example project can be found on `examples/svelte-routify` package/d
 
 The router used on this example project is [@roxi/routify](https://routify.dev/).
 
-The `Svelte` example has been created using `create-vite` template with `pnpx`:
-
-::: details pnpx create-vite
-```shell
-pnpx create-vite
-+ create-vite 2.5.4
-√ Project name: ... svelte-routify
-√ Select a framework: » svelte
-√ Select a variant: » svelte-ts
-
-Scaffolding project in examples\svelte-routify...
-
-Done. Now run:
-
-  cd svelte-routify
-  npm install
-  npm run dev
-```
-:::
-
 To test `new content available`, you should rerun the corresponding script, and then refresh the page.
 
 If you are running an example with `Periodic SW updates`, you will need to wait 1 minute:
diff --git a/docs/examples/sveltekit.md b/docs/examples/sveltekit.md
index f6c40c73..a3ae17de 100644
--- a/docs/examples/sveltekit.md
+++ b/docs/examples/sveltekit.md
@@ -6,45 +6,6 @@ title: SvelteKit | Examples
 
 The `SvelteKit` example project can be found on `examples/sveltekit-pwa` package/directory and it is configured with `@sveltejs/adapter-static` adapter.
 
-The `SvelteKit` example has been created using `svelte@next` template with `pnpm`:
-
-::: details pnpm create svelte@next sveltekit-pwa
-```shell
-pnpm create svelte@next sveltekit-pwa
-+ create-svelte 2.0.0-next.89
-
-Progress: resolved 5, reused 5, downloaded 0, added 5, done
-
-create-svelte version 2.0.0-next.89
-
-Welcome to SvelteKit!
-
-This is beta software; expect bugs and missing features.
-
-Problems? Open an issue on https://github.com/sveltejs/kit/issues if none exists already.
-
-√ Which Svelte app template? » Skeleton project
-√ Use TypeScript? ... No / Yes
-√ Add ESLint for code linting? ... No / Yes
-√ Add Prettier for code formatting? ... No / Yes
-
-Your project is ready!
-✔ Typescript
-  Inside Svelte components, use <script lang="ts">
-✔ ESLint
-  https://github.com/sveltejs/eslint-plugin-svelte3
-
-Install community-maintained integrations:
-  https://github.com/svelte-add/svelte-adders
-
-Next steps:
-  1: cd sveltekit-pwa
-  2: npm install (or pnpm install, etc)
-  3: git init && git add -A && git commit -m "Initial commit" (optional)
-  4: npm run dev -- --open
-```
-:::
-
 To test `new content available`, you should rerun the corresponding script, and then refresh the page.
 
 If you are running an example with `Periodic SW updates`, you will need to wait 1 minute:
diff --git a/docs/frameworks/sveltekit.md b/docs/frameworks/sveltekit.md
index 0803c5d3..ea0e368c 100644
--- a/docs/frameworks/sveltekit.md
+++ b/docs/frameworks/sveltekit.md
@@ -4,212 +4,214 @@ title: SvelteKit | Frameworks
 
 # SvelteKit
 
+::: warning
+From SvelteKit version `1.0.0-next.358+`, SvelteKit is just another Vite plugin, and latest versions will also require you to update your application to use Vite 3.
+:::
+
 ::: info
 For `Type declarations`, `Prompt for update` and `Periodic SW Updates` go to [Svelte](/frameworks/svelte) entry.
 :::
 
+::: tip
 You should remove all references to [SvelteKit service worker module](https://kit.svelte.dev/docs#modules-$service-worker) to disable it on your application.
+:::
+
+## SvelteKit Vite Plugin
+
+`vite-plugin-pwa` provides the new `ViteSvelteKitPWA` plugin that will allow you to use `vite-plugin-pwa` in your SvelteKit applications.
 
-Since `SvelteKit` uses `SSR / SSG`, we need to add the `ReloadPrompt` component using `dynamic import`. `Vite Plugin PWA` will only register the service worker on build, it is aligned with the current behavior of [SvelteKit service worker module](https://kit.svelte.dev/docs#modules-$service-worker).
+To update your project to use the new `vite-plugin-pwa` for SvelteKit, you only need to change the Vite config file (you don't need oldest `pwa` and `pwa-configuration` modules):
+```ts
+// vite.config.js
+// import { VitePWA } from 'vite-plugin-pwa'          <== replace this import
+import { ViteSvelteKitPWA } from 'vite-plugin-pwa' // <== with this import
+import { sveltekit } from '@sveltejs/kit/vite'
 
-The best place to include the `ReloadPrompt` is on the main layout of the application:
+/** @type {import('vite').UserConfig} */
+const config = {
+  plugins: [
+    sveltekit(),
+    ViteSvelteKitPWA({/* options */})
+  ],
+}
+
+export default config
+```
+
+## Plugin Configuration
+
+`vite-plugin-pwa` has been modified to automatically detect SvelteKit plugin: once detected, it will add a set of default configuration options to your `vite-plugin-pwa` options:
+- allows you to configure the SvelteKit build output folder: defaults to `.svelte-kit`, but you can change it with `svelteKitOptions.outDir` plugin option (([SvelteKit outDir](https://kit.svelte.dev/docs/configuration#outdir))).
+- configures the `globDirectory` with SvelteKit build output folder: `globDirectory: '.svelte-kit/output'` (using previous `svelteKitOptions.outDir` option).
+- adds `.svelte-kit/output/client` and `.svelte-kit/output/prerendered` folders to the `globPatterns`: `globPatterns: ['prerendered/**/*.html', 'client/**/*.{js,css,ico,png,svg,webp}']`.
+- configures default Rollup assets naming convention: `dontCacheBustURLsMatching: /-[a-f0-9]{8}\./` (by default, `vite-plugin-pwa` will use Vite assets naming convention: `/\.[a-f0-9]{8}\./`).
+- excludes adding manifest icons: `includeManifestIcons: false` (Vite will copy all `publicDir` content to the SvelteKit output folder before `vite-plugin-pwa` runs, and so, you will end up with duplicated entries in the service worker's precache manifest).
+- allows you to configure `trailingSlash` option: `vite-plugin-pwa` will use it in its internal Workbox `manifestTransform` callback ([SvelteKit trailingslash](https://kit.svelte.dev/docs/configuration#trailingslash)).
+- allows you to configure `fallback` adapter option: `vite-plugin-pwa` will configure it in the `workbox.navigateFallback` option, only when using `generateSW` strategy ([adapter-static fallback](https://github.com/sveltejs/kit/tree/master/packages/adapter-static#fallback)).
+
+Some of the above options will be excluded if you already provide them or if you provide options where there may be a conflict between them: you can view the source code of the [SvelteKit PWA configuration module](https://github.com/antfu/vite-plugin-pwa/tree/main/src/integrations/sveltekit/config.ts) to verify that there are no conflicts.
+
+## SvelteKit Pages
+
+If you want your application can work offline, you should remove `hydrate: false` from all your pages, it will prevent to inject the layout and so will not work offline.
+
+### Auto Update
+
+Since SvelteKit uses SSR/SSG, we need to call the `vite-plugin-pwa` virtual module using a dynamic `import`.
+
+The best place to include the virtual call will be in main layout of the application (you should register it in any layout):
 
 ::: details src/routes/__layout.svelte
 ```html
 <script>
   import { onMount } from 'svelte'
   import { browser, dev } from '$app/env'
+  import { assets } from '$app/paths'
 
-  let ReloadPrompt
   onMount(async () => {
-    !dev && browser && (ReloadPrompt = (await import('$lib/components/ReloadPrompt.svelte')).default)
+    if (!dev && browser) {
+      const { registerSW } = await import('virtual:pwa-register')
+      registerSW({
+        immediate: true,
+        onRegistered(r) {
+          // uncomment following code if you want check for updates
+          // r && setInterval(() => {
+          //    console.log('Checking for sw update')
+          //    r.update()
+          // }, 20000 /* 20s for testing purposes */)
+          console.log(`SW Registered: ${r}`)
+        },
+        onRegisterError(error) {
+          console.log('SW registration error', error)
+        }
+      })
+    }
   })
 </script>
 
 <svelte:head>
   {#if (!dev && browser)}
-    <link rel="manifest" href="/_app/manifest.webmanifest">
+    <link rel="manifest" href="{assets}/manifest.webmanifest">
   {/if}
 </svelte:head>
 
 <main>
   <slot />
 </main>
-
-{#if ReloadPrompt}
-  <svelte:component this={ReloadPrompt} />
-{/if}
 ```
 :::
 
-## SvelteKit Adapters
-
-The main problem with the current implementation of the service worker module of `SvelteKit` is that you don't have access to the result applied by any adapter you have configured on your application. The service worker module of `SvelteKit` will be called before the adapter logic is applied, and so, inside the service worker module, you don't have access to those resources. Your application will not work when the user is offline, since the pages will not be included on the service worker precache manifest.
-
-When using `Vite PWA Plugin` with any `SvelteKit Adapter` you need to provide an additional script to rebuild your `pwa` once `SvelteKit` finish building your application, that is, when the adapter configured finish its job.
-
-The biggest difference between this plugin and the SvelteKit service worker module is that this plugin does not require integration into the application logic - just configuration. You can take a look at [SvelteKit example](https://github.com/antfu/vite-plugin-pwa/tree/main/examples/sveltekit-pwa) to configure the additional scripts on your application, it is quite complex since we use it for multiple behaviors with the same codebase.
+### Prompt for update
 
-### Workbox manifestTransforms
+Since SvelteKit uses SSR/SSG, we need to add the `ReloadPrompt` component using a dynamic `import`. `vite-plugin-pwa` plugin will only register the service worker on build (check the [Development section](/guide/development)), it is aligned with the current behavior of [SvelteKit service worker module](https://kit.svelte.dev/docs#modules-$service-worker).
 
-We must provide a list of URLs for the service worker to load and precache. We provide these to workbox using the [the `manifestTransforms` option](https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-build#.ManifestTransform) under `workbox` or [`injectManifest`](https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-build#.injectManifest). The [manifest entries](https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-build#.ManifestEntry) provided via this option will contain all the assets specified in the `srcDir` option.
+The best place to include the `ReloadPrompt` component will be in main layout of the application (you should register it in any layout):
 
-Since `SvelteKit` outputs an `.html` page for each pre-rendered page, you can use `manifestTransforms` to generate the URL from the prerendered HTML file path. For an example, see the `pwa-configuration.js` module in the next example using `@sveltejs/adapter-static`.
-
-Pages which are not prerendered or are generated with a unique adapter will need to be handled separately and the `manifestTransforms` logic will need to be modified accordingly.
-
-### Static Adapter example
-
-As an example, when using [@sveltejs/adapter-static](https://github.com/sveltejs/kit/tree/master/packages/adapter-static) with `generateSW` strategy and `Prompt for update` behavior, you will need:
-
-::: details 1) add pwa.js script
-```js
-import { copyFileSync } from 'fs'
-import { resolveConfig } from 'vite'
-import { VitePWA } from 'vite-plugin-pwa'
-import { pwaConfiguration } from './pwa-configuration.js'
+::: details src/routes/__layout.svelte
+```html
+<script>
+  import { onMount } from 'svelte'
+  import { browser, dev } from '$app/env'
+  import { assets } from '$app/paths'
 
-const webmanifestDestinations = [
-  './.svelte-kit/output/client/',
-  './build/',
-]
+  let ReloadPrompt
+  onMount(async () => {
+    !dev && browser && (ReloadPrompt = (await import('$lib/ReloadPrompt.svelte')).default)
+  })
+</script>
 
-const swDestinations = [
-  './build/',
-]
+<svelte:head>
+  {#if (!dev && browser)}
+    <link rel="manifest" href="{assets}/manifest.webmanifest">
+  {/if}
+</svelte:head>
 
-const buildPwa = async () => {
-  const config = await resolveConfig({ plugins: [VitePWA({ ...pwaConfiguration })] }, 'build', 'production')
-  // when `vite-plugin-pwa` is present, use it to regenerate SW after rendering
-  const pwaPlugin = config.plugins.find(i => i.name === 'vite-plugin-pwa')?.api
-  if (pwaPlugin?.generateSW) {
-    console.log('Generating PWA...')
-    await pwaPlugin.generateSW()
-    webmanifestDestinations.forEach((d) => {
-      copyFileSync('./.svelte-kit/output/client/_app/manifest.webmanifest', `${d}/manifest.webmanifest`)
-    })
-    // don't copy workbox, SvelteKit will copy it
-    swDestinations.forEach((d) => {
-      copyFileSync('./.svelte-kit/output/client/sw.js', `${d}/sw.js`)
-    })
-    console.log('Generation of PWA complete')
-  }
-}
+<main>
+  <slot />
+</main>
 
-buildPwa()
+{#if ReloadPrompt}
+  <svelte:component this={ReloadPrompt} />
+{/if}
 ```
 :::
 
-::: details 2) add pwa-configuration.js script
-
-```js
-const pwaConfiguration = {
-  srcDir: './build',
-  outDir: './.svelte-kit/output/client',
-  includeManifestIcons: false,
-  base: '/',
-  scope: '/',
-  manifest: {
-    short_name: '<YOUR APP SHORT NAME>',
-    name: '<YOUR APP NAME>',
-    scope: '/',
-    start_url: '/',
-    display: 'standalone',
-    theme_color: '#ffffff',
-    background_color: '#ffffff',
-    icons: [
-      {
-        src: '/pwa-192x192.png',
-        sizes: '192x192',
-        type: 'image/png'
-      },
-      {
-        src: '/pwa-512x512.png',
-        sizes: '512x512',
-        type: 'image/png'
-      },
-      {
-        src: '/pwa-512x512.png',
-        sizes: '512x512',
-        type: 'image/png',
-        purpose: 'any maskable'
-      }
-    ]
-  },
-  workbox: {
-    // mode: 'development',
-    navigateFallback: '/',
-    // vite and SvelteKit are not aligned: pwa plugin will use /\.[a-f0-9]{8}\./ by default: #164 optimize workbox work
-    dontCacheBustURLsMatching: /-[a-f0-9]{8}\./,
-    globDirectory: './build/',
-    globPatterns: ['robots.txt', '**/*.{js,css,html,ico,png,svg,webmanifest}'],
-    globIgnores: ['**/sw*', '**/workbox-*'],
-    manifestTransforms: [async (entries) => {
-      // manifest.webmanifest is added always by pwa plugin, so we remove it.
-      // EXCLUDE from the sw precache sw and workbox-*
-      const manifest = entries.filter(({ url }) =>
-        url !== 'manifest.webmanifest' && url !== 'sw.js' && !url.startsWith('workbox-')
-      ).map((e) => {
-        let url = e.url
-        if (url && url.endsWith('.html')) {
-          if (url.startsWith('/'))
-            url = url.slice(1)
-
-          if (url === 'index.html')
-            e.url = '/'
-          else if (url.endsWith('index.html'))
-            e.url = `/${url.substring(0, url.lastIndexOf('/'))}`
-          else if (url.endsWith('.html'))
-            e.url = `/${url.substring(0, url.length - '.html'.length)}`
-
-        }
-
-        return e
-      })
-
-      return { manifest }
-    }]
-  }
-}
+::: details $lib/ReloadPrompt.svelte
+```html
+<script lang="ts">
+	import { useRegisterSW } from 'virtual:pwa-register/svelte'
+	const {
+		needRefresh,
+		updateServiceWorker
+	} = useRegisterSW({
+		onRegistered(r) {
+		// uncomment following code if you want check for updates
+		// r && setInterval(() => {
+		//    console.log('Checking for sw update')
+		//    r.update()
+		// }, 20000 /* 20s for testing purposes */)
+			console.log(`SW Registered: ${r}`)
+		},
+		onRegisterError(error) {
+			console.log('SW registration error', error)
+		},
+	})
+	const close = () => {
+		offlineReady.set(false)
+		needRefresh.set(false)
+	}
+	$: toast = $offlineReady || $needRefresh
+</script>
 
-export { pwaConfiguration }
-```
-:::
+{#if toast}
+	<div class="pwa-toast" role="alert">
+		<div class="message">
+			{#if $offlineReady}
+				<span>
+					App ready to work offline
+				</span>
+			{:else}
+				<span>
+					New content available, click on reload button to update.
+				</span>
+			{/if}
+		</div>
+		{#if $needRefresh}
+			<button on:click={() => updateServiceWorker(true)}>
+				Reload
+			</button>
+		{/if}
+		<button on:click={close}>
+			Close
+		</button>
+	</div>
+{/if}
 
-::: details 3) modify your build script
-```json
-{
-  "scripts": {
-    "build": "svelte-kit build && node ./pwa.js"
-  }
-}
+<style>
+	.pwa-toast {
+		position: fixed;
+		right: 0;
+		bottom: 0;
+		margin: 16px;
+		padding: 12px;
+		border: 1px solid #8885;
+		border-radius: 4px;
+		z-index: 2;
+		text-align: left;
+		box-shadow: 3px 4px 5px 0 #8885;
+		background-color: white;
+	}
+	.pwa-toast .message {
+		margin-bottom: 8px;
+	}
+	.pwa-toast button {
+		border: 1px solid #8885;
+		outline: none;
+		margin-right: 5px;
+		border-radius: 2px;
+		padding: 3px 10px;
+	}
+</style>
 ```
 :::
 
-::: details 4) add Vite Plugin PWA to svelte.config.js
-```js
-import adapter from '@sveltejs/adapter-static'
-import preprocess from 'svelte-preprocess'
-import { VitePWA } from 'vite-plugin-pwa'
-import { pwaConfiguration } from './pwa-configuration.js'
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-  // Consult https://github.com/sveltejs/svelte-preprocess
-  // for more information about preprocessors
-  preprocess: preprocess(),
-
-  kit: {
-    adapter: adapter(),
-
-    // hydrate the <div id="svelte"> element in src/app.html
-    target: '#svelte',
-    vite: {
-      plugins: [VitePWA(pwaConfiguration)]
-    }
-  }
-}
-
-export default config
-```
-:::
diff --git a/docs/guide/index.md b/docs/guide/index.md
index 872e64a2..6be33c43 100644
--- a/docs/guide/index.md
+++ b/docs/guide/index.md
@@ -91,7 +91,7 @@ If you want to check it in `dev`, add the `devOptions` option to the plugin conf
 import { VitePWA } from 'vite-plugin-pwa'
 export default defineConfig({
   plugins: [
-    VitePWA({ 
+    VitePWA({
       registerType: 'autoUpdate',
       devOptions: {
         enabled: true
diff --git a/examples/svelte-routify/package.json b/examples/svelte-routify/package.json
index 1527aa54..acb380d5 100644
--- a/examples/svelte-routify/package.json
+++ b/examples/svelte-routify/package.json
@@ -46,18 +46,18 @@
   "devDependencies": {
     "@rollup/plugin-replace": "^4.0.0",
     "@roxi/routify": "^2.18.8",
-    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.49",
+    "@sveltejs/vite-plugin-svelte": "^1.0.1",
     "@tsconfig/svelte": "^3.0.0",
     "cross-env": "^7.0.3",
     "eslint": "^8.19.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "https-localhost": "^4.7.1",
     "rimraf": "^3.0.2",
-    "svelte": "^3.48.0",
+    "svelte": "^3.49.0",
     "svelte-check": "^2.8.0",
     "svelte-preprocess": "^4.10.7",
     "typescript": "^4.7.4",
-    "vite": "^2.9.13",
+    "vite": "^3.0.2",
     "vite-plugin-pwa": "workspace:*",
     "workbox-core": "^6.5.3",
     "workbox-precaching": "^6.5.3",
diff --git a/examples/sveltekit-pwa/.eslintrc.cjs b/examples/sveltekit-pwa/.eslintrc.cjs
index 6ad4bdd7..13b64140 100644
--- a/examples/sveltekit-pwa/.eslintrc.cjs
+++ b/examples/sveltekit-pwa/.eslintrc.cjs
@@ -10,7 +10,7 @@ module.exports = {
 	},
 	parserOptions: {
 		sourceType: 'module',
-		ecmaVersion: 2019
+		ecmaVersion: 2020
 	},
 	env: {
 		browser: true,
diff --git a/examples/sveltekit-pwa/package.json b/examples/sveltekit-pwa/package.json
index 5001d153..2cb82619 100644
--- a/examples/sveltekit-pwa/package.json
+++ b/examples/sveltekit-pwa/package.json
@@ -3,13 +3,14 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "dev": "rimraf dev-dist && cross-env DEBUG=vite-plugin-pwa:* SW_DEV=true svelte-kit dev",
-    "dev-claims": "rimraf dev-dist && cross-env DEBUG=vite-plugin-pwa:* SW_DEV=true CLAIMS=true SW=true svelte-kit dev",
-    "dev-destroy": "rimraf dev-dist && cross-env DEBUG=vite-plugin-pwa:* SW_DESTROY=true SW_DEV=true svelte-kit dev",
-    "dev-claims-destroy": "rimraf dev-dist && cross-env DEBUG=vite-plugin-pwa:* SW_DESTROY=true SW_DEV=true CLAIMS=true SW=true svelte-kit dev",
-    "build": "svelte-kit build",
+    "dev": "rimraf dev-dist && cross-env DEBUG=vite-plugin-pwa:* SW_DEV=true vite dev",
+    "dev-claims": "rimraf dev-dist && cross-env DEBUG=vite-plugin-pwa:* SW_DEV=true CLAIMS=true SW=true vite dev",
+    "dev-destroy": "rimraf dev-dist && cross-env DEBUG=vite-plugin-pwa:* SW_DESTROY=true SW_DEV=true vite dev",
+    "dev-claims-destroy": "rimraf dev-dist && cross-env DEBUG=vite-plugin-pwa:* SW_DESTROY=true SW_DEV=true CLAIMS=true SW=true vite dev",
+    "build": "vite build",
     "package": "svelte-kit package",
-    "preview": "svelte-kit preview",
+    "preview": "vite preview",
+    "https": "serve build",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "eslint --ignore-path .gitignore .",
@@ -21,14 +22,14 @@
     "start-sw-reloadsw": "npm run run-build-sw-reloadsw && npm run preview",
     "start-sw-claims": "npm run run-build-sw-claims && npm run preview",
     "start-sw-claims-reloadsw": "npm run run-build-sw-claims-reloadsw && npm run preview",
-    "run-build": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true",
-    "run-build-reloadsw": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true RELOAD_SW=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --RELOAD_SW=true",
-    "run-build-claims": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true CLAIMS=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --CLAIMS=true",
-    "run-build-reloadsw-claims": "routify -b && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true CLAIMS=true RELOAD_SW=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --CLAIMS=true --RELOAD_SW=true",
-    "run-build-sw": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --SW=true",
-    "run-build-sw-reloadsw": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true RELOAD_SW=true SW=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --RELOAD_SW=true --SW=true",
-    "run-build-sw-claims": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true CLAIMS=true SW=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --CLAIMS=true --SW=true",
-    "run-build-sw-claims-reloadsw": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true CLAIMS=true RELOAD_SW=true SW=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --CLAIMS=true --RELOAD_SW=true --SW=true",
+    "run-build": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true vite build",
+    "run-build-reloadsw": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true RELOAD_SW=true vite build",
+    "run-build-claims": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true CLAIMS=true vite build",
+    "run-build-reloadsw-claims": "routify -b && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true CLAIMS=true RELOAD_SW=true vite build",
+    "run-build-sw": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW=true vite build",
+    "run-build-sw-reloadsw": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true RELOAD_SW=true SW=true vite build",
+    "run-build-sw-claims": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true CLAIMS=true SW=true vite build",
+    "run-build-sw-claims-reloadsw": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true CLAIMS=true RELOAD_SW=true SW=true vite build",
     "start-destroy": "npm run run-build-destroy && npm run preview",
     "start-reloadsw-destroy": "npm run run-build-reloadsw-destroy && npm run preview",
     "start-claims-destroy": "npm run run-build-claims-destroy && npm run preview",
@@ -37,19 +38,19 @@
     "start-sw-reloadsw-destroy": "npm run run-build-sw-reloadsw-destroy && npm run preview",
     "start-sw-claims-destroy": "npm run run-build-sw-claims-destroy && npm run preview",
     "start-sw-claims-reloadsw-destroy": "npm run run-build-sw-reloadsw-claims-destroy && npm run preview",
-    "run-build-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --SW_DESTROY=true",
-    "run-build-reloadsw-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true RELOAD_SW=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --SW_DESTROY=true --RELOAD_SW=true",
-    "run-build-claims-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true CLAIMS=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --SW_DESTROY=true --CLAIMS=true",
-    "run-build-reloadsw-claims-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true CLAIMS=true RELOAD_SW=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --SW_DESTROY=true --CLAIMS=true --RELOAD_SW=true",
-    "run-build-sw-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true SW=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --SW_DESTROY=true --SW=true",
-    "run-build-sw-reloadsw-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true RELOAD_SW=true SW=true svelte-kit build && node ./pwa.jss --BASE_URL=/ --SOURCE_MAP=true --SW_DESTROY=true --RELOAD_SW=true --SW=true",
-    "run-build-sw-claims-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true CLAIMS=true SW=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --SW_DESTROY=true --CLAIMS=true --SW=true",
-    "run-build-sw-reloadsw-claims-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true CLAIMS=true RELOAD_SW=true SW=true svelte-kit build && node ./pwa.js --BASE_URL=/ --SOURCE_MAP=true --SW_DESTROY=true --CLAIMS=true --RELOAD_SW=true --SW=true"
+    "run-build-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true vite build",
+    "run-build-reloadsw-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true RELOAD_SW=true vite build",
+    "run-build-claims-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true CLAIMS=true vite build",
+    "run-build-reloadsw-claims-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true CLAIMS=true RELOAD_SW=true vite build",
+    "run-build-sw-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true SW=true vite build",
+    "run-build-sw-reloadsw-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true RELOAD_SW=true SW=true vite build",
+    "run-build-sw-claims-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true CLAIMS=true SW=true vite build",
+    "run-build-sw-reloadsw-claims-destroy": "rimraf .svelte-kit && rimraf build && cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true SW_DESTROY=true CLAIMS=true RELOAD_SW=true SW=true vite build"
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^4.0.0",
     "@sveltejs/adapter-static": "next",
-    "@sveltejs/kit": "next",
+    "@sveltejs/kit": "1.0.0-next.388",
     "@typescript-eslint/eslint-plugin": "^5.30.3",
     "@typescript-eslint/parser": "^5.30.3",
     "cross-env": "^7.0.3",
@@ -58,11 +59,12 @@
     "https-localhost": "^4.7.1",
     "minimist": "^1.2.6",
     "rimraf": "^3.0.2",
-    "svelte": "^3.48.0",
+    "svelte": "^3.49.0",
     "svelte-check": "^2.8.0",
     "svelte-preprocess": "^4.10.7",
     "tslib": "^2.4.0",
     "typescript": "^4.7.4",
+    "vite": "^3.0.2",
     "vite-plugin-pwa": "workspace:*",
     "workbox-core": "^6.5.3",
     "workbox-precaching": "^6.5.3",
diff --git a/examples/sveltekit-pwa/pwa-configuration.js b/examples/sveltekit-pwa/pwa-configuration.js
index 82d5f2d8..590524f6 100644
--- a/examples/sveltekit-pwa/pwa-configuration.js
+++ b/examples/sveltekit-pwa/pwa-configuration.js
@@ -1,18 +1,19 @@
+const mode = process.env.SOURCE_MAP === 'true' ? 'development': undefined
+
+/** @type {import('vite-plugin-pwa').VitePWAOptions} */
 const pwaConfiguration = {
-	srcDir: './build',
-	outDir: './.svelte-kit/output/client',
-	mode: 'development',
-	includeManifestIcons: false,
+	mode,
 	scope: '/',
 	base: '/',
+	selfDestroying: process.env.SW_DESTROY === 'true',
 	manifest: {
-		short_name: "PWA Router",
-		name: "PWA Router",
-		start_url: "/",
-		scope: "/",
-		display: "standalone",
-		theme_color: "#ffffff",
-		background_color: "#ffffff",
+		short_name: 'PWA Router',
+		name: 'PWA Router',
+		start_url: '/',
+		scope: '/',
+		display: 'standalone',
+		theme_color: '#ffffff',
+		background_color:' "#ffffff"',
 		icons: [
 			{
 				src: '/pwa-192x192.png',
@@ -37,65 +38,27 @@ const pwaConfiguration = {
 		/* when using generateSW the PWA plugin will switch to classic */
 		type: 'module',
 		navigateFallback: '/',
-		webManifestUrl: '/_app/manifest.webmanifest'
 	},
 }
 
 const claims = process.env.CLAIMS === 'true'
 const reload = process.env.RELOAD_SW === 'true'
 const sw = process.env.SW === 'true'
-const selfDestroying = process.env.SW_DESTROY === 'true'
 const replaceOptions = {
 	__DATE__: new Date().toISOString(),
 	__RELOAD_SW__: reload ? 'true' : 'false',
 	__SW_DEV__: process.env.SW_DEV === 'true' ? 'true' : 'false',
 }
 
-const workboxOrInjectManifestEntry = {
-	// vite and SvelteKit are not aligned: pwa plugin will use /\.[a-f0-9]{8}\./ by default: #164 optimize workbox work
-	dontCacheBustURLsMatching: /-[a-f0-9]{8}\./,
-	globDirectory: './build/',
-	globPatterns: ['**/*.{js,css,html,ico,png,svg,webmanifest}'],
-	globIgnores: sw ? (claims ? ['**/claims-sw*'] : ['**/prompt-sw*']) : ['**/sw*', '**/workbox-*'],
-	// Before generating the service worker, manifestTransforms entry will allow us to transform the resulting precache manifest. See the manifestTransforms docs for mode details.
-	manifestTransforms: [async(entries) => {
-		// manifest.webmanifest is added always by pwa plugin, so we remove it.
-		// EXCLUDE from the sw precache sw and workbox-*
-		const manifest = entries.filter(({ url }) =>
-			url !== 'manifest.webmanifest' && !url.endsWith('sw.js') && !url.startsWith('workbox-')
-		).map((e) => {
-			let url = e.url
-			if (url && url.endsWith('.html')) {
-				if (url.startsWith('/'))
-					url = url.slice(1)
-
-				e.url = url === 'index.html' ? '/' : `/${url.substring(0, url.lastIndexOf('.'))}`
-				console.log(`${url} => ${e.url}`)
-			}
-
-			return e
-		})
-		return { manifest }
-	}]
-}
-
 if (sw) {
 	pwaConfiguration.srcDir = 'src'
 	pwaConfiguration.filename = claims ? 'claims-sw.ts' : 'prompt-sw.ts'
 	pwaConfiguration.strategies = 'injectManifest'
 	pwaConfiguration.manifest.name = 'PWA Inject Manifest'
 	pwaConfiguration.manifest.short_name = 'PWA Inject'
-	pwaConfiguration.injectManifest = workboxOrInjectManifestEntry
-} else {
-	workboxOrInjectManifestEntry.mode = 'development'
-	workboxOrInjectManifestEntry.navigateFallback = '/'
-	pwaConfiguration.workbox = workboxOrInjectManifestEntry
 }
 
 if (claims)
 	pwaConfiguration.registerType = 'autoUpdate'
 
-if (selfDestroying)
-	pwaConfiguration.selfDestroying = selfDestroying
-
 export { pwaConfiguration, replaceOptions }
diff --git a/examples/sveltekit-pwa/pwa.js b/examples/sveltekit-pwa/pwa.js
deleted file mode 100644
index 7540ea32..00000000
--- a/examples/sveltekit-pwa/pwa.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import { resolveConfig } from 'vite'
-import replace from '@rollup/plugin-replace'
-import { VitePWA } from 'vite-plugin-pwa'
-import { copyFileSync } from 'fs'
-import minimist from 'minimist'
-
-const args = minimist(process.argv.slice(2))
-
-process.env.CLAIMS = `${args['CLAIMS'] === 'true'}`
-process.env.RELOAD_SW = `${args['RELOAD_SW'] === 'true'}`
-process.env.SW = `${args['SW'] === 'true'}`
-
-const webmanifestDestinations = [
-	'./.svelte-kit/output/client/',
-	'./build/',
-]
-
-const swDestinations = [
-	'./build/',
-]
-
-const buildPwa = async() => {
-	const { pwaConfiguration, replaceOptions } = await import('./pwa-configuration.js')
-	const config = await resolveConfig({
-			plugins: [
-				VitePWA(pwaConfiguration),
-				replace(replaceOptions),
-			]
-		},
-		'build',
-		'production'
-	)
-	// when `vite-plugin-pwa` is presented, use it to regenerate SW after rendering
-	const pwaPlugin = config.plugins.find(i => i.name === 'vite-plugin-pwa')?.api
-	if (pwaPlugin?.generateSW) {
-		console.log('Generating PWA...')
-		await pwaPlugin.generateSW()
-		webmanifestDestinations.forEach(d => {
-			copyFileSync('./.svelte-kit/output/client/_app/immutable/manifest.webmanifest', `${d}/manifest.webmanifest`)
-		})
-		// don't copy workbox, svelte kit will copy it
-		if (pwaConfiguration.strategies === 'injectManifest') {
-			const destName = pwaConfiguration.registerType === 'autoUpdate' ? 'claims-sw.js' : 'prompt-sw.js'
-			const name = `./.svelte-kit/output/client/${destName}`
-			swDestinations.forEach(d => {
-				copyFileSync(name, `${d}/${destName}`)
-			})
-		} else {
-			swDestinations.forEach(d => {
-				copyFileSync('./.svelte-kit/output/client/sw.js', `${d}/sw.js`)
-			})
-		}
-		console.log('Generation of PWA complete')
-	}
-}
-
-buildPwa()
diff --git a/examples/sveltekit-pwa/src/app.html b/examples/sveltekit-pwa/src/app.html
index 638c3f1e..8094c780 100644
--- a/examples/sveltekit-pwa/src/app.html
+++ b/examples/sveltekit-pwa/src/app.html
@@ -3,14 +3,14 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="icon" href="/favicon.svg" type="image/svg+xml">
-		<link rel="apple-touch-icon" href="/pwa-192x192.png">
-		<link rel="mask-icon" href="/favicon.svg" color="#FFFFFF">
+		<link rel="icon" href="%sveltekit.assets%/favicon.svg" type="image/svg+xml">
+		<link rel="apple-touch-icon" href="%sveltekit.assets%/pwa-192x192.png">
+		<link rel="mask-icon" href="%sveltekit.assets%/favicon.svg" color="#FFFFFF">
 		<meta name="msapplication-TileColor" content="#FFFFFF">
 		<meta name="theme-color" content="#ffffff">
 		%sveltekit.head%
 	</head>
 	<body>
-		<div id="svelte">%sveltekit.body%</div>
+		<div>%sveltekit.body%</div>
 	</body>
 </html>
diff --git a/examples/sveltekit-pwa/src/claims-sw.ts b/examples/sveltekit-pwa/src/claims-sw.ts
index 6d70e782..a3bba35a 100644
--- a/examples/sveltekit-pwa/src/claims-sw.ts
+++ b/examples/sveltekit-pwa/src/claims-sw.ts
@@ -11,14 +11,14 @@ precacheAndRoute(self.__WB_MANIFEST)
 cleanupOutdatedCaches()
 
 
-let denylist: undefined | RegExp[]
+let allowlist: undefined | RegExp[]
 if (import.meta.env.DEV)
-  denylist = [/^\/_app\/manifest.webmanifest$/]
+  allowlist = [/^\/$/]
 
 // to allow work offline
 registerRoute(new NavigationRoute(
   createHandlerBoundToURL('/'),
-  { denylist },
+  { allowlist },
 ))
 
 self.skipWaiting()
diff --git a/examples/sveltekit-pwa/src/prompt-sw.ts b/examples/sveltekit-pwa/src/prompt-sw.ts
index 0a2e5daf..cfa3f25c 100644
--- a/examples/sveltekit-pwa/src/prompt-sw.ts
+++ b/examples/sveltekit-pwa/src/prompt-sw.ts
@@ -14,5 +14,12 @@ precacheAndRoute(self.__WB_MANIFEST)
 // clean old assets
 cleanupOutdatedCaches()
 
+let allowlist: undefined | RegExp[]
+if (import.meta.env.DEV)
+  allowlist = [/^\/$/]
+
 // to allow work offline
-registerRoute(new NavigationRoute(createHandlerBoundToURL('/')))
+registerRoute(new NavigationRoute(
+    createHandlerBoundToURL('/'),
+    { allowlist },
+))
diff --git a/examples/sveltekit-pwa/src/routes/__layout.svelte b/examples/sveltekit-pwa/src/routes/__layout.svelte
index 4b341af9..404945ac 100644
--- a/examples/sveltekit-pwa/src/routes/__layout.svelte
+++ b/examples/sveltekit-pwa/src/routes/__layout.svelte
@@ -1,6 +1,7 @@
 <script>
 	import { onMount } from 'svelte'
 	import { browser, dev } from '$app/env'
+	import { assets } from '$app/paths'
 
 	// replaced dynamically
 	const date = '__DATE__'
@@ -16,12 +17,12 @@
 
 <svelte:head>
 	{#if enableManifest}
-		<link rel="manifest" href="/_app/manifest.webmanifest">
+		<link rel="manifest" href="{assets}/manifest.webmanifest">
 	{/if}
 </svelte:head>
 
 <main>
-	<img src="/favicon.svg" alt="PWA Logo" width="60" height="60"/>
+	<img src="{assets}/favicon.svg" alt="PWA Logo" width="60" height="60"/>
 	<h1>SvelteKit PWA!</h1>
 
 	<div class="built">Built at: { date }</div>
diff --git a/examples/sveltekit-pwa/static/robots.txt b/examples/sveltekit-pwa/static/robots.txt
new file mode 100644
index 00000000..e9e57dc4
--- /dev/null
+++ b/examples/sveltekit-pwa/static/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/examples/sveltekit-pwa/svelte.config.js b/examples/sveltekit-pwa/svelte.config.js
index 56ff2857..96ca8835 100644
--- a/examples/sveltekit-pwa/svelte.config.js
+++ b/examples/sveltekit-pwa/svelte.config.js
@@ -1,8 +1,5 @@
 import adapter from '@sveltejs/adapter-static';
 import preprocess from 'svelte-preprocess';
-import { VitePWA } from 'vite-plugin-pwa';
-import replace from '@rollup/plugin-replace'
-import { pwaConfiguration, replaceOptions } from './pwa-configuration.js'
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -15,13 +12,12 @@ const config = {
 
 		prerender: {
 			default: true,
+			enabled: true,
 		},
 
-		vite: {
-			plugins: [
-				VitePWA(pwaConfiguration),
-				replace(replaceOptions)
-			]
+		// Override http methods in the Todo forms
+		methodOverride: {
+			allowed: ['PATCH', 'DELETE']
 		}
 	}
 };
diff --git a/examples/sveltekit-pwa/tsconfig.json b/examples/sveltekit-pwa/tsconfig.json
index 81ff9770..0f47472f 100644
--- a/examples/sveltekit-pwa/tsconfig.json
+++ b/examples/sveltekit-pwa/tsconfig.json
@@ -1,3 +1,13 @@
 {
-	"extends": "./.svelte-kit/tsconfig.json"
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true
+	}
 }
diff --git a/examples/sveltekit-pwa/vite.config.js b/examples/sveltekit-pwa/vite.config.js
new file mode 100644
index 00000000..10773b89
--- /dev/null
+++ b/examples/sveltekit-pwa/vite.config.js
@@ -0,0 +1,19 @@
+import { pwaConfiguration, replaceOptions } from './pwa-configuration.js'
+import { sveltekit } from '@sveltejs/kit/vite';
+import { ViteSvelteKitPWA } from 'vite-plugin-pwa';
+import replace from '@rollup/plugin-replace'
+
+/** @type {import('vite').UserConfig} */
+const config = {
+  logLevel: pwaConfiguration.mode === 'development' ? 'info' : undefined,
+  build: {
+    minify: pwaConfiguration.mode === 'development' ? false : undefined,
+  },
+  plugins: [
+    replace(replaceOptions),
+    sveltekit(),
+    ViteSvelteKitPWA(pwaConfiguration)
+  ],
+};
+
+export default config;
diff --git a/package.json b/package.json
index fc8d3291..9f4e136f 100644
--- a/package.json
+++ b/package.json
@@ -78,6 +78,7 @@
     "@typescript-eslint/eslint-plugin": "^5.30.3",
     "eslint": "^8.19.0",
     "esno": "^0.14.1",
+    "fast-glob": "^3.2.11",
     "kolorist": "^1.5.1",
     "pnpm": "^7.4.1",
     "preact": "^10.8.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f06a0c88..df692c36 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -215,18 +215,18 @@ importers:
     specifiers:
       '@rollup/plugin-replace': ^4.0.0
       '@roxi/routify': ^2.18.8
-      '@sveltejs/vite-plugin-svelte': ^1.0.0-next.49
+      '@sveltejs/vite-plugin-svelte': ^1.0.1
       '@tsconfig/svelte': ^3.0.0
       cross-env: ^7.0.3
       eslint: ^8.19.0
       eslint-plugin-svelte3: ^4.0.0
       https-localhost: ^4.7.1
       rimraf: ^3.0.2
-      svelte: ^3.48.0
+      svelte: ^3.49.0
       svelte-check: ^2.8.0
       svelte-preprocess: ^4.10.7
       typescript: ^4.7.4
-      vite: ^2.9.13
+      vite: ^3.0.2
       vite-plugin-pwa: workspace:*
       workbox-core: ^6.5.3
       workbox-precaching: ^6.5.3
@@ -234,18 +234,18 @@ importers:
     devDependencies:
       '@rollup/plugin-replace': 4.0.0
       '@roxi/routify': 2.18.8
-      '@sveltejs/vite-plugin-svelte': 1.0.0-next.49_svelte@3.48.0+vite@2.9.13
+      '@sveltejs/vite-plugin-svelte': 1.0.1_svelte@3.49.0+vite@3.0.2
       '@tsconfig/svelte': 3.0.0
       cross-env: 7.0.3
       eslint: 8.19.0
-      eslint-plugin-svelte3: 4.0.0_m4jpobot6gi3xtcba7bv5cflma
+      eslint-plugin-svelte3: 4.0.0_jxmmfmurkts274jdspwh3cyqve
       https-localhost: 4.7.1
       rimraf: 3.0.2
-      svelte: 3.48.0
-      svelte-check: 2.8.0_svelte@3.48.0
-      svelte-preprocess: 4.10.7_lvfi2wesz6u4l5rfbnetbucfmm
+      svelte: 3.49.0
+      svelte-check: 2.8.0_svelte@3.49.0
+      svelte-preprocess: 4.10.7_uslzfc62di2n2otc2tvfklnwji
       typescript: 4.7.4
-      vite: 2.9.13
+      vite: 3.0.2
       vite-plugin-pwa: link:../..
       workbox-core: 6.5.3
       workbox-precaching: 6.5.3
@@ -255,7 +255,7 @@ importers:
     specifiers:
       '@rollup/plugin-replace': ^4.0.0
       '@sveltejs/adapter-static': next
-      '@sveltejs/kit': next
+      '@sveltejs/kit': 1.0.0-next.388
       '@typescript-eslint/eslint-plugin': ^5.30.3
       '@typescript-eslint/parser': ^5.30.3
       cross-env: ^7.0.3
@@ -264,32 +264,34 @@ importers:
       https-localhost: ^4.7.1
       minimist: ^1.2.6
       rimraf: ^3.0.2
-      svelte: ^3.48.0
+      svelte: ^3.49.0
       svelte-check: ^2.8.0
       svelte-preprocess: ^4.10.7
       tslib: ^2.4.0
       typescript: ^4.7.4
+      vite: ^3.0.2
       vite-plugin-pwa: workspace:*
       workbox-core: ^6.5.3
       workbox-precaching: ^6.5.3
       workbox-routing: ^6.5.3
     devDependencies:
       '@rollup/plugin-replace': 4.0.0
-      '@sveltejs/adapter-static': 1.0.0-next.34
-      '@sveltejs/kit': 1.0.0-next.360_svelte@3.48.0
+      '@sveltejs/adapter-static': 1.0.0-next.38
+      '@sveltejs/kit': 1.0.0-next.388_svelte@3.49.0+vite@3.0.2
       '@typescript-eslint/eslint-plugin': 5.30.3_xuuykav7urhdozug7htlfgar3u
       '@typescript-eslint/parser': 5.30.3_4x5o4skxv6sl53vpwefgt23khm
       cross-env: 7.0.3
       eslint: 8.19.0
-      eslint-plugin-svelte3: 4.0.0_m4jpobot6gi3xtcba7bv5cflma
+      eslint-plugin-svelte3: 4.0.0_jxmmfmurkts274jdspwh3cyqve
       https-localhost: 4.7.1
       minimist: 1.2.6
       rimraf: 3.0.2
-      svelte: 3.48.0
-      svelte-check: 2.8.0_svelte@3.48.0
-      svelte-preprocess: 4.10.7_lvfi2wesz6u4l5rfbnetbucfmm
+      svelte: 3.49.0
+      svelte-check: 2.8.0_svelte@3.49.0
+      svelte-preprocess: 4.10.7_uslzfc62di2n2otc2tvfklnwji
       tslib: 2.4.0
       typescript: 4.7.4
+      vite: 3.0.2
       vite-plugin-pwa: link:../..
       workbox-core: 6.5.3
       workbox-precaching: 6.5.3
@@ -2564,36 +2566,37 @@ packages:
       string.prototype.matchall: 4.0.7
     dev: false
 
-  /@sveltejs/adapter-static/1.0.0-next.34:
-    resolution: {integrity: sha512-XjuMhemme5z0L/B2nTZpA6k+RJjF+b6L96ts6gIQ6ixiCzJQSbBqJhrrBYBCaeLAKvdUMoGEmX8m862JhKjRFg==}
+  /@sveltejs/adapter-static/1.0.0-next.38:
+    resolution: {integrity: sha512-O1b264K62E3OrUnsFxMjKn3CUJF50fxGcW0rWk8fa5kjzskPsSyTxS3jnWNryFaVJ3oSUtx57m4qFW43S1910Q==}
     dependencies:
       tiny-glob: 0.2.9
     dev: true
 
-  /@sveltejs/kit/1.0.0-next.360_svelte@3.48.0:
-    resolution: {integrity: sha512-z1W6oYSmDzYcjlXANkbsb0N0IS/0aDl0huzDGRZWXobis4VmzoqzOyxsczyvxwH6FWxQBXls5wNrtm6drzsr6A==}
-    engines: {node: '>=16.7'}
+  /@sveltejs/kit/1.0.0-next.388_svelte@3.49.0+vite@3.0.2:
+    resolution: {integrity: sha512-RSAVN3PykiCHcXOioO1JlTk9WSRIk9oHv4b4qzh8h4q5UoFrYVHcbVK7laxSrrIfl58nvfbZBBm5RGzqTjJuzg==}
+    engines: {node: '>=16.9'}
     hasBin: true
     peerDependencies:
       svelte: ^3.44.0
-      vite: ^2.9.10
+      vite: ^3.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 1.0.0-next.49_svelte@3.48.0
+      '@sveltejs/vite-plugin-svelte': 1.0.1_svelte@3.49.0+vite@3.0.2
       chokidar: 3.5.3
       sade: 1.8.1
-      svelte: 3.48.0
+      svelte: 3.49.0
+      vite: 3.0.2
     transitivePeerDependencies:
       - diff-match-patch
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte/1.0.0-next.49_svelte@3.48.0:
-    resolution: {integrity: sha512-AKh0Ka8EDgidnxWUs8Hh2iZLZovkETkefO99XxZ4sW4WGJ7VFeBx5kH/NIIGlaNHLcrIvK3CK0HkZwC3Cici0A==}
-    engines: {node: ^14.13.1 || >= 16}
+  /@sveltejs/vite-plugin-svelte/1.0.1_svelte@3.49.0+vite@3.0.2:
+    resolution: {integrity: sha512-PorCgUounn0VXcpeJu+hOweZODKmGuLHsLomwqSj+p26IwjjGffmYQfVHtiTWq+NqaUuuHWWG7vPge6UFw4Aeg==}
+    engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       diff-match-patch: ^1.0.5
       svelte: ^3.44.0
-      vite: ^2.9.0
+      vite: ^3.0.0
     peerDependenciesMeta:
       diff-match-patch:
         optional: true
@@ -2601,33 +2604,11 @@ packages:
       '@rollup/pluginutils': 4.2.1
       debug: 4.3.4
       deepmerge: 4.2.2
-      kleur: 4.1.4
+      kleur: 4.1.5
       magic-string: 0.26.2
-      svelte: 3.48.0
-      svelte-hmr: 0.14.12_svelte@3.48.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@sveltejs/vite-plugin-svelte/1.0.0-next.49_svelte@3.48.0+vite@2.9.13:
-    resolution: {integrity: sha512-AKh0Ka8EDgidnxWUs8Hh2iZLZovkETkefO99XxZ4sW4WGJ7VFeBx5kH/NIIGlaNHLcrIvK3CK0HkZwC3Cici0A==}
-    engines: {node: ^14.13.1 || >= 16}
-    peerDependencies:
-      diff-match-patch: ^1.0.5
-      svelte: ^3.44.0
-      vite: ^2.9.0
-    peerDependenciesMeta:
-      diff-match-patch:
-        optional: true
-    dependencies:
-      '@rollup/pluginutils': 4.2.1
-      debug: 4.3.4
-      deepmerge: 4.2.2
-      kleur: 4.1.4
-      magic-string: 0.26.2
-      svelte: 3.48.0
-      svelte-hmr: 0.14.12_svelte@3.48.0
-      vite: 2.9.13
+      svelte: 3.49.0
+      svelte-hmr: 0.14.12_svelte@3.49.0
+      vite: 3.0.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2685,6 +2666,10 @@ packages:
   /@types/node/16.4.13:
     resolution: {integrity: sha512-bLL69sKtd25w7p1nvg9pigE4gtKVpGTPojBFLMkGHXuUgap2sLqQt2qUnqmVCDfzGUL0DRNZP+1prIZJbMeAXg==}
 
+  /@types/node/18.0.6:
+    resolution: {integrity: sha512-/xUq6H2aQm261exT6iZTMifUySEt4GR5KX8eYyY+C4MSNPqSh9oNIP7tz2GLKTlFaiBbgZNxffoR3CVRG+cljw==}
+    dev: true
+
   /@types/normalize-package-data/2.4.0:
     resolution: {integrity: sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA==}
     dev: true
@@ -2751,7 +2736,7 @@ packages:
   /@types/sass/1.16.1:
     resolution: {integrity: sha512-iZUcRrGuz/Tbg3loODpW7vrQJkUtpY2fFSf4ELqqkApcS2TkZ1msk7ie8iZPB86lDOP8QOTTmuvWjc5S0R9OjQ==}
     dependencies:
-      '@types/node': 16.4.13
+      '@types/node': 18.0.6
     dev: true
 
   /@types/scheduler/0.16.2:
@@ -4202,6 +4187,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-android-64/0.14.49:
+    resolution: {integrity: sha512-vYsdOTD+yi+kquhBiFWl3tyxnj2qZJsl4tAqwhT90ktUdnyTizgle7TjNx6Ar1bN7wcwWqZ9QInfdk2WVagSww==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-android-arm64/0.14.38:
     resolution: {integrity: sha512-L2NgQRWuHFI89IIZIlpAcINy9FvBk6xFVZ7xGdOwIm8VyhX1vNCEqUJO3DPSSy945Gzdg98cxtNt8Grv1CsyhA==}
     engines: {node: '>=12'}
@@ -4211,6 +4205,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-android-arm64/0.14.49:
+    resolution: {integrity: sha512-g2HGr/hjOXCgSsvQZ1nK4nW/ei8JUx04Li74qub9qWrStlysaVmadRyTVuW32FGIpLQyc5sUjjZopj49eGGM2g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-darwin-64/0.14.38:
     resolution: {integrity: sha512-5JJvgXkX87Pd1Og0u/NJuO7TSqAikAcQQ74gyJ87bqWRVeouky84ICoV4sN6VV53aTW+NE87qLdGY4QA2S7KNA==}
     engines: {node: '>=12'}
@@ -4220,6 +4223,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-darwin-64/0.14.49:
+    resolution: {integrity: sha512-3rvqnBCtX9ywso5fCHixt2GBCUsogNp9DjGmvbBohh31Ces34BVzFltMSxJpacNki96+WIcX5s/vum+ckXiLYg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-darwin-arm64/0.14.38:
     resolution: {integrity: sha512-eqF+OejMI3mC5Dlo9Kdq/Ilbki9sQBw3QlHW3wjLmsLh+quNfHmGMp3Ly1eWm981iGBMdbtSS9+LRvR2T8B3eQ==}
     engines: {node: '>=12'}
@@ -4229,6 +4241,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-darwin-arm64/0.14.49:
+    resolution: {integrity: sha512-XMaqDxO846srnGlUSJnwbijV29MTKUATmOLyQSfswbK/2X5Uv28M9tTLUJcKKxzoo9lnkYPsx2o8EJcTYwCs/A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-freebsd-64/0.14.38:
     resolution: {integrity: sha512-epnPbhZUt93xV5cgeY36ZxPXDsQeO55DppzsIgWM8vgiG/Rz+qYDLmh5ts3e+Ln1wA9dQ+nZmVHw+RjaW3I5Ig==}
     engines: {node: '>=12'}
@@ -4238,6 +4259,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-freebsd-64/0.14.49:
+    resolution: {integrity: sha512-NJ5Q6AjV879mOHFri+5lZLTp5XsO2hQ+KSJYLbfY9DgCu8s6/Zl2prWXVANYTeCDLlrIlNNYw8y34xqyLDKOmQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-freebsd-arm64/0.14.38:
     resolution: {integrity: sha512-/9icXUYJWherhk+y5fjPI5yNUdFPtXHQlwP7/K/zg8t8lQdHVj20SqU9/udQmeUo5pDFHMYzcEFfJqgOVeKNNQ==}
     engines: {node: '>=12'}
@@ -4247,6 +4277,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-freebsd-arm64/0.14.49:
+    resolution: {integrity: sha512-lFLtgXnAc3eXYqj5koPlBZvEbBSOSUbWO3gyY/0+4lBdRqELyz4bAuamHvmvHW5swJYL7kngzIZw6kdu25KGOA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-32/0.14.38:
     resolution: {integrity: sha512-QfgfeNHRFvr2XeHFzP8kOZVnal3QvST3A0cgq32ZrHjSMFTdgXhMhmWdKzRXP/PKcfv3e2OW9tT9PpcjNvaq6g==}
     engines: {node: '>=12'}
@@ -4256,6 +4295,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-32/0.14.49:
+    resolution: {integrity: sha512-zTTH4gr2Kb8u4QcOpTDVn7Z8q7QEIvFl/+vHrI3cF6XOJS7iEI1FWslTo3uofB2+mn6sIJEQD9PrNZKoAAMDiA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-64/0.14.38:
     resolution: {integrity: sha512-uuZHNmqcs+Bj1qiW9k/HZU3FtIHmYiuxZ/6Aa+/KHb/pFKr7R3aVqvxlAudYI9Fw3St0VCPfv7QBpUITSmBR1Q==}
     engines: {node: '>=12'}
@@ -4265,6 +4313,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-64/0.14.49:
+    resolution: {integrity: sha512-hYmzRIDzFfLrB5c1SknkxzM8LdEUOusp6M2TnuQZJLRtxTgyPnZZVtyMeCLki0wKgYPXkFsAVhi8vzo2mBNeTg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-arm/0.14.38:
     resolution: {integrity: sha512-FiFvQe8J3VKTDXG01JbvoVRXQ0x6UZwyrU4IaLBZeq39Bsbatd94Fuc3F1RGqPF5RbIWW7RvkVQjn79ejzysnA==}
     engines: {node: '>=12'}
@@ -4274,6 +4331,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-arm/0.14.49:
+    resolution: {integrity: sha512-iE3e+ZVv1Qz1Sy0gifIsarJMQ89Rpm9mtLSRtG3AH0FPgAzQ5Z5oU6vYzhc/3gSPi2UxdCOfRhw2onXuFw/0lg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-arm64/0.14.38:
     resolution: {integrity: sha512-HlMGZTEsBrXrivr64eZ/EO0NQM8H8DuSENRok9d+Jtvq8hOLzrxfsAT9U94K3KOGk2XgCmkaI2KD8hX7F97lvA==}
     engines: {node: '>=12'}
@@ -4283,6 +4349,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-arm64/0.14.49:
+    resolution: {integrity: sha512-KLQ+WpeuY+7bxukxLz5VgkAAVQxUv67Ft4DmHIPIW+2w3ObBPQhqNoeQUHxopoW/aiOn3m99NSmSV+bs4BSsdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-mips64le/0.14.38:
     resolution: {integrity: sha512-qd1dLf2v7QBiI5wwfil9j0HG/5YMFBAmMVmdeokbNAMbcg49p25t6IlJFXAeLzogv1AvgaXRXvgFNhScYEUXGQ==}
     engines: {node: '>=12'}
@@ -4292,6 +4367,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-mips64le/0.14.49:
+    resolution: {integrity: sha512-n+rGODfm8RSum5pFIqFQVQpYBw+AztL8s6o9kfx7tjfK0yIGF6tm5HlG6aRjodiiKkH2xAiIM+U4xtQVZYU4rA==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-ppc64le/0.14.38:
     resolution: {integrity: sha512-mnbEm7o69gTl60jSuK+nn+pRsRHGtDPfzhrqEUXyCl7CTOCLtWN2bhK8bgsdp6J/2NyS/wHBjs1x8aBWwP2X9Q==}
     engines: {node: '>=12'}
@@ -4301,6 +4385,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-ppc64le/0.14.49:
+    resolution: {integrity: sha512-WP9zR4HX6iCBmMFH+XHHng2LmdoIeUmBpL4aL2TR8ruzXyT4dWrJ5BSbT8iNo6THN8lod6GOmYDLq/dgZLalGw==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-riscv64/0.14.38:
     resolution: {integrity: sha512-+p6YKYbuV72uikChRk14FSyNJZ4WfYkffj6Af0/Tw63/6TJX6TnIKE+6D3xtEc7DeDth1fjUOEqm+ApKFXbbVQ==}
     engines: {node: '>=12'}
@@ -4310,6 +4403,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-riscv64/0.14.49:
+    resolution: {integrity: sha512-h66ORBz+Dg+1KgLvzTVQEA1LX4XBd1SK0Fgbhhw4akpG/YkN8pS6OzYI/7SGENiN6ao5hETRDSkVcvU9NRtkMQ==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-s390x/0.14.38:
     resolution: {integrity: sha512-0zUsiDkGJiMHxBQ7JDU8jbaanUY975CdOW1YDrurjrM0vWHfjv9tLQsW9GSyEb/heSK1L5gaweRjzfUVBFoybQ==}
     engines: {node: '>=12'}
@@ -4319,6 +4421,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-s390x/0.14.49:
+    resolution: {integrity: sha512-DhrUoFVWD+XmKO1y7e4kNCqQHPs6twz6VV6Uezl/XHYGzM60rBewBF5jlZjG0nCk5W/Xy6y1xWeopkrhFFM0sQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-netbsd-64/0.14.38:
     resolution: {integrity: sha512-cljBAApVwkpnJZfnRVThpRBGzCi+a+V9Ofb1fVkKhtrPLDYlHLrSYGtmnoTVWDQdU516qYI8+wOgcGZ4XIZh0Q==}
     engines: {node: '>=12'}
@@ -4328,6 +4439,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-netbsd-64/0.14.49:
+    resolution: {integrity: sha512-BXaUwFOfCy2T+hABtiPUIpWjAeWK9P8O41gR4Pg73hpzoygVGnj0nI3YK4SJhe52ELgtdgWP/ckIkbn2XaTxjQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-node-loader/0.6.5:
     resolution: {integrity: sha512-uPP+dllWm38cFvDysdocutN3lfe5pTIbddAHp1ENyLzpHYqE2r+3Wo+pfg9X3p8DFWwzIisft5YkeBIthIcixw==}
     dependencies:
@@ -4343,6 +4463,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-openbsd-64/0.14.49:
+    resolution: {integrity: sha512-lP06UQeLDGmVPw9Rg437Btu6J9/BmyhdoefnQ4gDEJTtJvKtQaUcOQrhjTq455ouZN4EHFH1h28WOJVANK41kA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-register/3.3.2_esbuild@0.14.38:
     resolution: {integrity: sha512-jceAtTO6zxPmCfSD5cBb3rgIK1vmuqCKYwgylHiS1BF4pq0jJiJb4K2QMuqF4BEw7XDBRatYzip0upyTzfkgsQ==}
     peerDependencies:
@@ -4366,6 +4495,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-sunos-64/0.14.49:
+    resolution: {integrity: sha512-4c8Zowp+V3zIWje329BeLbGh6XI9c/rqARNaj5yPHdC61pHI9UNdDxT3rePPJeWcEZVKjkiAS6AP6kiITp7FSw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-windows-32/0.14.38:
     resolution: {integrity: sha512-L2BmEeFZATAvU+FJzJiRLFUP+d9RHN+QXpgaOrs2klshoAm1AE6Us4X6fS9k33Uy5SzScn2TpcgecbqJza1Hjw==}
     engines: {node: '>=12'}
@@ -4375,6 +4513,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-windows-32/0.14.49:
+    resolution: {integrity: sha512-q7Rb+J9yHTeKr9QTPDYkqfkEj8/kcKz9lOabDuvEXpXuIcosWCJgo5Z7h/L4r7rbtTH4a8U2FGKb6s1eeOHmJA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-windows-64/0.14.38:
     resolution: {integrity: sha512-Khy4wVmebnzue8aeSXLC+6clo/hRYeNIm0DyikoEqX+3w3rcvrhzpoix0S+MF9vzh6JFskkIGD7Zx47ODJNyCw==}
     engines: {node: '>=12'}
@@ -4384,6 +4531,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-windows-64/0.14.49:
+    resolution: {integrity: sha512-+Cme7Ongv0UIUTniPqfTX6mJ8Deo7VXw9xN0yJEN1lQMHDppTNmKwAM3oGbD/Vqff+07K2gN0WfNkMohmG+dVw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-windows-arm64/0.14.38:
     resolution: {integrity: sha512-k3FGCNmHBkqdJXuJszdWciAH77PukEyDsdIryEHn9cKLQFxzhT39dSumeTuggaQcXY57UlmLGIkklWZo2qzHpw==}
     engines: {node: '>=12'}
@@ -4393,6 +4549,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-windows-arm64/0.14.49:
+    resolution: {integrity: sha512-v+HYNAXzuANrCbbLFJ5nmO3m5y2PGZWLe3uloAkLt87aXiO2mZr3BTmacZdjwNkNEHuH3bNtN8cak+mzVjVPfA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild/0.14.38:
     resolution: {integrity: sha512-12fzJ0fsm7gVZX1YQ1InkOE5f9Tl7cgf6JPYXRJtPIoE0zkWAbHdPHVPPaLi9tYAcEBqheGzqLn/3RdTOyBfcA==}
     engines: {node: '>=12'}
@@ -4421,6 +4586,34 @@ packages:
       esbuild-windows-arm64: 0.14.38
     dev: true
 
+  /esbuild/0.14.49:
+    resolution: {integrity: sha512-/TlVHhOaq7Yz8N1OJrjqM3Auzo5wjvHFLk+T8pIue+fhnhIMpfAzsG6PLVMbFveVxqD2WOp3QHei+52IMUNmCw==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      esbuild-android-64: 0.14.49
+      esbuild-android-arm64: 0.14.49
+      esbuild-darwin-64: 0.14.49
+      esbuild-darwin-arm64: 0.14.49
+      esbuild-freebsd-64: 0.14.49
+      esbuild-freebsd-arm64: 0.14.49
+      esbuild-linux-32: 0.14.49
+      esbuild-linux-64: 0.14.49
+      esbuild-linux-arm: 0.14.49
+      esbuild-linux-arm64: 0.14.49
+      esbuild-linux-mips64le: 0.14.49
+      esbuild-linux-ppc64le: 0.14.49
+      esbuild-linux-riscv64: 0.14.49
+      esbuild-linux-s390x: 0.14.49
+      esbuild-netbsd-64: 0.14.49
+      esbuild-openbsd-64: 0.14.49
+      esbuild-sunos-64: 0.14.49
+      esbuild-windows-32: 0.14.49
+      esbuild-windows-64: 0.14.49
+      esbuild-windows-arm64: 0.14.49
+    dev: true
+
   /escalade/3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
     engines: {node: '>=6'}
@@ -4685,14 +4878,14 @@ packages:
       string.prototype.matchall: 4.0.7
     dev: true
 
-  /eslint-plugin-svelte3/4.0.0_m4jpobot6gi3xtcba7bv5cflma:
+  /eslint-plugin-svelte3/4.0.0_jxmmfmurkts274jdspwh3cyqve:
     resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
     peerDependencies:
       eslint: '>=8.0.0'
       svelte: ^3.2.0
     dependencies:
       eslint: 8.19.0
-      svelte: 3.48.0
+      svelte: 3.49.0
     dev: true
 
   /eslint-plugin-unicorn/42.0.0_eslint@8.19.0:
@@ -5500,6 +5693,12 @@ packages:
     dependencies:
       has: 1.0.3
 
+  /is-core-module/2.9.0:
+    resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
+    dependencies:
+      has: 1.0.3
+    dev: true
+
   /is-date-object/1.0.4:
     resolution: {integrity: sha512-/b4ZVsG7Z5XVtIxs/h9W8nvfLgSAyKYdtGWQLbqy6jA1icmgjf8WCoTKgeS4wy5tYaPePouzFMANbnj94c2Z+A==}
     engines: {node: '>= 0.4'}
@@ -5768,8 +5967,8 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /kleur/4.1.4:
-    resolution: {integrity: sha512-8QADVssbrFjivHWQU7KkMgptGTl6WAcSdlbBPY4uNF+mWr6DGcKrvY2w4FQJoXch7+fKMjj0dRrL75vk3k23OA==}
+  /kleur/4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
     dev: true
 
@@ -5943,7 +6142,7 @@ packages:
     engines: {node: '>=8.6'}
     dependencies:
       braces: 3.0.2
-      picomatch: 2.3.0
+      picomatch: 2.3.1
 
   /mime-db/1.46.0:
     resolution: {integrity: sha512-svXaP8UQRZ5K7or+ZmfNhg2xX3yKDMUzqadsSqi4NCH/KomcH75MAMYAGVlvXn4+b/xOPhS3I2uHKRUzvjY7BQ==}
@@ -6004,8 +6203,8 @@ packages:
       minimist: 1.2.6
     dev: true
 
-  /mri/1.1.6:
-    resolution: {integrity: sha512-oi1b3MfbyGa7FJMP9GmLTttni5JoICpYBRlq+x5V16fZbLsnL9N3wFqqIm/nIG43FjUFkFh9Epzp/kzUGUnJxQ==}
+  /mri/1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
     dev: true
 
@@ -6362,7 +6561,6 @@ packages:
   /picomatch/2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
-    dev: true
 
   /pirates/4.0.1:
     resolution: {integrity: sha512-WuNqLTbMI3tmfef2TKxlQmAiLHKtFhlsCZnPIpuv2Ow0RDVO8lfy1Opf4NUzlMXLjPl+Men7AuVdX6TA+s+uGA==}
@@ -6691,6 +6889,15 @@ packages:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
+  /resolve/1.22.1:
+    resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
+    hasBin: true
+    dependencies:
+      is-core-module: 2.9.0
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    dev: true
+
   /resolve/2.0.0-next.3:
     resolution: {integrity: sha512-W8LucSynKUIDu9ylraa7ueVZ7hc0uAgJBxVsQSKOXOyle8a93qXhcz+XAXZ8bIq2d6i4Ehddn6Evt+0/UwKk6Q==}
     dependencies:
@@ -6750,7 +6957,7 @@ packages:
     resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
     engines: {node: '>=6'}
     dependencies:
-      mri: 1.1.6
+      mri: 1.2.0
     dev: true
 
   /safe-buffer/5.1.2:
@@ -7137,7 +7344,7 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  /svelte-check/2.8.0_svelte@3.48.0:
+  /svelte-check/2.8.0_svelte@3.49.0:
     resolution: {integrity: sha512-HRL66BxffMAZusqe5I5k26mRWQ+BobGd9Rxm3onh7ZVu0nTk8YTKJ9vu3LVPjUGLU9IX7zS+jmwPVhJYdXJ8vg==}
     hasBin: true
     peerDependencies:
@@ -7149,8 +7356,8 @@ packages:
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 3.48.0
-      svelte-preprocess: 4.10.7_lvfi2wesz6u4l5rfbnetbucfmm
+      svelte: 3.49.0
+      svelte-preprocess: 4.10.7_uslzfc62di2n2otc2tvfklnwji
       typescript: 4.7.4
     transitivePeerDependencies:
       - '@babel/core'
@@ -7165,16 +7372,16 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-hmr/0.14.12_svelte@3.48.0:
+  /svelte-hmr/0.14.12_svelte@3.49.0:
     resolution: {integrity: sha512-4QSW/VvXuqVcFZ+RhxiR8/newmwOCTlbYIezvkeN6302YFRE8cXy0naamHcjz8Y9Ce3ITTZtrHrIL0AGfyo61w==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
       svelte: '>=3.19.0'
     dependencies:
-      svelte: 3.48.0
+      svelte: 3.49.0
     dev: true
 
-  /svelte-preprocess/4.10.7_lvfi2wesz6u4l5rfbnetbucfmm:
+  /svelte-preprocess/4.10.7_uslzfc62di2n2otc2tvfklnwji:
     resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
     engines: {node: '>= 9.11.2'}
     requiresBuild: true
@@ -7221,7 +7428,7 @@ packages:
       magic-string: 0.25.7
       sorcery: 0.10.0
       strip-indent: 3.0.0
-      svelte: 3.48.0
+      svelte: 3.49.0
       typescript: 4.7.4
     dev: true
 
@@ -7230,6 +7437,11 @@ packages:
     engines: {node: '>= 8'}
     dev: true
 
+  /svelte/3.49.0:
+    resolution: {integrity: sha512-+lmjic1pApJWDfPCpUUTc1m8azDqYCG1JN9YEngrx/hUyIcFJo6VZhj0A1Ai0wqoHcEIuQy+e9tk+4uDgdtsFA==}
+    engines: {node: '>= 8'}
+    dev: true
+
   /symbol-tree/3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
     dev: true
@@ -7697,6 +7909,33 @@ packages:
       fsevents: 2.3.2
     dev: true
 
+  /vite/3.0.2:
+    resolution: {integrity: sha512-TAqydxW/w0U5AoL5AsD9DApTvGb2iNbGs3sN4u2VdT1GFkQVUfgUldt+t08TZgi23uIauh1TUOQJALduo9GXqw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      less: '*'
+      sass: '*'
+      stylus: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      less:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: 0.14.49
+      postcss: 8.4.14
+      resolve: 1.22.1
+      rollup: 2.75.7
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
   /vitepress/1.0.0-alpha.4:
     resolution: {integrity: sha512-bOAA4KW6vYGlkbcrPLZLTKWTgXVroObU+o9xj9EENyEl6yg26WWvfN7DGA4BftjdM5O8nR93Z5khPQ3W/tFE7Q==}
     engines: {node: '>=14.6.0'}
diff --git a/src/api.ts b/src/api.ts
index 67312cc1..ca33d6b4 100644
--- a/src/api.ts
+++ b/src/api.ts
@@ -19,7 +19,7 @@ export async function _generateSW({ options, viteConfig }: PWAPluginContext) {
 }
 
 export function _generateBundle({ options, viteConfig, useImportRegister }: PWAPluginContext, bundle?: OutputBundle) {
-  if (options.disable || !bundle)
+  if (options.disable || !bundle || viteConfig.build.ssr)
     return
 
   if (options.manifest) {
diff --git a/src/assets.ts b/src/assets.ts
index fab3c3f1..796b8c6c 100644
--- a/src/assets.ts
+++ b/src/assets.ts
@@ -83,12 +83,14 @@ export async function configureStaticAssets(
     else
       globs.push(normalizeIconPath(includeAssets))
   }
+
   if (includeManifestIcons && manifest) {
     manifest.icons && includeIcons(manifest.icons, globs)
     manifest.shortcuts && manifest.shortcuts.forEach((s) => {
       s.icons && includeIcons(s.icons, globs)
     })
   }
+
   if (globs.length > 0) {
     let assets = await fg(
       globs, {
@@ -107,23 +109,25 @@ export async function configureStaticAssets(
       })
       assets = assets.filter(a => !included.includes(a))
     }
+
     const assetsEntries = await Promise.all(assets.map((a) => {
       return buildManifestEntry(publicDir, a)
     }))
     manifestEntries.push(...assetsEntries)
   }
-  if (manifest) {
+
+  if (manifest && !viteConfig.build.ssr) {
     const cHash = crypto.createHash('MD5')
     cHash.update(generateWebManifestFile(resolvedVitePWAOptions))
     manifestEntries.push({
       url: manifestFilename,
-      revision: `${cHash.digest('hex')}`,
+      revision: `${await cHash.digest('hex')}`,
     })
   }
+
   if (manifestEntries.length > 0) {
     if (useInjectManifest)
       injectManifest.additionalManifestEntries = manifestEntries
-
     else
       workbox.additionalManifestEntries = manifestEntries
   }
diff --git a/src/constants.ts b/src/constants.ts
index 887d424d..6a0afb34 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -24,4 +24,10 @@ export const defaultInjectManifestVitePlugins = [
 ]
 
 export const DEV_SW_NAME = 'dev-sw.js?dev-sw'
+export const VITE_PWA_PLUGIN_NAMES = {
+  BUILD: 'vite-plugin-pwa:build',
+  DEV: 'vite-plugin-pwa:dev-sw',
+  MAIN: 'vite-plugin-pwa',
+}
+export const VITE_PLUGIN_SVELTE_KIT_NAME = 'vite-plugin-svelte-kit'
 
diff --git a/src/context.ts b/src/context.ts
index dd60925f..d913d944 100644
--- a/src/context.ts
+++ b/src/context.ts
@@ -1,11 +1,13 @@
 import type { ResolvedConfig } from 'vite'
 import type { ResolvedVitePWAOptions, VitePWAOptions } from './types'
+import { VITE_PLUGIN_SVELTE_KIT_NAME } from './constants'
 
 export interface PWAPluginContext {
   viteConfig: ResolvedConfig
   userOptions: Partial<VitePWAOptions>
   options: ResolvedVitePWAOptions
   useImportRegister: boolean
+  hasSvelteKitPlugin: () => boolean
 }
 
 export function createContext(userOptions: Partial<VitePWAOptions>): PWAPluginContext {
@@ -14,5 +16,8 @@ export function createContext(userOptions: Partial<VitePWAOptions>): PWAPluginCo
     options: undefined!,
     viteConfig: undefined!,
     useImportRegister: false,
+    hasSvelteKitPlugin() {
+      return Boolean(this.viteConfig.plugins.find(p => p.name === VITE_PLUGIN_SVELTE_KIT_NAME))
+    },
   }
 }
diff --git a/src/index.ts b/src/index.ts
index 1b590dd3..35ef2c22 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -9,7 +9,22 @@ export function VitePWA(userOptions: Partial<VitePWAOptions> = {}): Plugin[] {
   const ctx = createContext(userOptions)
   return [
     MainPlugin(ctx),
-    BuildPlugin(ctx),
+    BuildPlugin('post', ctx),
+    DevPlugin(ctx),
+  ]
+}
+
+export function ViteSvelteKitPWA(userOptions: Partial<VitePWAOptions> = {}): Plugin[] {
+  const ctx = createContext(userOptions)
+  return [
+    MainPlugin(ctx),
+    // - We need the build plugin to run before the kit plugin.
+    // - The `closeBundle` hook in kit plugin will call the adapter,
+    //   it will copy the kit build output folder, and so,
+    //   we need the sw generated before the adapter call.
+    // - If the build plugin runs after the kit plugin, the sw will
+    //   be not copied to the adapter output
+    BuildPlugin('pre', ctx),
     DevPlugin(ctx),
   ]
 }
diff --git a/src/integrations/sveltekit/config.ts b/src/integrations/sveltekit/config.ts
new file mode 100644
index 00000000..6fbdff46
--- /dev/null
+++ b/src/integrations/sveltekit/config.ts
@@ -0,0 +1,107 @@
+import type { ResolvedConfig } from 'vite'
+import type { ManifestTransform } from 'workbox-build'
+import type { BasePartial, GlobPartial, RequiredGlobDirectoryPartial } from 'workbox-build/src/types'
+import type { SvelteKitVitePluginOptions, VitePWAOptions } from '../../types'
+
+type WorkboxConfig = Partial<BasePartial & GlobPartial & RequiredGlobDirectoryPartial>
+
+export function configureSvelteKitOptions(viteOptions: ResolvedConfig, options: Partial<VitePWAOptions>) {
+  const {
+    base = viteOptions.build.base ?? '/',
+    adapterFallback,
+    outDir = '.svelte-kit',
+  } = options.svelteKitOptions ?? {}
+
+  // Vite will copy public folder to the globDirectory after pwa plugin runs:
+  // globDirectory is the build folder.
+  // SvelteKit will copy to the globDirectory before pwa plugin runs (via Vite client build in writeBundle hook):
+  // globDirectory is the kit client output folder.
+  // We need to disable includeManifestIcons: any icon in the static folder will be twice in the sw's precache manifest.
+  if (typeof options.includeManifestIcons === 'undefined')
+    options.includeManifestIcons = false
+
+  let config: WorkboxConfig
+
+  if (options.strategies === 'injectManifest') {
+    options.injectManifest = options.injectManifest ?? {}
+    config = options.injectManifest
+  }
+  else {
+    options.workbox = options.workbox ?? {}
+    if (!options.workbox.navigateFallback)
+      options.workbox.navigateFallback = adapterFallback ?? base
+
+    config = options.workbox
+  }
+
+  // SvelteKit outDir is `.svelte-kit/output/client`.
+  // We need to include the parent folder since SvelteKit will generate SSG in `.svelte-kit/output/prerendered` folder.
+  if (!config.globDirectory)
+    config.globDirectory = `${outDir}/output`
+
+  if (!config.modifyURLPrefix)
+    config.globPatterns = buildGlobPatterns(config.globPatterns)
+
+  // Vite generates <name>.<hash>.<ext> layout while SvelteKit generates <name>-<hash>.<ext> (Rollup default)
+  // Vite and SvelteKit are not aligned: pwa plugin will use /\.[a-f0-9]{8}\./ by default: #164 optimize workbox work
+  if (!config.dontCacheBustURLsMatching)
+    config.dontCacheBustURLsMatching = /-[a-f0-9]{8}\./
+
+  if (!config.manifestTransforms)
+    config.manifestTransforms = [createManifestTransform(base, options.svelteKitOptions)]
+}
+
+function createManifestTransform(base: string, options?: SvelteKitVitePluginOptions): ManifestTransform {
+  return async (entries) => {
+    const suffix = options?.trailingSlash === 'always' ? '/' : ''
+    let adapterFallback = options?.adapterFallback
+    let excludeFallback = false
+    // the fallback will be always generated by SvelteKit.
+    // The adapter will copy the fallback only if it is provided in its options: we need to exclude it
+    if (!adapterFallback) {
+      adapterFallback = 'prerendered/fallback.html'
+      excludeFallback = true
+    }
+
+    const manifest = entries.filter(({ url }) => !(excludeFallback && url === adapterFallback)).map((e) => {
+      let url = e.url
+      // client assets in `.svelte-kit/output/client` folder.
+      // SSG pages in `.svelte-kit/output/prerendered/pages` folder.
+      // fallback page in `.svelte-kit/output/prerendered` folder (fallback.html is the default).
+      if (url.startsWith('client/'))
+        url = url.slice(7)
+      else if (url.startsWith('prerendered/pages/'))
+        url = url.slice(18)
+      else if (url.startsWith('prerendered/'))
+        url = url.slice(12)
+
+      if (url.endsWith('.html')) {
+        if (url.startsWith('/'))
+          url = url.slice(1)
+
+        e.url = url === 'index.html' ? `${base}` : `${base}${url.slice(0, url.lastIndexOf('.'))}${suffix}`
+      }
+      else {
+        e.url = url
+      }
+
+      return e
+    })
+
+    return { manifest }
+  }
+}
+
+function buildGlobPatterns(globPatterns?: string[]): string[] {
+  if (globPatterns) {
+    if (!globPatterns.some(g => g.startsWith('prerendered/')))
+      globPatterns.push('prerendered/**/*.html')
+
+    if (!globPatterns.some(g => g.startsWith('client/')))
+      globPatterns.push('client/**/*.{js,css,ico,png,svg,webp}')
+
+    return globPatterns
+  }
+
+  return ['client/**/*.{js,css,ico,png,svg,webp}', 'prerendered/**/*.html']
+}
diff --git a/src/options.ts b/src/options.ts
index c0f04ea2..34f826f8 100644
--- a/src/options.ts
+++ b/src/options.ts
@@ -56,6 +56,7 @@ export async function resolveOptions(options: Partial<VitePWAOptions>, viteConfi
     disable = false,
     devOptions = { enabled: false, type: 'classic' },
     selfDestroying = false,
+    svelteKitOptions = { trailingSlash: 'never' },
   } = options
 
   const basePath = resolveBathPath(base)
@@ -150,6 +151,7 @@ export async function resolveOptions(options: Partial<VitePWAOptions>, viteConfi
     devOptions,
     vitePlugins,
     selfDestroying,
+    svelteKitOptions,
   }
 
   await configureStaticAssets(resolvedVitePWAOptions, viteConfig)
diff --git a/src/plugins/build.ts b/src/plugins/build.ts
index 7e43be0e..ec64ce95 100644
--- a/src/plugins/build.ts
+++ b/src/plugins/build.ts
@@ -2,17 +2,18 @@ import type { Plugin } from 'vite'
 import { injectServiceWorker } from '../html'
 import { _generateBundle, _generateSW } from '../api'
 import type { PWAPluginContext } from '../context'
+import { VITE_PWA_PLUGIN_NAMES } from '../constants'
 
-export function BuildPlugin(ctx: PWAPluginContext) {
+export function BuildPlugin(enforce: 'pre' | 'post', ctx: PWAPluginContext) {
   return <Plugin>{
-    name: 'vite-plugin-pwa:build',
-    enforce: 'post',
+    name: VITE_PWA_PLUGIN_NAMES.BUILD,
+    enforce,
     apply: 'build',
     transformIndexHtml: {
       enforce: 'post',
       transform(html) {
         const { options, useImportRegister } = ctx
-        if (options.disable)
+        if (options.disable || enforce === 'pre')
           return html
 
         // if virtual register is requested, do not inject.
@@ -26,8 +27,16 @@ export function BuildPlugin(ctx: PWAPluginContext) {
       return _generateBundle(ctx, bundle)
     },
     async closeBundle() {
-      if (!ctx.viteConfig.build.ssr && !ctx.options.disable)
+      if (!ctx.options.disable && !ctx.viteConfig.build.ssr) {
+        const svelteKitPresent = ctx.hasSvelteKitPlugin()
+        if (svelteKitPresent && enforce === 'post')
+          throw new Error('Use ViteSvelteKitPWA instead VitePWA in your Vite config file: import { ViteSvelteKitPWA } from \'vite-plugin-pwa\'')
+
+        if (!svelteKitPresent && enforce === 'pre')
+          throw new Error('Use VitePWA instead ViteSvelteKitPWA in your Vite config file: import { VitePWA } from \'vite-plugin-pwa\'')
+
         await _generateSW(ctx)
+      }
     },
     async buildEnd(error) {
       if (error)
diff --git a/src/plugins/dev.ts b/src/plugins/dev.ts
index 615b4a88..78b3ef8f 100644
--- a/src/plugins/dev.ts
+++ b/src/plugins/dev.ts
@@ -5,7 +5,9 @@ import { generateSimpleSWRegister, injectServiceWorker } from '../html'
 import { generateWebManifestFile } from '../assets'
 import {
   DEV_SW_NAME,
-  FILE_SW_REGISTER, VIRTUAL_MODULES_RESOLVE_PREFIX,
+  FILE_SW_REGISTER,
+  VIRTUAL_MODULES_RESOLVE_PREFIX,
+  VITE_PWA_PLUGIN_NAMES,
 } from '../constants'
 import type { ResolvedVitePWAOptions } from '../types'
 import { generateServiceWorker } from '../modules'
@@ -24,7 +26,7 @@ export const swDevOptions = {
 
 export function DevPlugin(ctx: PWAPluginContext): Plugin {
   return <Plugin>{
-    name: 'vite-plugin-pwa:dev-sw',
+    name: VITE_PWA_PLUGIN_NAMES.DEV,
     apply: 'serve',
     transformIndexHtml: {
       enforce: 'post',
diff --git a/src/plugins/main.ts b/src/plugins/main.ts
index c37cfac9..9c9a0270 100644
--- a/src/plugins/main.ts
+++ b/src/plugins/main.ts
@@ -1,14 +1,20 @@
 import type { Plugin, UserConfig } from 'vite'
-import { VIRTUAL_MODULES, VIRTUAL_MODULES_MAP, VIRTUAL_MODULES_RESOLVE_PREFIX } from '../constants'
+import {
+  VIRTUAL_MODULES,
+  VIRTUAL_MODULES_MAP,
+  VIRTUAL_MODULES_RESOLVE_PREFIX,
+  VITE_PWA_PLUGIN_NAMES,
+} from '../constants'
 import { generateRegisterSW } from '../modules'
 import { resolveOptions } from '../options'
 import { createAPI } from '../api'
 import type { PWAPluginContext } from '../context'
+import { configureSvelteKitOptions } from '../integrations/sveltekit/config'
 import { swDevOptions } from './dev'
 
 export function MainPlugin(ctx: PWAPluginContext): Plugin {
   return {
-    name: 'vite-plugin-pwa',
+    name: VITE_PWA_PLUGIN_NAMES.MAIN,
     enforce: 'pre',
     config() {
       return <UserConfig>{
@@ -21,6 +27,11 @@ export function MainPlugin(ctx: PWAPluginContext): Plugin {
     async configResolved(config) {
       ctx.useImportRegister = false
       ctx.viteConfig = config
+      // add support for new SvelteKit Vite Plugin.
+      // we need to detect the sveltekit plugin on client build
+      if (!ctx.userOptions.disable && !ctx.viteConfig.build.ssr && ctx.hasSvelteKitPlugin())
+        configureSvelteKitOptions(ctx.viteConfig, ctx.userOptions)
+
       ctx.options = await resolveOptions(ctx.userOptions, config)
     },
     resolveId(id) {
diff --git a/src/types.ts b/src/types.ts
index e241540b..622a1125 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -11,6 +11,33 @@ export type CustomInjectManifestOptions = InjectManifestOptions & {
   vitePlugins?: InjectManifestVitePlugins
 }
 
+export interface SvelteKitVitePluginOptions {
+  /**
+   * The base path for your application: by default will use the Vite base.
+   *
+   * @default '/'
+   * @see https://kit.svelte.dev/docs/configuration#paths
+   * */
+  base?: string
+
+  /**
+   * @default '.svelte-kit'
+   * @see https://kit.svelte.dev/docs/configuration#outdir
+   */
+  outDir?: string
+
+  /**
+   * @see https://github.com/sveltejs/kit/tree/master/packages/adapter-static#fallback
+   */
+  adapterFallback?: string
+
+  /**
+   * @default 'never'
+   * @see https://kit.svelte.dev/docs/configuration#trailingslash
+   * */
+  trailingSlash?: 'never' | 'always' | 'ignore'
+}
+
 /**
  * Plugin options.
  */
@@ -130,13 +157,16 @@ export interface VitePWAOptions {
    * Development options.
    */
   devOptions?: DevOptions
-
   /**
-   * Unregister the service worker?
+   * Unregister the service worker?.
    *
    * @default false
    */
   selfDestroying?: boolean
+  /**
+   * SvelteKit Vite Plugin Options.
+   */
+  svelteKitOptions?: SvelteKitVitePluginOptions
 }
 
 export interface ResolvedVitePWAOptions extends Required<VitePWAOptions> {