cleanup: wip 5

Use admin-lte@next, @angular-package/spectre.css

package.json

@@ -73,7 +73,7 @@
     "@emotion/styled": "^11.0.0",
     "@fortawesome/fontawesome-free": "^6.3.0",
     "@tweenjs/tween.js": "^23.1.1",
-    "admin-lte": "^3.2.0",
+    "admin-lte": "next",
     "bootstrap": "^5.3.3",
     "clsx": "^2.1.0",
     "echarts": "^5.5.0",
@@ -92,7 +92,7 @@
     "rxjs": "^7.8.1",
     "skinview-utils": "^0.7.1",
     "skinview3d": "^3.0.0-alpha.1",
-    "spectre.css": "^0.5.8",
+    "spectre.css": "npm:@angular-package/spectre.css",
     "use-immer": "^0.9.0"
   },
   "devDependencies": {
@@ -118,6 +118,7 @@
     "js-yaml": "^4.1.0",
     "laravel-vite-plugin": "^1.0.2",
     "postcss": "^8.4.35",
+    "sass": "^1.71.1",
     "typescript": "^5.3.3",
     "vite": "^5.1.5",
     "vite-plugin-top-level-await": "^1.4.1",

resources/assets/src/app.css

@@ -1,6 +1,6 @@
 @import '@/styles/common.css';
-@import 'admin-lte/dist/css/alt/adminlte.components.css';
-@import 'admin-lte/dist/css/alt/adminlte.core.css';
-@import 'admin-lte/dist/css/alt/adminlte.pages.css';
-@import 'admin-lte/dist/css/alt/adminlte.light.css';
-@import '@fortawesome/fontawesome-free/css/all.css';
+@import 'admin-lte/src/scss/adminlte.scss';
+@import '@fortawesome/fontawesome-free/scss/fontawesome.scss';
+@import '@fortawesome/fontawesome-free/scss/regular.scss';
+@import '@fortawesome/fontawesome-free/scss/solid.scss';
+@import '@fortawesome/fontawesome-free/scss/brands.scss';

resources/assets/src/spectre.css

@@ -1,4 +1,4 @@
-@import 'spectre.css/dist/spectre.css';
+@import 'spectre.css/src/spectre.scss';
 @import '@/fonts/minecraft.css';
 
 body {

vite.config.ts

@@ -25,6 +25,8 @@ export default defineConfig({
 		alias: {
 			'@/': root.pathname,
 			readline: new URL('scripts/cli/readline.ts', root).pathname,
+			'~bootstrap': new URL('node_modules/admin-lte/node_modules/bootstrap', import.meta.url).pathname,
+			'spectre.css': new URL('node_modules/spectre.css', import.meta.url).pathname,
 		},
 	},
 	publicDir: false,