@vite-pwa/nuxt 1.1.0 → 2.0.1

package/dist/chunks/prepare-pwa-icons.mjs

@@ -0,0 +1,161 @@
+import { addTemplate, addComponent } from '@nuxt/kit';
+import { normalizePath } from '@vite-pwa/workbox-build/utils/resolve-sw-names';
+import { g as generatePwaImageType, p as pwaIcons } from './prepare-module.mjs';
+import 'node:fs';
+import '@unplugin-pwa/core/config';
+import '@unplugin-pwa/core/helpers';
+import '@vite-pwa/nuxt-core';
+import 'node:path';
+import '@unplugin-pwa/core/generate-web-manifest';
+import '@unplugin-pwa/core/constants';
+import 'defu';
+import 'node:fs/promises';
+import '@unplugin-pwa/core/dev/prepare-sw-names-and-glob-directory';
+import 'node:process';
+import 'node:crypto';
+import 'verkit';
+import 'node:module';
+
+async function preparePWAIcons(nuxt, ctx) {
+  const pwaAssetsContext = await ctx.pwaAssetsGenerator;
+  if (!pwaAssetsContext) {
+    return void 0;
+  }
+  const assetsInstructions = pwaAssetsContext.instructions();
+  const transparentNames = Object.values(assetsInstructions.transparent).map(({ name }) => name);
+  const maskableNames = Object.values(assetsInstructions.maskable).map(({ name }) => name);
+  const faviconNames = Object.values(assetsInstructions.favicon).map(({ name }) => name);
+  const appleNames = Object.values(assetsInstructions.apple).map(({ name }) => name);
+  const appleSplashScreenNames = Object.values(assetsInstructions.appleSplashScreen).map(({ name }) => name);
+  const dts = {
+    dts: pwaIcons({
+      transparent: transparentNames,
+      maskable: maskableNames,
+      favicon: faviconNames,
+      apple: appleNames,
+      appleSplashScreen: appleSplashScreenNames
+    }),
+    transparent: generatePwaImageType("PwaTransparentImageProps", transparentNames),
+    maskable: generatePwaImageType("PwaMaskableImageProps", maskableNames),
+    favicon: generatePwaImageType("PwaFaviconImageProps", faviconNames),
+    apple: generatePwaImageType("PwaAppleImageProps", appleNames),
+    appleSplashScreen: generatePwaImageType("PwaAppleSplashScreenImageProps", appleSplashScreenNames)
+  };
+  const components = [];
+  const names = [];
+  const mapTypes = {
+    apple: {
+      union: appleNames.length > 0 ? appleNames.map((name) => `'${name}'`).join(" | ") : "string",
+      validator: appleNames.length > 0 ? `(value) => [${appleNames.map((name) => `'${name}'`).join(", ")}].includes(value)` : "(value) => true"
+    },
+    appleSplashScreen: {
+      union: appleSplashScreenNames.length > 0 ? appleSplashScreenNames.map((name) => `'${name}'`).join(" | ") : "string",
+      validator: appleSplashScreenNames.length > 0 ? `(value) => [${appleSplashScreenNames.map((name) => `'${name}'`).join(", ")}].includes(value)` : "(value) => true"
+    },
+    favicon: {
+      union: faviconNames.length > 0 ? faviconNames.map((name) => `'${name}'`).join(" | ") : "string",
+      validator: faviconNames.length > 0 ? `(value) => [${faviconNames.map((name) => `'${name}'`).join(", ")}].includes(value)` : "(value) => true"
+    },
+    maskable: {
+      union: maskableNames.length > 0 ? maskableNames.map((name) => `'${name}'`).join(" | ") : "string",
+      validator: maskableNames.length > 0 ? `(value) => [${maskableNames.map((name) => `'${name}'`).join(", ")}].includes(value)` : "(value) => true"
+    },
+    transparent: {
+      union: transparentNames.length > 0 ? transparentNames.map((name) => `'${name}'`).join(" | ") : "string",
+      validator: transparentNames.length > 0 ? `(value) => [${transparentNames.map((name) => `'${name}'`).join(", ")}].includes(value)` : "(value) => true"
+    }
+  };
+  for (const [name, composable, map] of [
+    ["PwaAppleImage", "useApplePwaIcon", "apple"],
+    ["PwaAppleSplashScreenImage", "useAppleSplashScreenPwaIcon", "appleSplashScreen"],
+    ["PwaFaviconImage", "useFaviconPwaIcon", "favicon"],
+    ["PwaMaskableImage", "useMaskablePwaIcon", "maskable"],
+    ["PwaTransparentImage", "useTransparentPwaIcon", "transparent"]
+  ]) {
+    names.push(name);
+    components.push(addTemplate({
+      write: true,
+      filename: `pwa-icons/${name}.js`,
+      getContents: () => `// Generated by @vite-pwa/nuxt
+import { defineComponent, h } from 'vue'
+import { ${composable} } from '#pwa'
+
+const ${name} = /* #__PURE__ */ defineComponent({
+  name: '${name}',
+  inheritAttrs: false,
+  props: {
+    image: {
+      required: true,
+      type: String,
+      validator: ${mapTypes[map].validator}
+    },
+    width: {
+      type: [Number, String],
+      required: false
+    },
+    height: {
+      type: [Number, String],
+      required: false
+    }
+  },
+  setup(props, { attrs = {} }) {
+    const { icon } = ${composable}(props)
+    return () => {
+      const data = icon.value
+      if (!data) {
+        return
+      }
+
+      return h('img', Object.assign({}, attrs, data))
+    }
+  }
+})
+
+export default ${name}
+`
+    }).filename);
+    components.push(addTemplate({
+      write: true,
+      filename: `pwa-icons/${name}.d.ts`,
+      getContents: () => `// Generated by @vite-pwa/nuxt
+import type { AllowedComponentProps, ComponentCustomProps, ImgHTMLAttributes, VNodeProps } from 'vue'
+
+export interface ${name}Props extends Omit<ImgHTMLAttributes, 'src'> {
+  /**
+   * Name of the PWA icon to render.
+   * @type {${mapTypes[map].union}}
+   */
+  image: ${mapTypes[map].union}
+}
+
+declare const _default: {
+  new (): {
+    $props: AllowedComponentProps & ComponentCustomProps & VNodeProps & ${name}Props;
+  };
+};
+
+export default _default
+`
+    }).filename);
+  }
+  nuxt.options.alias["#pwa-components"] = addTemplate({
+    write: true,
+    filename: "pwa-icons/components.ts",
+    getContents: () => names.map((name) => `export { default as ${name} } from './${name}.js'`).join("\n")
+  }).dst;
+  nuxt.options.build.transpile.push("#pwa-components");
+  for (const name of names) {
+    addComponent({
+      name,
+      filePath: `#build/pwa-icons/${name}`
+    });
+  }
+  if (nuxt.options.dev) {
+    for (const source of pwaAssetsContext.sources()) {
+      nuxt.options.watch.push(normalizePath(source));
+    }
+  }
+  return dts;
+}
+
+export { preparePWAIcons };

