---
URL: "/guide/pwa/examples"
LLMS_URL: "/guide/pwa/examples.md"
---
# `@svaio/pwa` - Examples
## Simple Usage
### ./vite.config.js
```js
import pwa from '@svaio/pwa'
import { setDefaultConfig } from '@svaio/pwa/utils'
import { sveltekit } from '@sveltejs/kit/vite'
import { defineConfig } from 'vite'
export default defineConfig( { plugins : [
pwa( setDefaultConfig( {
name : 'my-svelte-app',
description : 'My Svelte App Description',
} ) ),
sveltekit(),
] } )
```
### ./src/routes/+layout.svelte
```svelte
```
## Advanced Usage
### ./vite.config.js
```js
import pwa from '@svaio/pwa'
import { setDefaultConfig } from '@svaio/pwa/utils'
import { sveltekit } from '@sveltejs/kit/vite'
import { defineConfig } from 'vite'
export default defineConfig( { plugins : [
pwa( setDefaultConfig( {
name : 'my-svelte-app',
description : 'My Svelte App Description',
} ) ),
sveltekit(),
] } )
```
### ./src/routes/+layout.svelte
```svelte
{@html pwaInfo ? pwaInfo.webManifest.linkTag : ''}
{#if pwaAssetsHead.themeColor}
{/if}
{#each pwaAssetsHead.links as link}
{/each}
```
### ./src/app.d.ts
Set types fot vitrual files
```ts
///
declare global {
namespace App {
// ...
}
}
```