@fastkit/vui 0.19.40 → 0.19.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.19.40",
+  "version": "0.19.42",
   "description": "A simple, extensible UI kit for Vue applications.",
   "keywords": [
     "fastkit",
@@ -45,30 +45,30 @@
   ],
   "dependencies": {
     "@fastkit/color-scheme": "^2.0.10",
-    "@fastkit/color-scheme-gen": "^0.14.13",
-    "@fastkit/helpers": "^0.14.5",
     "@fastkit/icon-font": "^2.0.7",
-    "@fastkit/dom": "^0.2.6",
-    "@fastkit/rules": "^0.14.7",
     "@fastkit/media-match": "^2.0.7",
+    "@fastkit/rules": "^0.14.7",
+    "@fastkit/tiny-logger": "^0.14.5",
     "@fastkit/stylebase": "^0.13.1",
+    "@fastkit/dom": "^0.2.6",
+    "@fastkit/color-scheme-gen": "^0.14.13",
     "@fastkit/media-match-gen": "^0.14.13",
-    "@fastkit/tiny-logger": "^0.14.5",
-    "@fastkit/vue-app-layout": "^0.15.10",
+    "@fastkit/helpers": "^0.14.5",
     "@fastkit/vue-action": "^0.3.16",
-    "@fastkit/vue-color-scheme": "^0.15.12",
-    "@fastkit/vue-loading": "^0.15.12",
-    "@fastkit/vue-form-control": "^0.20.21",
-    "@fastkit/vue-location": "^0.3.1",
+    "@fastkit/vue-body-scroll-lock": "^0.2.10",
     "@fastkit/vue-click-outside": "^0.2.9",
+    "@fastkit/vue-form-control": "^0.20.21",
+    "@fastkit/vue-app-layout": "^0.15.10",
     "@fastkit/vue-keyboard": "^0.2.5",
+    "@fastkit/vue-color-scheme": "^0.15.12",
+    "@fastkit/vue-loading": "^0.15.12",
     "@fastkit/vue-media-match": "^0.14.10",
-    "@fastkit/vue-body-scroll-lock": "^0.2.10",
+    "@fastkit/vue-scroller": "^0.15.9",
     "@fastkit/vue-resize": "^0.2.9",
     "@fastkit/vue-transitions": "^0.2.10",
-    "@fastkit/vue-scroller": "^0.15.9",
+    "@fastkit/vue-utils": "^0.15.9",
     "@fastkit/vue-stack": "^0.16.13",
-    "@fastkit/vue-utils": "^0.15.9"
+    "@fastkit/vue-location": "^0.3.3"
   },
   "peerDependencies": {
     "vue": "^3.4.0",

package/src/plugin.tsx

@@ -98,7 +98,7 @@ export class VuiPlugin {
     installResizeDirective(app);
 
     // Vui
-    const $vui = new VuiService(opts, app.config.globalProperties.$vstack);
+    const $vui = new VuiService(opts, app);
     app.provide(VuiInjectionKey, $vui);
     app.config.globalProperties.$vui = $vui;
 

package/src/service.tsx

@@ -1,4 +1,9 @@
-import { VNodeChild, reactive, UnwrapNestedRefs } from 'vue';
+import {
+  type VNodeChild,
+  reactive,
+  type UnwrapNestedRefs,
+  type App,
+} from 'vue';
 import { ScopeName, ColorVariant } from '@fastkit/color-scheme';
 import {
   type VueStackService,
@@ -231,7 +236,7 @@ export class VuiService {
     return getDocumentScroller();
   }
 
-  constructor(options: VuiServiceOptions, stackService: VueStackService) {
+  constructor(options: VuiServiceOptions, app: App) {
     this.options = options;
     this.configure();
 
@@ -246,12 +251,11 @@ export class VuiService {
     this.textareaRows = textareaRows;
     this.requiredChip = requiredChip;
     this.router = options.router;
-    this.location = new LocationService({
+    this.location = LocationService.install(app, {
       router: this.router,
     });
     this.useLink = options.useLink || useLink;
-
-    this.stack = stackService;
+    this.stack = app.config.globalProperties.$vstack;
     const { uiSettings } = options;
     this.stackActions = {
       ok: ({ bindings }) => (
@@ -271,8 +275,8 @@ export class VuiService {
       ),
     };
 
-    this.dialog = stackService.createLauncher(VDialog);
-    this.alert = stackService.createLauncher(VDialog, (props) => {
+    this.dialog = this.stack.createLauncher(VDialog);
+    this.alert = this.stack.createLauncher(VDialog, (props) => {
       const actions = [...(props?.actions || [])];
       if (!actions.length) {
         actions.push(this.stackAction('ok'));
@@ -285,7 +289,7 @@ export class VuiService {
       };
     });
 
-    this.confirm = stackService.createLauncher(VDialog, (props) => {
+    this.confirm = this.stack.createLauncher(VDialog, (props) => {
       const actions = [...(props?.actions || [])];
       if (!actions.length) {
         actions.push(this.stackAction('cancel'), this.stackAction('ok'));
@@ -297,9 +301,9 @@ export class VuiService {
         actions,
       };
     });
-    this.snackbar = stackService.createLauncher(VSnackbar);
-    this.menu = stackService.createLauncher(VMenu);
-    this.sheet = stackService.createLauncher(VSheetModal);
+    this.snackbar = this.stack.createLauncher(VSnackbar);
+    this.menu = this.stack.createLauncher(VMenu);
+    this.sheet = this.stack.createLauncher(VSheetModal);
   }
 
   configure(options?: Partial<VuiServiceOptions>) {