replaced bootstrap with spectre

client/package.json

@@ -30,11 +30,9 @@
     "@vitejs/plugin-vue": "^5.1.4",
     "@vue/eslint-config-typescript": "^14.1.3",
     "@vue/tsconfig": "^0.5.1",
-    "bootstrap": "^4.6.0",
     "ejs": "^3.1.9",
     "eslint": "^9.14.0",
     "eslint-plugin-vue": "^9.30.0",
-    "fast-glob": "^3.3.0",
     "jodit": "^4.0.0-beta.61",
     "jquery": "^3.5.0",
     "jquery-ui-bundle": "^1.12.1",
@@ -45,6 +43,7 @@
     "pinia": "^2.1.4",
     "sass": "1.77.8",
     "sass-embedded": "^1.77.8",
+    "spectre.css": "^0.5.9",
     "typescript": "~5.6.3",
     "unplugin-fonts": "^1.1.1",
     "unplugin-vue-components": "^0.27.2",

client/src/components/shared/editor.vue

@@ -74,7 +74,7 @@ export default defineComponent({
         this.jsonEditor.destroy();
       }
       this.jsonEditor = new JSONEditor(element, {
-        theme: 'bootstrap4',
+        theme: 'spectre',
         iconlib: 'fontawesome5',
         keep_oneof_values: false,
         required_by_default: false,
@@ -103,8 +103,7 @@ export default defineComponent({
 }
 
 #nb-item-editor {
-  @import (less) 'bootstrap/dist/css/bootstrap.css';
-  inject-css: 'node_modules/@json-editor/json-editor/src/**/*.css';
+  @import (less) 'spectre.css/dist/spectre.css';
   select {
     -webkit-appearance: menulist-button;
   }

client/vite.config.js

@@ -8,8 +8,6 @@ import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
 import { NestFactory } from '@nestjs/core';
 import inject from '@rollup/plugin-inject';
 import ejs from 'ejs';
-import { globSync } from 'fast-glob';
-import fs from 'fs';
 import { fileURLToPath, URL } from 'node:url';
 import VueRouter from 'unplugin-vue-router/vite';
 import { defineConfig } from 'vite';
@@ -28,23 +26,6 @@ export default async ({ mode }) => {
       vue({
         template: { transformAssetUrls },
       }),
-      // glob inject css
-      {
-        load(id) {
-          if (id.endsWith('.vue')) {
-            const source = fs
-              .readFileSync(id)
-              .toString()
-              .replace(/inject-css:\s*'([^']+)';/g, (replace) => {
-                const pattern = replace.match(/'([^']+)/)[1];
-                return globSync(pattern, { absolute: true })
-                  .map((file) => fs.readFileSync(file))
-                  .join('\n');
-              });
-            return source;
-          }
-        },
-      },
       // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
       vuetify({
         autoImport: true,