How to use Workbox custom cache in nuxt3?

[bbhxwl]

The following code doesn't seem to work.

nuxt.config.ts

    pwa:{
        workbox:{
            enabled:true,
            runtimeCaching:[
                {
                    urlPattern: '.*',
                    handler: 'CacheFirst',
                    options:{
                        cacheName:"api-cache",
                        expiration: {
                            maxEntries: 10,
                            maxAgeSeconds: 60
                        },
                        cacheableResponse: {
                            statuses: [0, 200]
                        }
                    }
                }
            ]
        }
    },