Offline Access (PWA)

To add offline access, you can use vite-plugin-pwa.

Installation

npm install vite-plugin-pwa -D

Configuration

Add the plugin to your methanol.config.js:

import { VitePWA } from 'vite-plugin-pwa'

export default () => ({
	vite: {
		plugins: [
			VitePWA({
				injectRegister: 'auto',
				registerType: 'autoUpdate',
				workbox: {
					globPatterns: ['**/*.{js,css,html,ico,png,svg}'],
					navigateFallback: '/404.html',
					ignoreURLParametersMatching: [/./]
				}
			})
		]
	}
})

This configuration caches standard web assets and falls back to the 404 page for unknown routes.