diff --git a/.eslintignore b/.eslintignore
index 849ddff3..8a34d5d2 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1 +1,2 @@
 dist/
+*.svelte
diff --git a/.eslintrc.json b/.eslintrc.json
index d3ad37f4..adff7ddb 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,6 +1,16 @@
 {
-  "extends": "@antfu/eslint-config",
-  "rules": {
-    "@typescript-eslint/no-unused-vars": "off"
-  }
+  "extends": "@antfu",
+  "overrides": [
+    {
+      "files": [
+        "**/*.md/*.*"
+      ],
+      "rules": {
+        "@typescript-eslint/no-this-alias": "off",
+        "n/handle-callback-err": "off",
+        "no-restricted-syntax": "off",
+        "no-labels": "off"
+      }
+    }
+  ]
 }
diff --git a/docs/.vitepress/theme/components/GenerateSWCleanupOutdatedCaches.md b/docs/.vitepress/theme/components/GenerateSWCleanupOutdatedCaches.md
index a911f0dd..8c97b10c 100644
--- a/docs/.vitepress/theme/components/GenerateSWCleanupOutdatedCaches.md
+++ b/docs/.vitepress/theme/components/GenerateSWCleanupOutdatedCaches.md
@@ -13,9 +13,9 @@ export default defineConfig({
   plugins: [
     VitePWA({
       workbox: {
-        cleanupOutdatedCaches: false  
-      }  
+        cleanupOutdatedCaches: false
+      }
     })
-  ]    
+  ]
 })
 ```
diff --git a/docs/.vitepress/theme/components/GenerateSWSourceMap.md b/docs/.vitepress/theme/components/GenerateSWSourceMap.md
index c3bd2c3b..40331787 100644
--- a/docs/.vitepress/theme/components/GenerateSWSourceMap.md
+++ b/docs/.vitepress/theme/components/GenerateSWSourceMap.md
@@ -13,9 +13,9 @@ export default defineConfig({
   plugins: [
     VitePWA({
       workbox: {
-        sourcemap: true  
-      }  
+        sourcemap: true
+      }
     })
-  ]    
+  ]
 })
 ```
