fixed npm build.

SkewedAspect · May 15, 2024 · b5fca67 · b5fca67
1 parent ac3c8b0
commit b5fca67
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 15 deletions.
diff --git a/docs/revamp.md b/docs/revamp.md
@@ -2,8 +2,10 @@
 
 Back at it again.
 
-* [ ] Switch to Bootstrap v5 (and Bootstrap-Vue-Next)
-* [ ] Switch to New [Color-picker][]
+* [X] Switch to Bootstrap v5 (and Bootstrap-Vue-Next)
+* [X] Switch to Vue 3
+* [ ] Change FontAwesome imports to [tree-shakable][] version
+* ~~[ ] Switch to New [Color-picker][]~~ Old one works fine
 * [ ] Convert from decoders to better validation/data model
   * [ ] Evaluate options in 2024 ([ajv][], [ajv-ts][] [joi][], [zod][], etc)
 * [ ] Add local user registration, link with Google / Facebook / Twitter
@@ -28,3 +30,4 @@ Back at it again.
 [zod]: https://github.com/colinhacks/zod
 
 [color-picker]: https://github.com/cyhnkckali/vue3-color-picker
+[tree-shakable]: https://docs.fontawesome.com/apis/javascript/tree-shaking
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -49,6 +49,7 @@
     "@fortawesome/pro-solid-svg-icons": "^6.2.1",
     "@fortawesome/vue-fontawesome": "^3.0.2",
     "@morgul/vue-bootstrap-autocomplete": "^3.0.0-beta.0",
+    "@popperjs/core": "^2.11.8",
     "@types/express": "^4.17.6",
     "@types/jquery": "^3.5.14",
     "@types/lodash": "^4.14.157",

diff --git a/src/client/components.d.ts b/src/client/components.d.ts
@@ -9,16 +9,10 @@ declare module 'vue' {
   export interface GlobalComponents {
     BAlert: typeof import('bootstrap-vue-next')['BAlert']
     BBadge: typeof import('bootstrap-vue-next')['BBadge']
-    BBtn: typeof import('bootstrap-vue-next')['BBtn']
-    BBtnClose: typeof import('bootstrap-vue-next')['BBtnClose']
-    BBtnGroup: typeof import('bootstrap-vue-next')['BBtnGroup']
     BButton: typeof import('bootstrap-vue-next')['BButton']
-    BButtonClose: typeof import('bootstrap-vue-next')['BButtonClose']
     BButtonGroup: typeof import('bootstrap-vue-next')['BButtonGroup']
     BButtonToolbar: typeof import('bootstrap-vue-next')['BButtonToolbar']
     BCard: typeof import('bootstrap-vue-next')['BCard']
-    BCheckbox: typeof import('bootstrap-vue-next')['BCheckbox']
-    BCloseButton: typeof import('bootstrap-vue-next')['BCloseButton']
     BCol: typeof import('bootstrap-vue-next')['BCol']
     BCollapse: typeof import('bootstrap-vue-next')['BCollapse']
     BContainer: typeof import('bootstrap-vue-next')['BContainer']
@@ -27,17 +21,13 @@ declare module 'vue' {
     BDropdownForm: typeof import('bootstrap-vue-next')['BDropdownForm']
     BDropdownItem: typeof import('bootstrap-vue-next')['BDropdownItem']
     BFormCheckbox: typeof import('bootstrap-vue-next')['BFormCheckbox']
-    BFormCheckboxGroup: typeof import('bootstrap-vue-next')['BFormCheckboxGroup']
     BFormGroup: typeof import('bootstrap-vue-next')['BFormGroup']
-    BFormGroupGroup: typeof import('bootstrap-vue-next')['BFormGroupGroup']
     BFormInput: typeof import('bootstrap-vue-next')['BFormInput']
     BFormRadio: typeof import('bootstrap-vue-next')['BFormRadio']
     BFormRow: typeof import('bootstrap-vue-next')['BFormRow']
     BFormSelect: typeof import('bootstrap-vue-next')['BFormSelect']
     BFormSpinbutton: typeof import('bootstrap-vue-next')['BFormSpinbutton']
-    BFormSpinButton: typeof import('bootstrap-vue-next')['BFormSpinButton']
     BImg: typeof import('bootstrap-vue-next')['BImg']
-    BInput: typeof import('bootstrap-vue-next')['BInput']
     BInputGroup: typeof import('bootstrap-vue-next')['BInputGroup']
     BInputGroupAppend: typeof import('bootstrap-vue-next')['BInputGroupAppend']
     BInputGroupPrepend: typeof import('bootstrap-vue-next')['BInputGroupPrepend']
@@ -60,7 +50,6 @@ declare module 'vue' {
     BTableSimple: typeof import('bootstrap-vue-next')['BTableSimple']
     BTabs: typeof import('bootstrap-vue-next')['BTabs']
     BTbody: typeof import('bootstrap-vue-next')['BTbody']
-    BTBody: typeof import('bootstrap-vue-next')['BTBody']
     BTd: typeof import('bootstrap-vue-next')['BTd']
     BTh: typeof import('bootstrap-vue-next')['BTh']
     BThead: typeof import('bootstrap-vue-next')['BThead']

diff --git a/vite.config.ts b/vite.config.ts
@@ -89,8 +89,7 @@ export default defineConfig({
         rollupOptions: {
             output: {
                 manualChunks: {
-                    bootstrap: [ 'popper.js', 'jquery', 'bootstrap' ],
-                    bootstrapVue: [ 'bootstrap-vue' ]
+                    bootstrapVueNext: [ 'bootstrap-vue-next' ]
                 }
             }
         }