use builtin components, convert button, and pwa stuff

Author: xlc-dev

app.config.ts

@@ -1,5 +1,4 @@
 import { defineConfig } from "@solidjs/start/config";
-import { VitePWA } from "vite-plugin-pwa";
 import tailwindcss from "@tailwindcss/vite";
 // @ts-expect-error Errors for no reason cuz node doesn't find it?
 import eslint from "vite-plugin-eslint";
@@ -23,41 +22,6 @@ export default defineConfig({
         fix: false,
         cache: true,
       }),
-      VitePWA({
-        registerType: "autoUpdate",
-        injectRegister: "auto",
-        manifest: {
-          name: "Japanese IME App",
-          short_name: "IME App",
-          description: "A web-based Japanese Input Method Editor.",
-          theme_color: "#a59dff",
-          background_color: "#000408",
-          display: "standalone",
-          scope: "/",
-          start_url: "/",
-          icons: [
-            {
-              src: "/icons/icon-192x192.png",
-              sizes: "192x192",
-              type: "image/png",
-            },
-            {
-              src: "/icons/icon-512x512.png",
-              sizes: "512x512",
-              type: "image/png",
-            },
-            {
-              src: "/icons/maskable-icon-512x512.png",
-              sizes: "512x512",
-              type: "image/png",
-              purpose: "maskable",
-            },
-          ],
-        },
-        workbox: {
-          globPatterns: ["**/*.{js,css,html,ico,png,svg,woff2}"],
-        },
-      }),
     ],
   },
 });

package.json

@@ -43,7 +43,6 @@
     "typescript-eslint": "^8.34.1",
     "unplugin-icons": "^22.1.0",
     "vinxi": "^0.5.7",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-pwa": "^1.0.0"
+    "vite-plugin-eslint": "^1.8.1"
   }
 }