- Add index.html as the main entry point for the application. - Create package.json to manage dependencies and scripts for development. - Include favicon.svg for the application icon. - Configure PWA assets generation with pwa-assets.config.js. - Implement counter functionality in counter.js with notification on reaching 5. - Add JavaScript logo SVG for branding. - Set up main.js to render the application and handle user interactions. - Create notification.js to manage browser notifications. - Implement PWA registration and update handling in pwa.js. - Style the application with a new style.css file. - Configure Vite with PWA plugin in vite.config.js for service worker and manifest settings.
13 lines
239 B
JavaScript
13 lines
239 B
JavaScript
import {
|
|
defineConfig,
|
|
minimal2023Preset as preset,
|
|
} from '@vite-pwa/assets-generator/config'
|
|
|
|
export default defineConfig({
|
|
headLinkOptions: {
|
|
preset: '2023',
|
|
},
|
|
preset,
|
|
images: ['public/favicon.svg'],
|
|
})
|