package/dist/module.d.mts

@@ -1,110 +1,63 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { HookResult } from '@nuxt/schema';
-import { VitePWAOptions, ResolvedVitePWAOptions } from 'vite-plugin-pwa';
+import { ResolvedVitePWAOptions, VitePWAStrategy } from '@unplugin-pwa/core';
+import { TrustedScriptURL, PWATrustedScriptURL } from '@unplugin-pwa/core/types';
+import { PwaOptions } from '@vite-pwa/nuxt-core/types';
+import { Strategy } from '@vite-pwa/workbox-build/config/types';
+import { SWType } from '@vite-pwa/workbox-build/types';
+export { definePwaConfig } from '@vite-pwa/nuxt-core/config';
 
-interface ClientOptions {
-    /**
-     * Exposes the plugin: defaults to true.
-     */
-    registerPlugin?: boolean;
-    /**
-     * Registers a periodic sync for updates interval: value in seconds.
-     */
-    periodicSyncForUpdates?: number;
-    /**
-     * Will prevent showing native PWA install prompt: defaults to false.
-     *
-     * When set to true or no empty string, the native PWA install prompt will be prevented.
-     *
-     * When set to a string, it will be used as the key in `localStorage` to prevent show the PWA install prompt widget.
-     *
-     * When set to true, the key used will be `vite-pwa:hide-install`.
-     */
-    installPrompt?: boolean | string;
-}
-interface PwaModuleOptions extends Partial<VitePWAOptions> {
-    /**
-     * Experimental features.
-     */
-    experimental?: {
-        /**
-         * NOTE: this option will be ignored if using the `injectManifest` strategy or when Nuxt experimental payload
-         * extraction is disabled.
-         *
-         * Enable custom runtime caching to resolve the payload.json requests with query parameters when offline:
-         * - Workbox doesn't allow to configure `precacheAndRoute` `urlManipulation` option when using the `generateSW` strategy.
-         * - Nuxt SSG will generate a payload.json file and will fetch it with a query parameter.
-         * - The service worker cannot resolve the payload.json request with query parameters, and you won't get the payload when offline.
-         *
-         * Enabling this option will add a custom runtime caching handler to the service worker to resolve the payload files
-         * with query parameters when offline: the runtime caching handler will redirect to the payload.json file without
-         * query parameters when the original request fails.
-         *
-         * If you're using `injectManifest` strategy, you can fix the issue in your custom service worker adding the
-         * following `urlManipulation` callback to the `precacheAndRouter` call:
-         * ```ts
-         * // self.__WB_MANIFEST is the default injection point
-         * precacheAndRoute(
-         *   self.__WB_MANIFEST,
-         *   {
-         *     urlManipulation: ({ url }) => {
-         *       const urls: URL[] = []
-         *       if (url.pathname.endsWith('_payload.json')) {
-         *         const newUrl = new URL(url.href)
-         *         newUrl.search = ''
-         *         urls.push(newUrl)
-         *       }
-         *       return urls
-         *     }
-         *   }
-         * )
-         * ```
-         */
-        enableWorkboxPayloadQueryParams?: true;
-    };
-    registerWebManifestInRouteRules?: boolean;
-    /**
-     * Writes the plugin to disk: defaults to false (debug).
-     */
-    writePlugin?: boolean;
-    /**
-     * Options for plugin.
-     */
-    client?: ClientOptions;
-}
+type ModuleOptions = PwaOptions<VitePWAStrategy, SWType>;
+/**
+ * @deprecated Use `ModuleOptions` instead.
+ */
+type PwaModuleOptions = ModuleOptions;
 interface PwaModuleHooks {
-    'pwa:beforeBuildServiceWorker': (options: ResolvedVitePWAOptions) => HookResult;
+    'pwa:beforeBuildServiceWorker': BeforeBuildServiceWorkerHook;
 }
