vue.js - vue js を使用したワークボックス

Question

vue コンポーネントでフォールバック ページを使用したいのですが、応答がありません。したがって、応答がない場合は現在htmlページを返しています。しかし、Vue コンポーネントを返す必要があります。私は networkFirst 戦略を使用しています。

const offlineUrl = 'static/offline.html';

let networkFirstHandler = workbox.strategies.networkFirst({
  cacheName: 'default',
  plugins: [
    new workbox.expiration.Plugin({
      maxEntries: 50
    }),
    new workbox.cacheableResponse.Plugin({
      statuses: [200]
    })
  ]
});

const matcher = ({event}) => event.request.mode === 'navigate';

const handler = (args) => networkFirstHandler.handle(args).then((response) => (!response) ? caches.match(offlineUrl) : response);

しかし、ここ OfflineUrl では、Vue コンポーネントを返したいと考えています。