fix vite cjs warning

vite.config.mjs

@@ -0,0 +1,59 @@
+import { fileURLToPath, URL } from 'url';
+
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import { VitePWA } from 'vite-plugin-pwa';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    VitePWA({
+      registerType: 'autoUpdate',
+      workbox: {
+        globPatterns: [
+          '**/*.{css,html,png,svg,woff,woff2}',
+          'manifest.webmanifest',
+          '**/index*.js',
+          '**/shaka*.js',
+          '**/[A-Z]*.js',
+        ],
+      },
+      manifest: {
+        name: 'Hyperpipe',
+        short_name: 'Hyperpipe',
+        start_url: '/',
+        display: 'standalone',
+        background_color: '#000',
+        theme_color: '#000',
+        description: 'Privacy respecting YouTube Music Frontend.',
+        icons: [
+          {
+            src: '/android-chrome-192x192.png',
+            sizes: '192x192',
+            type: 'image/png',
+          },
+          {
+            src: '/android-chrome-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+          },
+          {
+            src: '/android-maskable.png',
+            sizes: '1024x1024',
+            type: 'image/png',
+            purpose: 'maskable',
+          },
+        ],
+      },
+    }),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+  build: {
+    sourceMap: true,
+  },
+});