diff --git a/docs/.vitepress/theme/components/InjectManifestCleanupOutdatedCaches.md b/docs/.vitepress/theme/components/InjectManifestCleanupOutdatedCaches.md
index 10becc95..01297e16 100644
--- a/docs/.vitepress/theme/components/InjectManifestCleanupOutdatedCaches.md
+++ b/docs/.vitepress/theme/components/InjectManifestCleanupOutdatedCaches.md
@@ -3,7 +3,7 @@ also the old ones. To delete old assets (from previous versions that are no long
 building your own service worker, you will need to add the following code to your custom service worker:
 
 ```js
-import { precacheAndRoute, cleanupOutdatedCaches } from 'workbox-precaching'
+import { cleanupOutdatedCaches, precacheAndRoute } from 'workbox-precaching'
 
 cleanupOutdatedCaches()
 
diff --git a/docs/.vitepress/theme/components/SsrSsg.md b/docs/.vitepress/theme/components/SsrSsg.md
index e6cc7eca..de4b2939 100644
--- a/docs/.vitepress/theme/components/SsrSsg.md
+++ b/docs/.vitepress/theme/components/SsrSsg.md
@@ -6,15 +6,14 @@ You can register the service worker on `src/pwa.ts` module:
 ```ts
 import { registerSW } from 'virtual:pwa-register'
 
-registerSW({ ... })
+registerSW({ /* ... */ })
 ```
 
 and then import it from your `main.ts`:
 
 ```ts
-if (typeof window !== 'undefined') {
+if (typeof window !== 'undefined')
   import('./pwa')
-}
 ```
 
 You can see the [FAQ](/guide/faq.md#navigator-window-is-undefined) entry for more info.
diff --git a/docs/.vitepress/theme/config.ts b/docs/.vitepress/theme/config.ts
index 677c20f9..7b5ec663 100644
--- a/docs/.vitepress/theme/config.ts
+++ b/docs/.vitepress/theme/config.ts
@@ -1,6 +1,3 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable @typescript-eslint/no-namespace */
-
 export namespace DefaultTheme {
   export interface Config {
     logo?: string
diff --git a/docs/frameworks/preact.md b/docs/frameworks/preact.md
index edfc2821..12206751 100644
--- a/docs/frameworks/preact.md
+++ b/docs/frameworks/preact.md
@@ -13,7 +13,7 @@ You can use the built-in `Vite` virtual module `virtual:pwa-register/preact` for
 
 ```ts
 declare module 'virtual:pwa-register/preact' {
-  // @ts-ignore ignore when preact/hooks is not installed
+  // @ts-expect-error ignore when preact/hooks is not installed
   import type { StateUpdater } from 'preact/hooks'
 
   export interface RegisterSWOptions {
@@ -40,7 +40,6 @@ You can use this `ReloadPrompt.tsx` component:
   <summary><strong>ReloadPrompt.tsx</strong> code</summary>
 
 ```tsx
-// eslint-disable-next-line no-use-before-define
 import './ReloadPrompt.css'
 
 import { useRegisterSW } from 'virtual:pwa-register/preact'
@@ -52,11 +51,11 @@ function ReloadPrompt() {
     updateServiceWorker,
   } = useRegisterSW({
     onRegistered(r) {
-        // eslint-disable-next-line prefer-template
-        console.log('SW Registered: ' + r)
+      // eslint-disable-next-line prefer-template
+      console.log('SW Registered: ' + r)
     },
     onRegisterError(error) {
-        console.log('SW registration error', error)
+      console.log('SW registration error', error)
     },
   })
 
@@ -71,8 +70,8 @@ function ReloadPrompt() {
         && <div className="ReloadPrompt-toast">
             <div className="ReloadPrompt-message">
               { offlineReady
-                    ? <span>App ready to work offline</span>
-                    : <span>New content available, click on reload button to update.</span>
+                ? <span>App ready to work offline</span>
+                : <span>New content available, click on reload button to update.</span>
               }
             </div>
             { needRefresh && <button className="ReloadPrompt-toast-button" onClick={() => updateServiceWorker(true)}>Reload</button> }
@@ -131,7 +130,7 @@ As explained in [Periodic Service Worker Updates](/guide/periodic-sw-updates.htm
 behavior on your application with the virtual module `virtual:pwa-register/preact`:
 
 ```ts
-import { useRegisterSW } from 'virtual:pwa-register/preact';
+import { useRegisterSW } from 'virtual:pwa-register/preact'
 
 const intervalMS = 60 * 60 * 1000
 
diff --git a/docs/frameworks/react.md b/docs/frameworks/react.md
index 12104f33..ffb78b2d 100644
--- a/docs/frameworks/react.md
+++ b/docs/frameworks/react.md
@@ -13,7 +13,7 @@ You can use the built-in `Vite` virtual module `virtual:pwa-register/react` for
 
 ```ts
 declare module 'virtual:pwa-register/react' {
-  // @ts-ignore ignore when react is not installed
+  // @ts-expect-error ignore when react is not installed
   import type { Dispatch, SetStateAction } from 'react'
 
   export interface RegisterSWOptions {
@@ -40,7 +40,6 @@ You can use this `ReloadPrompt.tsx` component:
   <summary><strong>ReloadPrompt.tsx</strong> code</summary>
 
 ```tsx
-// eslint-disable-next-line no-use-before-define
 import React from 'react'
 import './ReloadPrompt.css'
 
@@ -53,11 +52,11 @@ function ReloadPrompt() {
     updateServiceWorker,
   } = useRegisterSW({
     onRegistered(r) {
-        // eslint-disable-next-line prefer-template
-        console.log('SW Registered: ' + r)
+      // eslint-disable-next-line prefer-template
+      console.log('SW Registered: ' + r)
     },
     onRegisterError(error) {
-        console.log('SW registration error', error)
+      console.log('SW registration error', error)
     },
   })
 
@@ -72,8 +71,8 @@ function ReloadPrompt() {
         && <div className="ReloadPrompt-toast">
             <div className="ReloadPrompt-message">
               { offlineReady
-                    ? <span>App ready to work offline</span>
-                    : <span>New content available, click on reload button to update.</span>
+                ? <span>App ready to work offline</span>
+                : <span>New content available, click on reload button to update.</span>
               }
             </div>
             { needRefresh && <button className="ReloadPrompt-toast-button" onClick={() => updateServiceWorker(true)}>Reload</button> }
@@ -132,7 +131,7 @@ As explained in [Periodic Service Worker Updates](/guide/periodic-sw-updates.htm
 behavior on your application with the virtual module `virtual:pwa-register/react`:
 
 ```ts
-import { useRegisterSW } from 'virtual:pwa-register/react';
+import { useRegisterSW } from 'virtual:pwa-register/react'
 
 const intervalMS = 60 * 60 * 1000
 
diff --git a/docs/frameworks/solidjs.md b/docs/frameworks/solidjs.md
index caf51277..0880c3e7 100644
--- a/docs/frameworks/solidjs.md
+++ b/docs/frameworks/solidjs.md
@@ -13,7 +13,7 @@ You can use the built-in `Vite` virtual module `virtual:pwa-register/solid` for
 
 ```ts
 declare module 'virtual:pwa-register/solid' {
-  // @ts-ignore ignore when solid-js is not installed
+  // @ts-expect-error ignore when solid-js is not installed
   import type { Accessor, Setter } from 'solid-js'
 
   export interface RegisterSWOptions {
@@ -40,24 +40,23 @@ You can use this `ReloadPrompt.tsx` component:
   <summary><strong>ReloadPrompt.tsx</strong> code</summary>
 
 ```tsx
-// eslint-disable-next-line no-use-before-define
-import { Component, Show } from "solid-js";
-import styles from './ReloadPrompt.module.css'
-
+import type { Component } from 'solid-js'
+import { Show } from 'solid-js'
 import { useRegisterSW } from 'virtual:pwa-register/solid'
+import styles from './ReloadPrompt.module.css'
 
-const ReloadPrompt: Component = () => {  
+const ReloadPrompt: Component = () => {
   const {
     offlineReady: [offlineReady, setOfflineReady],
     needRefresh: [needRefresh, setNeedRefresh],
     updateServiceWorker,
   } = useRegisterSW({
     onRegistered(r) {
-        // eslint-disable-next-line prefer-template
-        console.log('SW Registered: ' + r)
+      // eslint-disable-next-line prefer-template
+      console.log('SW Registered: ' + r)
     },
     onRegisterError(error) {
-        console.log('SW registration error', error)
+      console.log('SW registration error', error)
     },
   })
 
@@ -67,10 +66,10 @@ const ReloadPrompt: Component = () => {
   }
 
   return (
-    <div class={styles.Container}>
+    <div className={styles.Container}>
       <Show when={offlineReady() || needRefresh()}>
-        <div class={styles.Toast}>
-          <div class={styles.Message}>
+        <div className={styles.Toast}>
+          <div className={styles.Message}>
             <Show
               fallback={<span>New content available, click on reload button to update.</span>}
               when={offlineReady()}
@@ -79,9 +78,9 @@ const ReloadPrompt: Component = () => {
             </Show>
           </div>
           <Show when={needRefresh()}>
-            <button class={styles.ToastButton} onClick={() => updateServiceWorker(true)}>Reload</button>
+            <button className={styles.ToastButton} onClick={() => updateServiceWorker(true)}>Reload</button>
           </Show>
-          <button class={styles.ToastButton} onClick={() => close()}>Close</button>
+          <button className={styles.ToastButton} onClick={() => close()}>Close</button>
         </div>
       </Show>
     </div>
@@ -136,7 +135,7 @@ As explained in [Periodic Service Worker Updates](/guide/periodic-sw-updates.htm
 behavior on your application with the virtual module `virtual:pwa-register/solid`:
 
 ```ts
-import { useRegisterSW } from 'virtual:pwa-register/solid';
+import { useRegisterSW } from 'virtual:pwa-register/solid'
 
 const intervalMS = 60 * 60 * 1000
 
diff --git a/docs/frameworks/svelte.md b/docs/frameworks/svelte.md
index 2b3a452e..2ce206a6 100644
--- a/docs/frameworks/svelte.md
+++ b/docs/frameworks/svelte.md
@@ -13,7 +13,7 @@ You can use the built-in `Vite` virtual module `virtual:pwa-register/svelte` for
 
 ```ts
 declare module 'virtual:pwa-register/svelte' {
-  // @ts-ignore ignore when svelte is not installed
+  // @ts-expect-error ignore when svelte is not installed
   import type { Writable } from 'svelte/store'
 
   export interface RegisterSWOptions {
@@ -121,7 +121,7 @@ As explained in [Periodic Service Worker Updates](/guide/periodic-sw-updates.htm
 behavior on your application with the virtual module `virtual:pwa-register/svelte`:
 
 ```ts
-import { useRegisterSW } from 'virtual:pwa-register/svelte';
+import { useRegisterSW } from 'virtual:pwa-register/svelte'
 
 const intervalMS = 60 * 60 * 1000
 
diff --git a/docs/frameworks/sveltekit.md b/docs/frameworks/sveltekit.md
index 097c8315..3fe3868e 100644
--- a/docs/frameworks/sveltekit.md
+++ b/docs/frameworks/sveltekit.md
@@ -5,7 +5,6 @@ title: SvelteKit | Frameworks
 # SvelteKit
 
 > For `Type declarations`, `Prompt for update` and `Periodic SW Updates` go to [Svelte](/frameworks/svelte.html) entry.
-> 
 
 You should remove all references to [SvelteKit service worker module](https://kit.svelte.dev/docs#modules-$service-worker) <outbound-link /> to disable it on your application.
 
@@ -18,19 +17,19 @@ The best place to include the `ReloadPrompt` is on the main layout of the applic
 
 ```html
 <script>
-	import { onMount } from 'svelte'
-	import { browser, dev } from '$app/env'
+  import { onMount } from 'svelte'
+  import { browser, dev } from '$app/env'
 
-	let ReloadPrompt
-	onMount(async () => {
-		!dev && browser && (ReloadPrompt = (await import('$lib/components/ReloadPrompt.svelte')).default)
-	})
+  let ReloadPrompt
+  onMount(async () => {
+    !dev && browser && (ReloadPrompt = (await import('$lib/components/ReloadPrompt.svelte')).default)
+  })
 </script>
 
 <svelte:head>
-	{#if (!dev && browser)}
-		<link rel="manifest" href="/_app/manifest.webmanifest">
-	{/if}
+  {#if (!dev && browser)}
+    <link rel="manifest" href="/_app/manifest.webmanifest">
+  {/if}
 </svelte:head>
 
 <main>
@@ -38,7 +37,7 @@ The best place to include the `ReloadPrompt` is on the main layout of the applic
 </main>
 
 {#if ReloadPrompt}
-	<svelte:component this={ReloadPrompt} />
+  <svelte:component this={ReloadPrompt} />
 {/if}
 ```
 </details>
@@ -67,37 +66,37 @@ As an example, when using [@sveltejs/adapter-static](https://github.com/sveltejs
 <summary>1) add <strong>pwa.js</strong> script</summary>
 
 ```js
+import { copyFileSync } from 'fs'
 import { resolveConfig } from 'vite'
-import { VitePWA } from 'vite-plugin-pwa';
-import { pwaConfiguration } from './pwa-configuration.js';
-import { copyFileSync } from 'fs';
+import { VitePWA } from 'vite-plugin-pwa'
+import { pwaConfiguration } from './pwa-configuration.js'
 
 const webmanifestDestinations = [
-	'./.svelte-kit/output/client/',
-	'./build/',
+  './.svelte-kit/output/client/',
+  './build/',
 ]
 
 const swDestinations = [
-	'./build/',
+  './build/',
 ]
 
-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')
-	}
-} 
+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')
+  }
+}
 
 buildPwa()
 ```
@@ -109,75 +108,75 @@ buildPwa()
 
 ```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 };
-		}]
-	}
-};
-
-export { 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 }
+    }]
+  }
+}
+
+export { pwaConfiguration }
 ```
 </details>
 
@@ -185,8 +184,10 @@ export { pwaConfiguration };
 <summary>3) modify your <strong>build</strong> script</summary>
 
 ```json
-"scripts": {
-	"build": "svelte-kit build && node ./pwa.js"
+{
+  "scripts": {
+    "build": "svelte-kit build && node ./pwa.js"
+  }
 }
 ```
 </details>
@@ -196,28 +197,28 @@ export { pwaConfiguration };
 <summary>4) add <strong>Vite Plugin PWA</strong> to <strong>svelte.config.js</strong></summary>
 
 ```js
-import adapter from '@sveltejs/adapter-static';
-import preprocess from 'svelte-preprocess';
-import { VitePWA } from 'vite-plugin-pwa';
+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;
+  // 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
 ```
 </details>
diff --git a/docs/frameworks/vue.md b/docs/frameworks/vue.md
index 142ea13b..57fc07d9 100644
--- a/docs/frameworks/vue.md
+++ b/docs/frameworks/vue.md
@@ -13,7 +13,7 @@ You can use the built-in `Vite` virtual module `virtual:pwa-register/vue` for `V
 
 ```ts
 declare module 'virtual:pwa-register/vue' {
-  // @ts-ignore ignore when vue is not installed
+  // @ts-expect-error ignore when vue is not installed
   import type { Ref } from 'vue'
 
   export interface RegisterSWOptions {
@@ -49,7 +49,7 @@ const {
   updateServiceWorker,
 } = useRegisterSW()
 
-const close = async() => {
+const close = async () => {
   offlineReady.value = false
   needRefresh.value = false
 }
@@ -57,9 +57,9 @@ const close = async() => {
 
 <template>
   <div
-      v-if="offlineReady || needRefresh"
-      class="pwa-toast"
-      role="alert"
+    v-if="offlineReady || needRefresh"
+    class="pwa-toast"
+    role="alert"
   >
     <div class="message">
       <span v-if="offlineReady">
@@ -140,17 +140,17 @@ You can copy `useRegisterSW.js` `mixin` to your `@/mixins/` directory in your ap
 
 ```js
 export default {
-  name: "useRegisterSW",
+  name: 'useRegisterSW',
   data() {
     return {
       updateSW: undefined,
       offlineReady: false,
-      needRefresh: false  
+      needRefresh: false
     }
   },
   async mounted() {
     try {
-      const { registerSW } = await import("virtual:pwa-register")
+      const { registerSW } = await import('virtual:pwa-register')
       const vm = this
       this.updateSW = registerSW({
         immediate: true,
@@ -163,14 +163,15 @@ export default {
           vm.onNeedRefreshFn()
         },
         onRegistered(swRegistration) {
-          swRegistration && vm.handleSWManualUpdates(swRegistration)   
+          swRegistration && vm.handleSWManualUpdates(swRegistration)
         },
         onRegisterError(e) {
-          vm.handleSWRegisterError(e)    
-        }  
+          vm.handleSWRegisterError(e)
+        }
       })
-    } catch {
-      console.log("PWA disabled.")
+    }
+    catch {
+      console.log('PWA disabled.')
     }
 
   },
@@ -180,16 +181,16 @@ export default {
       this.needRefresh = false
     },
     onOfflineReadyFn() {
-      console.log("onOfflineReady")
+      console.log('onOfflineReady')
     },
     onNeedRefreshFn() {
-      console.log("onNeedRefresh")
+      console.log('onNeedRefresh')
     },
     updateServiceWorker() {
       this.updateSW && this.updateSW(true)
     },
-    handleSWManualUpdates(swRegistration) {}, 
-    handleSWRegisterError(error) {} 
+    handleSWManualUpdates(swRegistration) {},
+    handleSWRegisterError(error) {}
   }
 }
 ```
@@ -207,16 +208,16 @@ You can use this `ReloadPrompt.vue` component:
 import useRegisterSW from '@/mixins/useRegisterSW'
 
 export default {
-  name: "reload-prompt",
+  name: 'ReloadPrompt',
   mixins: [useRegisterSW]
 }
 </script>
 
 <template>
   <div
-      v-if="offlineReady || needRefresh"
-      class="pwa-toast"
-      role="alert"
+    v-if="offlineReady || needRefresh"
+    class="pwa-toast"
+    role="alert"
   >
     <div class="message">
       <span v-if="offlineReady">
@@ -274,7 +275,7 @@ import useRegisterSW from '@/mixins/useRegisterSW'
 const intervalMS = 60 * 60 * 1000
 
 export default {
-  name: "reload-prompt",
+  name: 'ReloadPrompt',
   mixins: [useRegisterSW],
   methods: {
     handleSWManualUpdates(r) {
diff --git a/docs/guide/development.md b/docs/guide/development.md
index 273b784e..de29b326 100644
--- a/docs/guide/development.md
+++ b/docs/guide/development.md
@@ -24,13 +24,13 @@ export default defineConfig({
   plugins: [
     VitePWA({
       /* other options */
-      /* enable sw on development */  
+      /* enable sw on development */
       devOptions: {
         enabled: true
-        /* other options */  
+        /* other options */
       }
     })
-  ]    
+  ]
 })
 ```
 
@@ -65,7 +65,7 @@ export interface DevOptions {
    * This option will allow you to configure the `navigateFallback` when using `registerRoute` for `offline` support:,
    * configure here the corresponding `url`, for example `navigateFallback: 'index.html'`.
    *
-   * **WARNING**: this option will only be used when using `injectManifest` strategy.   
+   * **WARNING**: this option will only be used when using `injectManifest` strategy.
    */
   navigateFallback?: string
 }
@@ -86,6 +86,8 @@ Uncaught (in promise) TypeError: Failed to execute 'importScripts' on 'WorkerGlo
 
 You can use `type: 'module'` when registering the service worker (right now only supported on latest versions of `Chromium` based browsers: `Chromium/Chrome/Edge`):
 
+<!--eslint-skip-->
+
 ```ts
 devOptions: {
   enabled: true,
@@ -109,7 +111,7 @@ If you register your custom service worker (not using PWA virtual module and con
 if ('serviceWorker' in navigator) {
   navigator.serviceWorker.register(
     import.meta.env.MODE === 'production' ? '/sw.js' : '/dev-sw.js?dev-sw'
-  );
+  )
 }
 ```
 
@@ -118,8 +120,8 @@ If you are also using `import` statements instead `importScripts`, use the follo
 if ('serviceWorker' in navigator) {
   navigator.serviceWorker.register(
     import.meta.env.MODE === 'production' ? '/sw.js' : '/dev-sw.js?dev-sw',
-    { 'type': import.meta.env.MODE === 'production' ? 'classic' : 'module' }
-  );
+    { type: import.meta.env.MODE === 'production' ? 'classic' : 'module' }
+  )
 }
 ```
 
diff --git a/docs/guide/faq.md b/docs/guide/faq.md
index 860da857..5b30c45e 100644
--- a/docs/guide/faq.md
+++ b/docs/guide/faq.md
@@ -26,7 +26,7 @@ add the following to the `compilerOptions.types` array of your `tsconfig.json`:
 To send the request with credentials, the `<link rel="manifest">` needs a `crossorigin="use-credentials"` attribute, which you can enable via `useCredentials` in the [plugin options](https://github.com/antfu/vite-plugin-pwa/blob/main/src/types.ts#L79):
 
 ```ts
-useCredentials: true;
+useCredentials: true
 ```
 
 ## Service Worker Registration Errors
@@ -101,7 +101,7 @@ For example, using `vue-router`, you can register the service worker for `autoUp
 ```ts
 import type { Router } from 'vue-router'
 export const registerPWA = (router: Router) => {
-  router.isReady().then(async() => {
+  router.isReady().then(async () => {
     const { registerSW } = await import('virtual:pwa-register')
     registerSW({ immediate: true })
   })
@@ -122,9 +122,10 @@ const ClientReloadPrompt = typeof window !== 'undefined'
   ? defineAsyncComponent(() => import('./ReloadPrompt.vue'))
   : null
 </script>
+
 <template>
-  <router-view/>
-  <template v-if='ClientReloadPrompt'>
+  <router-view />
+  <template v-if="ClientReloadPrompt">
     <ClientReloadPrompt />
   </template>
 </template>
diff --git a/docs/guide/generate.md b/docs/guide/generate.md
index 25600058..fa9f6748 100644
--- a/docs/guide/generate.md
+++ b/docs/guide/generate.md
@@ -14,7 +14,7 @@ import { VitePWA } from 'vite-plugin-pwa'
 export default defineConfig({
   plugins: [
     VitePWA({
-      includeAssets: ['favicon.svg', 'favicon.ico', 'robots.txt', 'apple-touch-icon.png'],  
+      includeAssets: ['favicon.svg', 'favicon.ico', 'robots.txt', 'apple-touch-icon.png'],
       manifest: {
         name: 'Name of your app',
         short_name: 'Short name of your app',
@@ -40,7 +40,7 @@ export default defineConfig({
         ]
       }
     })
-  ]    
+  ]
 })
 ```
 </details>
diff --git a/docs/guide/index.md b/docs/guide/index.md
index 58370cac..ebcec3f5 100644
--- a/docs/guide/index.md
+++ b/docs/guide/index.md
@@ -38,7 +38,7 @@ import { VitePWA } from 'vite-plugin-pwa'
 export default defineConfig({
   plugins: [
     VitePWA({})
-  ]    
+  ]
 })
 ```
 
diff --git a/docs/guide/inject-manifest.md b/docs/guide/inject-manifest.md
index f1c8ad8a..89c216b5 100644
--- a/docs/guide/inject-manifest.md
+++ b/docs/guide/inject-manifest.md
@@ -96,7 +96,11 @@ You can use TypeScript to write your custom service worker. To resolve service w
 entry on your `tsconfig.json` file:
 
 ```json
-"lib": ["ESNext", "DOM", "WebWorker"],
+{
+  "compilerOptions": {
+    "lib": ["ESNext", "DOM", "WebWorker"]
+  }
+}
 ```
 
 ### Setup
diff --git a/docs/guide/static-assets.md b/docs/guide/static-assets.md
index 2aae602e..f97bb28a 100644
--- a/docs/guide/static-assets.md
+++ b/docs/guide/static-assets.md
@@ -42,7 +42,7 @@ If you use `generateSW` strategy, then you need to configure `globPatterns` insi
 VitePWA({
   workbox: {
     globPatterns: [],
-  } 
+  }
 })
 ```
 
@@ -52,6 +52,6 @@ If you use `injectManifest` strategy, then you need to configure`globPatterns` i
 VitePWA({
   injectManifest: {
     globPatterns: [],
-  }  
+  }
 })
 ```
diff --git a/docs/guide/testing.md b/docs/guide/testing.md
index 940e29ce..62527904 100644
--- a/docs/guide/testing.md
+++ b/docs/guide/testing.md
@@ -8,7 +8,11 @@ Since this plugin will not generate the service worker on `development`, you can
 
 1) add `serve` script to your `package.json` or modify existing with:
 ```json
-"serve": "vite preview"
+{
+  "scripts": {
+    "serve": "vite preview"
+  }
+}
 ```
 2) build your app and run `serve`:
 
@@ -49,8 +53,13 @@ If you want to test your service worker using `https`, follow these steps:
     ```
 
 2) add `https-preview` script to your `package.json`:
+
 ```json
-"https-preview": "serve dist"
+{
+  "scripts": {
+    "https-preview": "serve dist"
+  }
+}
 ```
 
 3) build your app and run `https-preview`:
diff --git a/docs/tsconfig.json b/docs/tsconfig.json
index fb605ccd..e80ee3ad 100644
--- a/docs/tsconfig.json
+++ b/docs/tsconfig.json
@@ -30,5 +30,5 @@
     "./.vitepress/**/*.ts",
     "./.vitepress/**/*.vue"
   ],
-  "exclude": ["dist","node_modules"]
+  "exclude": ["dist", "node_modules"]
 }
diff --git a/docs/workbox/generate-sw.md b/docs/workbox/generate-sw.md
index 0108231b..7c699967 100644
--- a/docs/workbox/generate-sw.md
+++ b/docs/workbox/generate-sw.md
@@ -77,7 +77,7 @@ VitePWA({
       }
     ]
   }
-})  
+})
 ```
 </details>
 
diff --git a/docs/workbox/inject-manifest.md b/docs/workbox/inject-manifest.md
index 3d3d1fe3..219b783c 100644
--- a/docs/workbox/inject-manifest.md
+++ b/docs/workbox/inject-manifest.md
@@ -42,19 +42,17 @@ dependencies:
   <summary><strong>src/sw.ts</strong> code</summary>
 
 ```ts
-/* eslint-disable no-console */
-import { clientsClaim, cacheNames } from 'workbox-core'
+import { cacheNames, clientsClaim } from 'workbox-core'
 import { registerRoute, setCatchHandler, setDefaultHandler } from 'workbox-routing'
+import type { StrategyHandler } from 'workbox-strategies'
 import {
   NetworkFirst,
   NetworkOnly,
-  Strategy,
-  StrategyHandler,
+  Strategy
 } from 'workbox-strategies'
-import { ManifestEntry } from 'workbox-build'
+import type { ManifestEntry } from 'workbox-build'
 
 // Give TypeScript the correct global.
-// @ts-ignore
 declare let self: ServiceWorkerGlobalScope
 declare type ExtendableEvent = any
 
@@ -85,7 +83,6 @@ const buildStrategy = (): Strategy => {
           // Reject if both network and cache error or find no response.
           Promise.allSettled([fetchAndCachePutDone, cacheMatchDone]).then((results) => {
             const [fetchAndCachePutResult, cacheMatchResult] = results
-            // @ts-ignore
             if (fetchAndCachePutResult.status === 'rejected' && !cacheMatchResult.value)
               reject(fetchAndCachePutResult.reason)
           })
@@ -108,7 +105,6 @@ const cacheEntries: RequestInfo[] = []
 
 const manifestURLs = manifest.map(
   (entry) => {
-    // @ts-ignore
     const url = new URL(entry.url, self.location)
     cacheEntries.push(new Request(url.href, {
       credentials: credentials as any
@@ -158,7 +154,6 @@ setDefaultHandler(new NetworkOnly())
 
 // fallback to app-shell for document request
 setCatchHandler(({ event }): Promise<Response> => {
-  // @ts-ignore
   switch (event.request.destination) {
     case 'document':
       return caches.match(fallback).then((r) => {
diff --git a/examples/preact-router/src/ReloadPrompt.tsx b/examples/preact-router/src/ReloadPrompt.tsx
index c5557ba8..f1b03fb8 100644
--- a/examples/preact-router/src/ReloadPrompt.tsx
+++ b/examples/preact-router/src/ReloadPrompt.tsx
@@ -1,4 +1,3 @@
-// eslint-disable-next-line no-use-before-define
 import './ReloadPrompt.css'
 
 import { useRegisterSW } from 'virtual:pwa-register/preact'
diff --git a/examples/preact-router/src/pages/Home.tsx b/examples/preact-router/src/pages/Home.tsx
index d2133cce..2aa03bc4 100644
--- a/examples/preact-router/src/pages/Home.tsx
+++ b/examples/preact-router/src/pages/Home.tsx
@@ -1,4 +1,3 @@
-// eslint-disable-next-line no-use-before-define
 import { useState } from 'preact/hooks'
 import { route } from 'preact-router'
 import './Home.css'
diff --git a/examples/preact-router/src/pages/hi/[name].tsx b/examples/preact-router/src/pages/hi/[name].tsx
index 00e097e0..c2f7e4f2 100644
--- a/examples/preact-router/src/pages/hi/[name].tsx
+++ b/examples/preact-router/src/pages/hi/[name].tsx
@@ -1,4 +1,3 @@
-// eslint-disable-next-line no-use-before-define
 import type { RouteProps } from 'preact-router'
 
 function Hi(props: RouteProps<{ name: string }>) {
diff --git a/examples/preact-router/src/preact.d.ts b/examples/preact-router/src/preact.d.ts
index ac79d62a..bed71c7a 100644
--- a/examples/preact-router/src/preact.d.ts
+++ b/examples/preact-router/src/preact.d.ts
@@ -1 +1,2 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import JSX = preact.JSX
diff --git a/examples/react-router/src/App.tsx b/examples/react-router/src/App.tsx
index 9e5d515f..d3609a33 100644
--- a/examples/react-router/src/App.tsx
+++ b/examples/react-router/src/App.tsx
@@ -1,4 +1,3 @@
-// eslint-disable-next-line no-use-before-define
 import React from 'react'
 import { Outlet } from 'react-router-dom'
 import ReloadPrompt from './ReloadPrompt'
diff --git a/examples/react-router/src/ReloadPrompt.tsx b/examples/react-router/src/ReloadPrompt.tsx
index 65157eed..a6206355 100644
--- a/examples/react-router/src/ReloadPrompt.tsx
+++ b/examples/react-router/src/ReloadPrompt.tsx
@@ -1,4 +1,3 @@
-// eslint-disable-next-line no-use-before-define
 import React from 'react'
 import './ReloadPrompt.css'
 
diff --git a/examples/react-router/src/pages/Home.tsx b/examples/react-router/src/pages/Home.tsx
index 4fb80892..c5cd9c33 100644
--- a/examples/react-router/src/pages/Home.tsx
+++ b/examples/react-router/src/pages/Home.tsx
@@ -1,4 +1,3 @@
-// eslint-disable-next-line no-use-before-define
 import React, { useState } from 'react'
 import { useNavigate } from 'react-router'
 import './Home.css'
diff --git a/examples/react-router/src/pages/hi/[name].tsx b/examples/react-router/src/pages/hi/[name].tsx
index 9f245492..fd9da538 100644
--- a/examples/react-router/src/pages/hi/[name].tsx
+++ b/examples/react-router/src/pages/hi/[name].tsx
@@ -1,4 +1,3 @@
-// eslint-disable-next-line no-use-before-define
 import React from 'react'
 import { useParams } from 'react-router'
 
diff --git a/examples/solid-router/package.json b/examples/solid-router/package.json
index 45ccbda9..a560f4ee 100644
--- a/examples/solid-router/package.json
+++ b/examples/solid-router/package.json
@@ -24,6 +24,10 @@
     "run-build-sw-reloadsw-claims": "cross-env DEBUG=vite-plugin-pwa:* BASE_URL=/ SOURCE_MAP=true CLAIMS=true RELOAD_SW=true SW=true vite build",
     "serve": "serve dist"
   },
+  "dependencies": {
+    "solid-app-router": "^0.3.3",
+    "solid-js": "^1.4.2"
+  },
   "devDependencies": {
     "@rollup/plugin-replace": "^4.0.0",
     "cross-env": "^7.0.3",
@@ -37,9 +41,5 @@
     "workbox-precaching": "^6.5.3",
     "workbox-routing": "^6.5.3",
     "workbox-window": "^6.5.3"
-  },
-  "dependencies": {
-    "solid-app-router": "^0.3.3",
-    "solid-js": "^1.4.2"
   }
 }
diff --git a/examples/solid-router/src/ReloadPrompt.tsx b/examples/solid-router/src/ReloadPrompt.tsx
index 3dd2f76e..23b58c9a 100644
--- a/examples/solid-router/src/ReloadPrompt.tsx
+++ b/examples/solid-router/src/ReloadPrompt.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable react/react-in-jsx-scope,react/no-unknown-property */
+/* eslint-disable react/no-unknown-property */
 import type { Component } from 'solid-js'
 import { Show } from 'solid-js'
 import { useRegisterSW } from 'virtual:pwa-register/solid'
diff --git a/examples/solid-router/src/app.tsx b/examples/solid-router/src/app.tsx
index 0518bc55..e85cf2a2 100644
--- a/examples/solid-router/src/app.tsx
+++ b/examples/solid-router/src/app.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable react/react-in-jsx-scope,react/no-unknown-property */
+/* eslint-disable react/no-unknown-property */
 import type { Component } from 'solid-js'
 import { useRoutes } from 'solid-app-router'
 import { routes } from './routes'
diff --git a/examples/solid-router/src/errors/404.tsx b/examples/solid-router/src/errors/404.tsx
index c6ea5dcf..d93587f4 100644
--- a/examples/solid-router/src/errors/404.tsx
+++ b/examples/solid-router/src/errors/404.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react/react-in-jsx-scope,react/no-unknown-property */
 export default function NotFound() {
   return (
     <section>
diff --git a/examples/solid-router/src/index.tsx b/examples/solid-router/src/index.tsx
index 41a76914..766362ba 100644
--- a/examples/solid-router/src/index.tsx
+++ b/examples/solid-router/src/index.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react/react-in-jsx-scope */
 import { render } from 'solid-js/web'
 import { Router } from 'solid-app-router'
 import App from './app'
diff --git a/examples/solid-router/src/pages/about.tsx b/examples/solid-router/src/pages/about.tsx
index a2998d5d..66b81fb4 100644
--- a/examples/solid-router/src/pages/about.tsx
+++ b/examples/solid-router/src/pages/about.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react/react-in-jsx-scope,react/no-unknown-property */
 import { Link } from 'solid-app-router'
 
 export default function About() {
diff --git a/examples/solid-router/src/pages/hi/[name].tsx b/examples/solid-router/src/pages/hi/[name].tsx
index 7500a39a..908dd7cb 100644
--- a/examples/solid-router/src/pages/hi/[name].tsx
+++ b/examples/solid-router/src/pages/hi/[name].tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react/react-in-jsx-scope,react/no-unknown-property */
 import { Link, useRouteData } from 'solid-app-router'
 
 export default function Hi() {
diff --git a/examples/solid-router/src/pages/home.tsx b/examples/solid-router/src/pages/home.tsx
index 609eb40c..8f8cbf89 100644
--- a/examples/solid-router/src/pages/home.tsx
+++ b/examples/solid-router/src/pages/home.tsx
@@ -1,4 +1,4 @@
-/* eslint-disable react/react-in-jsx-scope,react/no-unknown-property */
+/* eslint-disable react/no-unknown-property */
 import { createSignal } from 'solid-js'
 import { useNavigate } from 'solid-app-router'
 import styles from './home.module.css'
diff --git a/examples/sveltekit-pwa/src/lib/components/Go.svelte b/examples/sveltekit-pwa/src/lib/components/Go.svelte
index ce98478b..9d8c7558 100644
--- a/examples/sveltekit-pwa/src/lib/components/Go.svelte
+++ b/examples/sveltekit-pwa/src/lib/components/Go.svelte
@@ -1,5 +1,4 @@
 <script>
-
 	import { goto } from "$app/navigation"
 
 	// replaced dyanmicaly
diff --git a/examples/vue-basic-cdn/src/ReloadPrompt.vue b/examples/vue-basic-cdn/src/ReloadPrompt.vue
index fabf910b..8b9c5c61 100644
--- a/examples/vue-basic-cdn/src/ReloadPrompt.vue
+++ b/examples/vue-basic-cdn/src/ReloadPrompt.vue
@@ -1,4 +1,3 @@
-
 <script setup lang="ts">
 import { useRegisterSW } from 'virtual:pwa-register/vue'
 
@@ -8,7 +7,7 @@ const {
   updateServiceWorker,
 } = useRegisterSW()
 
-const close = async() => {
+const close = async () => {
   offlineReady.value = false
   needRefresh.value = false
 }
diff --git a/examples/vue-basic-cdn/src/shims-vue.d.ts b/examples/vue-basic-cdn/src/shims-vue.d.ts
index 14edcf02..d1bfdc07 100644
--- a/examples/vue-basic-cdn/src/shims-vue.d.ts
+++ b/examples/vue-basic-cdn/src/shims-vue.d.ts
@@ -1,5 +1,5 @@
 declare module '*.vue' {
-  import { defineComponent } from 'vue'
+  import type { defineComponent } from 'vue'
   const Component: ReturnType<typeof defineComponent>
   export default Component
 }
diff --git a/examples/vue-basic-cdn/vite.config.ts b/examples/vue-basic-cdn/vite.config.ts
index c21dc3fb..af0bc915 100644
--- a/examples/vue-basic-cdn/vite.config.ts
+++ b/examples/vue-basic-cdn/vite.config.ts
@@ -1,4 +1,4 @@
-import { UserConfig } from 'vite'
+import type { UserConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
 import { VitePWA } from 'vite-plugin-pwa'
 import replace from '@rollup/plugin-replace'
diff --git a/examples/vue-router/src/App.vue b/examples/vue-router/src/App.vue
index 9149ae8f..99ab9de7 100644
--- a/examples/vue-router/src/App.vue
+++ b/examples/vue-router/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onBeforeMount } from 'vue'
+import { onBeforeMount, ref } from 'vue'
 import { useTimeAgo } from '@vueuse/core'
 import MyWorker from './my-worker?worker'
 
@@ -13,13 +13,13 @@ const worker = new MyWorker()
 const date = '__DATE__'
 const timeAgo = useTimeAgo(date)
 
-const runWorker = async() => {
+const runWorker = async () => {
   worker.postMessage('ping')
 }
-const resetMessage = async() => {
+const resetMessage = async () => {
   worker.postMessage('clear')
 }
-const messageFromWorker = async({ data: { msg, mode: useMode } }) => {
+const messageFromWorker = async ({ data: { msg, mode: useMode } }) => {
   pong.value = msg
   mode.value = useMode
 }
@@ -35,8 +35,8 @@ onBeforeMount(() => {
   <div>Built at: {{ date }} ({{ timeAgo }})</div>
   <br>
   <router-view />
-  <br />
-  <br />
+  <br>
+  <br>
   <button @click="runWorker">
     Ping web worker
   </button>
@@ -44,8 +44,8 @@ onBeforeMount(() => {
   <button @click="resetMessage">
     Reset message
   </button>
-  <br />
-  <br />
+  <br>
+  <br>
   <template v-if="pong">
     Response from web worker: <span> Message: {{ pong }} </span>&#160;&#160;<span> Using ENV mode: {{ mode }}</span>
   </template>
diff --git a/examples/vue-router/src/ReloadPrompt.vue b/examples/vue-router/src/ReloadPrompt.vue
index 1e4827f4..a91afcbd 100644
--- a/examples/vue-router/src/ReloadPrompt.vue
+++ b/examples/vue-router/src/ReloadPrompt.vue
@@ -12,7 +12,7 @@ const {
   immediate: true,
   onRegistered(r) {
     if (reloadSW === 'true') {
-      r && setInterval(async() => {
+      r && setInterval(async () => {
         // eslint-disable-next-line no-console
         console.log('Checking for sw update')
         await r.update()
@@ -25,11 +25,10 @@ const {
   },
 })
 
-const close = async() => {
+const close = async () => {
   offlineReady.value = false
   needRefresh.value = false
 }
-
 </script>
 
 <template>
diff --git a/examples/vue-router/src/main.ts b/examples/vue-router/src/main.ts
index a1f2ffee..7ef269ef 100644
--- a/examples/vue-router/src/main.ts
+++ b/examples/vue-router/src/main.ts
@@ -1,5 +1,5 @@
 import { createApp, defineAsyncComponent } from 'vue'
-import { createWebHistory, createRouter } from 'vue-router'
+import { createRouter, createWebHistory } from 'vue-router'
 import App from './App.vue'
 import './index.css'
 
diff --git a/examples/vue-router/src/my-worker.js b/examples/vue-router/src/my-worker.js
index 5d575b3f..c41c4286 100644
--- a/examples/vue-router/src/my-worker.js
+++ b/examples/vue-router/src/my-worker.js
@@ -1,4 +1,4 @@
-import { msg, mode } from './workerImport'
+import { mode, msg } from './workerImport'
 
 let counter = 1
 
diff --git a/examples/vue-router/src/pages/about.vue b/examples/vue-router/src/pages/about.vue
index bf9e3ec9..a9c79ed9 100644
--- a/examples/vue-router/src/pages/about.vue
+++ b/examples/vue-router/src/pages/about.vue
@@ -6,6 +6,7 @@ const date = '__DATE__'
 const timeAgo = useTimeAgo(date)
 const router = useRouter()
 </script>
+
 <template>
   <div>About route, built at: {{ date }} ({{ timeAgo }})</div>
   <br>
diff --git a/examples/vue-router/src/pages/home.vue b/examples/vue-router/src/pages/home.vue
index f5518172..fc660a1e 100644
--- a/examples/vue-router/src/pages/home.vue
+++ b/examples/vue-router/src/pages/home.vue
@@ -14,6 +14,7 @@ const go = () => {
     router.push(`/hi/${encodeURIComponent(name.value)}`)
 }
 </script>
+
 <template>
   <div>Home route, built at: {{ date }} ({{ timeAgo }})</div>
   <br>
diff --git a/examples/vue-router/src/shims-vue.d.ts b/examples/vue-router/src/shims-vue.d.ts
index 14edcf02..d1bfdc07 100644
--- a/examples/vue-router/src/shims-vue.d.ts
+++ b/examples/vue-router/src/shims-vue.d.ts
@@ -1,5 +1,5 @@
 declare module '*.vue' {
-  import { defineComponent } from 'vue'
+  import type { defineComponent } from 'vue'
   const Component: ReturnType<typeof defineComponent>
   export default Component
 }
diff --git a/examples/vue-router/vite.config.ts b/examples/vue-router/vite.config.ts
index 31d6c719..e3b1c8c5 100644
--- a/examples/vue-router/vite.config.ts
+++ b/examples/vue-router/vite.config.ts
@@ -1,6 +1,7 @@
 import { defineConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
-import { ManifestOptions, VitePWA, VitePWAOptions } from 'vite-plugin-pwa'
+import type { ManifestOptions, VitePWAOptions } from 'vite-plugin-pwa'
+import { VitePWA } from 'vite-plugin-pwa'
 import replace from '@rollup/plugin-replace'
 
 const pwaOptions: Partial<VitePWAOptions> = {
@@ -54,7 +55,7 @@ if (claims)
   pwaOptions.registerType = 'autoUpdate'
 
 if (reload) {
-  // @ts-ignore
+  // @ts-expect-error overrides
   replaceOptions.__RELOAD_SW__ = 'true'
 }
 
diff --git a/package.json b/package.json
index 129d1c1e..d9c14bf4 100644
--- a/package.json
+++ b/package.json
@@ -3,11 +3,15 @@
   "version": "0.12.0",
   "packageManager": "pnpm@7.1.8",
   "description": "Zero-config PWA for Vite",
+  "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
+  "funding": "https://github.com/sponsors/antfu",
+  "homepage": "https://github.com/antfu/vite-plugin-pwa",
   "repository": {
     "type": "git",
     "url": "https://github.com/antfu/vite-plugin-pwa"
   },
+  "bugs": "https://github.com/antfu/vite-plugin-pwa/issues",
   "keywords": [
     "react",
     "pwa",
@@ -21,22 +25,19 @@
     "vite",
     "vite-plugin"
   ],
-  "funding": "https://github.com/sponsors/antfu",
-  "author": "antfu <anthonyfu117@hotmail.com>",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "index.d.ts",
   "files": [
     "dist",
     "index.d.ts",
     "client.d.ts"
   ],
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "index.d.ts",
-  "homepage": "https://github.com/antfu/vite-plugin-pwa",
-  "bugs": "https://github.com/antfu/vite-plugin-pwa/issues",
   "scripts": {
     "docs": "npm -C docs run dev",
     "docs:build": "npm -C docs run build",
     "docs:serve": "npm -C docs run serve",
+    "lint": "eslint .",
     "dev": "esno scripts/dev.ts",
     "build": "esno scripts/build.ts",
     "prepublishOnly": "npm run build",
diff --git a/scripts/run-examples.ts b/scripts/run-examples.ts
index 0a1662b0..790e6061 100644
--- a/scripts/run-examples.ts
+++ b/scripts/run-examples.ts
@@ -1,30 +1,30 @@
 import { execSync } from 'child_process'
 import prompts from 'prompts'
 import {
-  yellow,
-  green,
-  cyan,
   blue,
+  cyan,
+  green,
   magenta,
   red,
   reset,
+  yellow,
 } from 'kolorist'
 
 type Color = (str: string | number) => string
 
-type Behavior = {
+interface Behavior {
   name: string
   display: string
   color: Color
 }
 
-type Strategy = {
+interface Strategy {
   name: string
   display: string
   color: Color
 }
 
-type Framework = {
+interface Framework {
   name: string
   color: Color
   dir: string
@@ -89,7 +89,7 @@ const FRAMEWORKS: Framework[] = [
   },
 ]
 
-type PromptResult = {
+interface PromptResult {
   framework: Framework
   strategy: Strategy
   behavior: Behavior
@@ -104,7 +104,7 @@ async function init() {
         name: 'framework',
         message: reset('Select a framework:'),
         initial: 0,
-        // @ts-ignore
+        // @ts-expect-error casting
         choices: FRAMEWORKS.map((framework) => {
           const frameworkColor = framework.color
           return {
@@ -118,7 +118,7 @@ async function init() {
         name: 'strategy',
         message: reset('Select a strategy:'),
         initial: 0,
-        // @ts-ignore
+        // @ts-expect-error casting
         choices: STRATEGIES.map((strategy) => {
           const strategyColor = strategy.color
           return {
@@ -132,7 +132,7 @@ async function init() {
         name: 'behavior',
         message: reset('Select a behavior:'),
         initial: 0,
-        // @ts-ignore
+        // @ts-expect-error casting
         choices: BEHAVIORS.map((behavior) => {
           const behaviorColor = behavior.color
           return {
@@ -177,8 +177,7 @@ async function init() {
       cwd: `examples/${framework.dir}`,
     })
   }
-  catch (cancelled) {
-    // @ts-ignore
+  catch (cancelled: any) {
     console.log(cancelled.message)
   }
 }
diff --git a/src/client/build/register.ts b/src/client/build/register.ts
index 1797f17b..6c24c64e 100644
--- a/src/client/build/register.ts
+++ b/src/client/build/register.ts
@@ -22,7 +22,7 @@ export function registerSW(options: RegisterSWOptions = {}) {
   let wb: Workbox | undefined
   let registration: ServiceWorkerRegistration | undefined
 
-  const updateServiceWorker = async(reloadPage = true) => {
+  const updateServiceWorker = async (reloadPage = true) => {
     if (!auto) {
       // Assuming the user accepted the update, set up a listener
       // that will reload the page as soon as the previously waiting
diff --git a/src/client/dev/preact.ts b/src/client/dev/preact.ts
index cbb5df5b..1ff78db9 100644
--- a/src/client/dev/preact.ts
+++ b/src/client/dev/preact.ts
@@ -3,11 +3,11 @@ import type { RegisterSWOptions } from '../type'
 
 export type { RegisterSWOptions }
 
-export function useRegisterSW(options: RegisterSWOptions = {}) {
+export function useRegisterSW(_options: RegisterSWOptions = {}) {
   const needRefresh = useState(false)
   const offlineReady = useState(false)
 
-  const updateServiceWorker = (reloadPage?: boolean) => {}
+  const updateServiceWorker = (_reloadPage?: boolean) => {}
 
   return {
     needRefresh,
diff --git a/src/client/dev/react.ts b/src/client/dev/react.ts
index 2a53fabe..e97d21c9 100644
--- a/src/client/dev/react.ts
+++ b/src/client/dev/react.ts
@@ -3,11 +3,11 @@ import type { RegisterSWOptions } from '../type'
 
 export type { RegisterSWOptions }
 
-export function useRegisterSW(options: RegisterSWOptions = {}) {
+export function useRegisterSW(_options: RegisterSWOptions = {}) {
   const needRefresh = useState(false)
   const offlineReady = useState(false)
 
-  const updateServiceWorker = (reloadPage?: boolean) => {}
+  const updateServiceWorker = (_reloadPage?: boolean) => {}
 
   return {
     needRefresh,
diff --git a/src/client/dev/register.ts b/src/client/dev/register.ts
index bc73f29c..ec782085 100644
--- a/src/client/dev/register.ts
+++ b/src/client/dev/register.ts
@@ -2,6 +2,6 @@ import type { RegisterSWOptions } from '../type'
 
 export type { RegisterSWOptions }
 
-export function registerSW(options: RegisterSWOptions = {}) {
-  return (reloadPage = true) => {}
+export function registerSW(_options: RegisterSWOptions = {}) {
+  return (_reloadPage = true) => {}
 }
diff --git a/src/client/dev/solid.ts b/src/client/dev/solid.ts
index 297e9dcd..29b9ce84 100644
--- a/src/client/dev/solid.ts
+++ b/src/client/dev/solid.ts
@@ -3,11 +3,11 @@ import type { RegisterSWOptions } from '../type'
 
 export type { RegisterSWOptions }
 
-export function useRegisterSW(options: RegisterSWOptions = {}) {
+export function useRegisterSW(_options: RegisterSWOptions = {}) {
   const needRefresh = createSignal(false)
   const offlineReady = createSignal(false)
 
-  const updateServiceWorker = (reloadPage?: boolean) => {}
+  const updateServiceWorker = (_reloadPage?: boolean) => {}
 
   return {
     needRefresh,
diff --git a/src/client/dev/svelte.ts b/src/client/dev/svelte.ts
index 40257472..5e60019f 100644
--- a/src/client/dev/svelte.ts
+++ b/src/client/dev/svelte.ts
@@ -3,11 +3,11 @@ import type { RegisterSWOptions } from '../type'
 
 export type { RegisterSWOptions }
 
-export function useRegisterSW(options: RegisterSWOptions = {}) {
+export function useRegisterSW(_options: RegisterSWOptions = {}) {
   const needRefresh = writable(false)
   const offlineReady = writable(false)
 
-  const updateServiceWorker = (reloadPage?: boolean) => {}
+  const updateServiceWorker = (_reloadPage?: boolean) => {}
 
   return {
     needRefresh,
diff --git a/src/client/dev/vue.ts b/src/client/dev/vue.ts
index 3a3467ae..40ddbdd8 100644
--- a/src/client/dev/vue.ts
+++ b/src/client/dev/vue.ts
@@ -3,11 +3,11 @@ import type { RegisterSWOptions } from '../type'
 
 export type { RegisterSWOptions }
 
-export function useRegisterSW(options: RegisterSWOptions = {}) {
+export function useRegisterSW(_options: RegisterSWOptions = {}) {
   const needRefresh = ref(false)
   const offlineReady = ref(false)
 
-  const updateServiceWorker = (reloadPage?: boolean) => {}
+  const updateServiceWorker = (_reloadPage?: boolean) => {}
 
   return {
     updateServiceWorker,
diff --git a/src/modules.ts b/src/modules.ts
index bc4a2081..5c30f508 100644
--- a/src/modules.ts
+++ b/src/modules.ts
@@ -11,7 +11,6 @@ function loadWorkboxBuild() {
   // "workbox-build" is very large and it makes config loading slow.
   // Since it is not always used, load this when it is needed.
 
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
   return require('workbox-build')
 }
 
diff --git a/src/types.ts b/src/types.ts
index 4c3293c4..0ae80206 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,4 +1,3 @@
-/* eslint-disable no-use-before-define */
 import type { GenerateSWOptions, InjectManifestOptions, ManifestEntry } from 'workbox-build'
 import type { OutputBundle } from 'rollup'