hubert17 / gabsvuetifynoclinodewebpack Goto Github PK

// src/router.js
...
...
  /*
  comment out these callback if you want to use `prompt`
  router.onReady(async() => {
    const { registerSW } = await import("virtual:pwa-register")
    registerSW({ immediate: true })
  })
  */
...
...

// src/router.js
const router = new VueRouter({
  base: '/GabsVuetifyNoCLINodeWebpack/',
  mode: 'history', // real path
  routes, // short for `routes: routes`
});

// vite.config.js
...
  base: '/GabsVuetifyNoCLINodeWebpack/',
  plugins: [
    createVuePlugin(),
    VitePWA({
      // for prompt comment the option or just remove this option, since it is the default behavior */
      base: '/GabsVuetifyNoCLINodeWebpack/',
      registerType: 'prompt',
      includeAssets: ['favicon.svg'],
      manifest: {
        name: 'PWA Vue2',
        short_name: 'PWA Vue2',
        description: 'Vite PWA + Vue2 + Vite',
        theme_color: '#ffffff',
        start_url: '/GabsVuetifyNoCLINodeWebpack/',
        icons: [
...

      workbox: {
        runtimeCaching: [
          {
            urlPattern: /^https:\/\/cdn\.vuetifyjs\.com\/.*/i,
            handler: 'CacheFirst',
            options: {
              cacheName: 'vuetifyjs-cache',
              expiration: {
                maxEntries: 10,
                maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
              },
              cacheableResponse: {
                statuses: [0, 200],
              },
            },
          },
          {
            urlPattern: /^https:\/\/cdn\.jsdelivr\.net\/.*/i,
            handler: 'CacheFirst',
            options: {
              cacheName: 'jsdelivr-cache',
              expiration: {
                maxEntries: 10, 
                maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
              },
              cacheableResponse: {
                statuses: [0, 200],
              },
            },
          },
          {
            urlPattern: /^https:\/\/fonts\.googleapis\.com\/.*/i,
            handler: 'CacheFirst',
            options: {
              cacheName: 'google-fonts-cache',
              expiration: {
                maxEntries: 10, 
                maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
              },
              cacheableResponse: {
                statuses: [0, 200],
              },
            },
          },
          {
            urlPattern: /^https:\/\/fonts\.gstatic\.com\/.*/i,
            handler: 'CacheFirst',
            options: {
              cacheName: 'gstatic-fonts-cache',
              expiration: {
                maxEntries: 10, 
                maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
              },
              cacheableResponse: {
                statuses: [0, 200],
              },
            },
          },
        ],