-
-interface ModuleOptions extends PwaModuleOptions {
+type ModuleHooks = PwaModuleHooks;
+type BeforeBuildServiceWorkerHook<S extends Strategy = 'generate-sw', T extends SWType = 'classic'> = (options: ResolvedVitePWAOptions<S, T>) => HookResult;
+interface ServiceWorkerRuntimeHooksOptions {
+    url: string;
+    registration?: ServiceWorkerRegistration;
 }
-interface ModuleHooks extends PwaModuleHooks {
+interface ServiceWorkerRegistrationErrorOptions {
+    error?: unknown;
 }
-interface ModuleRuntimeHooks {
+interface ServiceWorkerPeriodicSyncUpdateError {
+    url: string;
+    error?: unknown;
+    registration: ServiceWorkerRegistration;
+}
+interface PWAModuleRuntimeHooks {
+    /**
+     * Emitted before service worker registration to allow use `TrustedScriptURL`
+     * @param withTrustedScriptUrl The callback to change the configuration.
+     */
+    'service-worker:before-register': (withTrustedScriptUrl: (trustedScriptUrl?: TrustedScriptURL | PWATrustedScriptURL) => void) => HookResult;
     /**
      * Emitted when the service worker is registered
      * @param data The url and the optional service worker registration object
      */
-    'service-worker:registered': (data: {
-        url: string;
-        registration?: ServiceWorkerRegistration;
-    }) => HookResult;
+    'service-worker:registered': (data: ServiceWorkerRuntimeHooksOptions) => HookResult;
     /**
      * Emitted when the service worker registration fails
      * @param data The optional error object
      */
-    'service-worker:registration-failed': (data: {
-        error?: unknown;
-    }) => HookResult;
+    'service-worker:registration-failed': (data: ServiceWorkerRegistrationErrorOptions) => HookResult;
     /**
      * Emitted when the service worker is activated
      * @param data The url and the service worker registration object
      */
-    'service-worker:activated': (data: {
-        url: string;
-        registration: ServiceWorkerRegistration;
-    }) => HookResult;
+    'service-worker:activated': (data: ServiceWorkerRuntimeHooksOptions) => HookResult;
+    /**
+     * Emitted when the service worker fails to update.
+     * @param data The url, the error and the service worker registration object.
+     */
+    'service-worker:periodic-sync-update-failed': (data: ServiceWorkerPeriodicSyncUpdateError) => HookResult;
 }
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+type ModuleRuntimeHooks = PWAModuleRuntimeHooks;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ClientOptions, type ModuleHooks, type ModuleOptions, type ModuleRuntimeHooks, type PwaModuleHooks, type PwaModuleOptions, _default as default };
+export { _default as default };
+export type { BeforeBuildServiceWorkerHook, ModuleHooks, ModuleOptions, ModuleRuntimeHooks, PWAModuleRuntimeHooks, PwaModuleHooks, PwaModuleOptions, ServiceWorkerPeriodicSyncUpdateError, ServiceWorkerRegistrationErrorOptions, ServiceWorkerRuntimeHooksOptions };

package/dist/module.json

@@ -1,12 +1,12 @@
 {
-  "name": "pwa",
+  "name": "@vite-pwa/nuxt",
   "configKey": "pwa",
   "compatibility": {
-    "nuxt": ">=3.6.5"
+    "nuxt": ">=3.9.0"
   },
-  "version": "1.1.0",
+  "version": "2.0.1",
   "builder": {
-    "@nuxt/module-builder": "0.8.3",
-    "unbuild": "2.0.0"
+    "@nuxt/module-builder": "1.0.3",
+    "unbuild": "3.6.1"
   }
 }

package/dist/module.mjs

@@ -1,8 +1,40 @@
-import '@nuxt/kit';
-export { m as default } from './shared/nuxt.00c26fe8.mjs';
-import 'node:fs/promises';
-import 'node:path';
-import 'vite-plugin-pwa';
-import 'node:crypto';
-import 'node:fs';
-import 'pathe';
+import { defineNuxtModule, createResolver } from '@nuxt/kit';
+export { definePwaConfig } from '@vite-pwa/nuxt-core/config';
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "@vite-pwa/nuxt",
+    configKey: "pwa",
+    compatibility: {
+      nuxt: ">=3.9.0"
+    }
+  },
+  defaults: (nuxt) => ({
+    base: nuxt.options.app.baseURL,
+    scope: nuxt.options.app.baseURL,
+    injectRegister: false,
+    includeManifestIcons: false,
+    writePlugin: false,
+    client: {
+      registerPlugin: true,
+      installPrompt: false,
+      periodicSyncForUpdates: 0
+    }
+  }),
+  async setup(options, nuxt) {
+    const [{ createNuxtPwaContext }, { prepareModule }] = await Promise.all([
+      import('./chunks/create-nuxt-pwa-context.mjs'),
+      import('./chunks/prepare-module.mjs').then(function (n) { return n.a; })
+    ]);
+    const ctx = await createNuxtPwaContext(
+      options,
+      nuxt,
+      createResolver(import.meta.url)
+    );
+    if (ctx) {
+      await prepareModule(ctx, nuxt);
+    }
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/components/NuxtPwaAssets.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("#imports").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/NuxtPwaAssets.js

@@ -1,15 +1,19 @@
-import { useHead } from "#imports";
 import { pwaAssetsHead } from "virtual:pwa-assets/head";
 import { pwaInfo } from "virtual:pwa-info";
 import { defineComponent, ref } from "vue";
+import { useHead } from "#imports";
 export default defineComponent({
   setup() {
     const meta = ref({ link: [] });
     useHead(meta);
-    if (pwaAssetsHead.themeColor)
-      meta.value.meta = [{ name: "theme-color", content: pwaAssetsHead.themeColor.content }];
-    if (pwaAssetsHead.links.length)
+    if (pwaAssetsHead.themeColor) {
+      meta.value.meta = [
+        { name: "theme-color", content: pwaAssetsHead.themeColor.content }
+      ];
+    }
+    if (pwaAssetsHead.links.length) {
       meta.value.link.push(...pwaAssetsHead.links);
+    }
     if (pwaInfo) {
       const { webManifest } = pwaInfo;
       if (webManifest) {

package/dist/runtime/components/{VitePwaManifest.d.ts → NuxtPwaManifest.d.ts}

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("#imports").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/{VitePwaManifest.js → NuxtPwaManifest.js}

@@ -1,8 +1,8 @@
-import { useHead } from "#imports";
 import { pwaInfo } from "virtual:pwa-info";
 import { defineComponent, ref } from "vue";
+import { useHead } from "#imports";
 export default defineComponent({
-  async setup() {
+  setup() {
     if (pwaInfo) {
       const meta = ref({ link: [] });
       useHead(meta);

package/dist/runtime/{composables/index.d.ts → composables.d.ts}

@@ -1,33 +1,17 @@
-import type { PwaAppleImageProps } from '#build/pwa-icons/PwaAppleImage';
-import type { PwaAppleSplashScreenImageProps } from '#build/pwa-icons/PwaAppleSplashScreenImage';
-import type { PwaFaviconImageProps } from '#build/pwa-icons/PwaFaviconImage';
-import type { PwaMaskableImageProps } from '#build/pwa-icons/PwaMaskableImage';
-import type { PwaTransparentImageProps } from '#build/pwa-icons/PwaTransparentImage';
-import type { MaybeRef, UnwrapNestedRefs } from 'vue';
-import type { PwaInjection } from '../plugins/types.js';
-export interface PWAImage {
+import type { ImgHTMLAttributes, MaybeRef, UnwrapNestedRefs } from 'vue';
+import type { PwaAppleImageProps } from '#build/pwa-icons/PwaAppleImageProps';
+import type { PwaAppleSplashScreenImageProps } from '#build/pwa-icons/PwaAppleSplashScreenImageProps';
+import type { PwaFaviconImageProps } from '#build/pwa-icons/PwaFaviconImageProps';
+import type { PwaMaskableImageProps } from '#build/pwa-icons/PwaMaskableImageProps';
+import type { PwaTransparentImageProps } from '#build/pwa-icons/PwaTransparentImageProps';
+import type { PwaInjection } from './plugins/types.js';
+export type PWAVueImageType = Omit<ImgHTMLAttributes, 'src'>;
+export type PWAImage = PWAVueImageType & {
     image: string;
-    alt?: string;
-    width?: number;
-    height?: number;
-    crossorigin?: '' | 'anonymous' | 'use-credentials';
-    loading?: 'lazy' | 'eager';
-    decoding?: 'async' | 'auto' | 'sync';
-    nonce?: string;
-    [key: string]: any;
-}
-export interface PWAIcon {
-    src: string;
+};
+export type PWAIcon = ImgHTMLAttributes & {
     key: any;
-    alt?: string;
-    width?: number;
-    height?: number;
-    crossorigin?: '' | 'anonymous' | 'use-credentials';
-    loading?: 'lazy' | 'eager';
-    decoding?: 'async' | 'auto' | 'sync';
-    nonce?: string;
-    [key: string]: any;
-}
+};
 export type PWAImageType<T> = T extends 'transparent' ? PwaTransparentImageProps['image'] | (Omit<PWAImage, 'image'> & {
     image: PwaTransparentImageProps['image'];
 }) : T extends 'maskable' ? PwaMaskableImageProps['image'] | Omit<PWAImage, 'image'> & {

package/dist/runtime/{composables/index.js → composables.js}

@@ -1,5 +1,5 @@
-import { useNuxtApp } from "#imports";
 import { computed, toValue } from "vue";
+import { useNuxtApp } from "#imports";
 export function useTransparentPwaIcon(image) {
   return usePWAIcon("transparent", image);
 }
@@ -35,24 +35,14 @@ function usePWAIcon(type, pwaImage) {
       };
     }
     const {
-      alt,
       width,
       height,
-      crossorigin,
-      loading,
-      decoding,
-      nonce,
       image: _image,
       ...rest
     } = pwaIcon;
     return {
-      alt,
       width: width ?? image.width,
       height: height ?? image.height,
-      crossorigin,
-      loading,
-      decoding,
-      nonce,
       ...rest,
       key: image.key,
       src: image.src

package/dist/runtime/plugins/pwa-install.client.d.ts

@@ -0,0 +1,6 @@
+import type { Plugin } from '#app';
+import type { PwaInstallPromptInjection } from './types.js';
+declare const plugin: Plugin<{
+    pwaInstallPrompt: PwaInstallPromptInjection;
+}>;
+export default plugin;

package/dist/runtime/plugins/pwa-install.client.js

@@ -0,0 +1,70 @@
+import {
+  display,
+  installPrompt
+} from "virtual:nuxt-pwa-configuration";
+import { defineNuxtPlugin, nextTick, ref } from "#imports";
+const plugin = defineNuxtPlugin({
+  name: "vite-pwa:nuxt:client:install-prompt-plugin",
+  enforce: "pre",
+  setup() {
+    const showInstallPrompt = ref(false);
+    const hideInstall = ref(
+      !installPrompt ? true : localStorage.getItem(installPrompt) === "true"
+    );
+    const ua = navigator.userAgent;
+    const ios = ua.match(/iPhone|iPad|iPod/);
+    const useDisplay = display === "standalone" || display === "minimal-ui" ? `${display}` : "standalone";
+    const standalone = window.matchMedia(`(display-mode: ${useDisplay})`).matches;
+    const isInstalled = ref(!!(standalone || ios && !ua.match(/Safari/)));
+    const isPWAInstalled = ref(isInstalled.value);
+    window.matchMedia(`(display-mode: ${useDisplay})`).addEventListener("change", (e) => {
+      if (!isPWAInstalled.value && e.matches) {
+        isPWAInstalled.value = true;
+      }
+    });
+    let install = () => Promise.resolve(void 0);
+    let cancelInstall = () => {
+    };
+    if (!hideInstall.value) {
+      let deferredPrompt;
+      const beforeInstallPrompt = (e) => {
+        e.preventDefault();
+        deferredPrompt = e;
+        showInstallPrompt.value = true;
+      };
+      window.addEventListener("beforeinstallprompt", beforeInstallPrompt);
+      window.addEventListener("appinstalled", () => {
+        deferredPrompt = void 0;
+        showInstallPrompt.value = false;
+      });
+      cancelInstall = () => {
+        deferredPrompt = void 0;
+        showInstallPrompt.value = false;
+        window.removeEventListener("beforeinstallprompt", beforeInstallPrompt);
+        hideInstall.value = true;
+        localStorage.setItem(installPrompt, "true");
+      };
+      install = async () => {
+        if (!showInstallPrompt.value || !deferredPrompt) {
+          showInstallPrompt.value = false;
+          return void 0;
+        }
+        showInstallPrompt.value = false;
+        await nextTick();
+        deferredPrompt.prompt();
+        return await deferredPrompt.userChoice;
+      };
+    }
+    return {
+      provide: {
+        pwaInstallPrompt: {
+          isPWAInstalled,
+          showInstallPrompt,
+          cancelInstall,
+          install
+        }
+      }
+    };
+  }
+});
+export default plugin;

package/dist/runtime/plugins/pwa.client.d.ts

@@ -1,5 +1,5 @@
-import type { Plugin } from '#app';
 import type { UnwrapNestedRefs } from 'vue';
+import type { Plugin } from '#app';
 import type { PwaInjection } from './types.js';
 declare const plugin: Plugin<{
     pwa?: UnwrapNestedRefs<PwaInjection>;