Merge pull request #70 from PenguLoader/feat/twind

feat(twind): replace tailwind with twind + web component

plugins/index.html

@@ -9,7 +9,7 @@
     background-position: center;
     background-repeat: no-repeat;
     background-image: url(https://4.bp.blogspot.com/-eHzk7yHQQvo/Vt3fN2vNtUI/AAAAAAAAL60/s6i1VmnsZfo/s1600/1-Game-Lobby-PBE.jpg);">
-  <div id="pengu"></div>
+  <div id="pengu-root"></div>
   <script type="module" src="/src/views/index.tsx"></script>
 </body>
 </html>

plugins/package.json

@@ -10,18 +10,17 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@twind/core": "^1.1.3",
+    "@twind/preset-autoprefix": "^1.0.7",
+    "@twind/preset-tailwind": "^1.1.4",
+    "@twind/with-web-components": "^1.1.3",
     "solid-js": "^1.7.8",
     "solid-toast": "^0.5.0"
   },
   "devDependencies": {
     "@types/node": "^18.16.19",
-    "autoprefixer": "^10.4.14",
-    "cssnano": "^6.0.1",
     "esbuild": "^0.18.12",
-    "postcss": "^8.4.26",
-    "sucrase": "^3.32.0",
-    "tailwindcss": "^3.3.3",
-    "typescript": "^5.0.2",
+    "typescript": "^4.9.4",
     "vite": "^4.4.4",
     "vite-plugin-css-injected-by-js": "^3.2.0",
     "vite-plugin-mkcert": "^1.16.0",