[IMP] Now you can access Vuert instance from globally across the app.

.github/workflows/docs-deploy.yml

@@ -23,8 +23,8 @@ jobs:
         run: yarn ci
       - name: Coding standard check
         run: yarn lint:prod
-      # - name: Types integrity check
-      #   run: yarn check:types
+      - name: Types integrity check
+        run: yarn check:types
       - name: Source code build
         run: yarn build:docs
       - name: Artifact upload

.github/workflows/template-build-core.yml

@@ -18,8 +18,8 @@ jobs:
         run: yarn ci
       - name: Coding standard check
         run: yarn lint:prod
-      # - name: Types integrity check
-      #   run: yarn check:types
+      - name: Types integrity check
+        run: yarn check:types
       - name: Source code build
         run: yarn build:core
       - name: Artifact creation

docs/.vitepress/config.js

@@ -15,7 +15,7 @@ export default defineConfig({
       { text: "Guide", link: "/guide/" },
       { text: "Configs", link: "/config/" },
       {
-        text: "1.0.1",
+        text: "1.0.2",
         items: [{ text: "Releases", link: `${REPO_HOME}/releases` }]
       }
     ],

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@byloth/vuert",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "The headless alerts, notifications & popups library for Vue.js craftsmen. ℹ",
   "keywords": [
     "Alert",
@@ -54,28 +54,28 @@
     "build:docs": "vitepress build docs",
     "preview": "vitepress serve docs",
     "check:types": "vue-tsc",
-    "lint": "eslint --ext .js,.json,.ts,.vue --ignore-path .gitignore .",
+    "lint": "eslint --ext .cjs,.js,.json,.ts,.vue --ignore-path .gitignore .",
     "lint:prod": "export NODE_ENV=\"production\" && yarn lint",
     "ci": "yarn install --frozen-lockfile"
   },
   "dependencies": {
-    "@byloth/exceptions": "^2.0.2",
+    "@byloth/exceptions": "^2.0.3",
     "vue": "^3.3.4"
   },
   "devDependencies": {
     "@byloth/eslint-config-typescript": "^2.5.2",
     "@byloth/eslint-config-vue": "^2.5.2",
     "@fortawesome/fontawesome-free": "^6.4.0",
-    "@typescript-eslint/eslint-plugin": "^5.59.7",
-    "@typescript-eslint/parser": "^5.59.7",
+    "@typescript-eslint/eslint-plugin": "^5.59.9",
+    "@typescript-eslint/parser": "^5.59.9",
     "@vitejs/plugin-vue": "^4.2.3",
-    "eslint": "^8.41.0",
+    "eslint": "^8.42.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-vue": "^9.14.0",
-    "sass": "^1.62.1",
-    "typescript": "^5.0.4",
-    "vite": "^4.3.8",
-    "vitepress": "^1.0.0-beta.1",
+    "eslint-plugin-vue": "^9.14.1",
+    "sass": "^1.63.3",
+    "typescript": "^5.1.3",
+    "vite": "^4.3.9",
+    "vitepress": "^1.0.0-beta.2",
     "vue-eslint-parser": "^9.3.0",
     "vue-tsc": "^1.6.5"
   }

src/components/AlertHandler.vue

@@ -56,10 +56,10 @@
     });
 
     const emit = defineEmits({
-        opening: <R>(alert: Alert<R>) => alert instanceof Alert<R>,
-        opened: <R>(alert: Alert<R>) => alert instanceof Alert<R>,
-        closing: <R>(alert: Alert<R>) => alert instanceof Alert<R>,
-        closed: <R>(alert: Alert<R>) => alert instanceof Alert<R>
+        opening: <R>(alert: Alert<R>) => (alert instanceof Alert),
+        opened: <R>(alert: Alert<R>) => (alert instanceof Alert),
+        closing: <R>(alert: Alert<R>) => (alert instanceof Alert),
+        closed: <R>(alert: Alert<R>) => (alert instanceof Alert)
     });
 
     const contexts: Context<any>[] = [];

src/functions.ts

@@ -1,10 +1,9 @@
-import { inject } from "vue";
+import { inject, getCurrentScope } from "vue";
 import type { App, ComponentPublicInstance, Plugin } from "vue";
 
-import { RuntimeException } from "@byloth/exceptions";
+import { handle, RuntimeException } from "@byloth/exceptions";
 
 import { InjectionKeys } from "./core.js";
-import { handle } from "./helpers.js";
 
 import Vuert from "./vuert.js";
 import type { VuertOptions } from "./vuert.js";
@@ -23,6 +22,19 @@ interface DisabledErrorsHandling
 
 type ErrorsHandling = EnabledErrorsHandling | DisabledErrorsHandling;
 
+let _activeVuert: Vuert | undefined = undefined;
+
+const _setActiveVuert = (vuert: Vuert): void => { _activeVuert = vuert; };
+const _getActiveVuert = (): Vuert | undefined =>
+{
+    if (getCurrentScope())
+    {
+        return inject(InjectionKeys.$vuert);
+    }
+
+    return _activeVuert;
+};
+
 export type PluginOptions = Partial<VuertOptions> & ErrorsHandling;
 export const createVuert = (options?: PluginOptions): Plugin =>
 {
@@ -31,14 +43,16 @@ export const createVuert = (options?: PluginOptions): Plugin =>
         {
             const $vuert = new Vuert(options);
 
+            _setActiveVuert($vuert);
+
             config.globalProperties.$vuert = $vuert;
             provide(InjectionKeys.$vuert, $vuert);
 
             if (options?.enableErrorsHandling)
             {
                 config.errorHandler = (error: unknown, instance: ComponentPublicInstance | null, info: string) =>
                 {
-                    handle($vuert, error, (exc) =>
+                    handle(error, (exc) =>
                     {
                         // eslint-disable-next-line no-console
                         console.error(exc);
@@ -49,19 +63,19 @@ export const createVuert = (options?: PluginOptions): Plugin =>
 
                 window.addEventListener("unhandledrejection", ({ reason }: PromiseRejectionEvent) =>
                 {
-                    handle($vuert, reason, () => $vuert.emit(options.defaultAlertOptions));
+                    handle(reason, () => $vuert.emit(options.defaultAlertOptions));
                 });
             }
         }
     };
 };
 export const useVuert = (): Vuert =>
 {
-    const $vuert = inject(InjectionKeys.$vuert);
+    const $vuert = _getActiveVuert();
     if (!$vuert)
     {
         throw new RuntimeException(
-            "`useVuert` was called with no active instance. " +
+            "`useVuert()` was called but there was not active Vuert. " +
             "Did you forget to install `Vuert` plugin in your App?"
         );
     }

src/index.ts

@@ -1,9 +1,7 @@
 import AlertHandler from "./components/AlertHandler.vue";
 import Vuert from "./vuert.js";
 
-export { AlertInterrupt } from "./exceptions.js";
 export { createVuert, useVuert } from "./functions.js";
-export { handle } from "./helpers.js";
 export { Action, Alert, Context } from "./models/index.js";
 
 export type { VuertOptions } from "./vuert.js";

src/types/vue.d.ts

@@ -0,0 +1,9 @@
+declare module "*.vue"
+{
+    import type { DefineComponent } from "vue";
+
+    // eslint-disable-next-line @typescript-eslint/ban-types
+    const Component: DefineComponent<{ }, { }, any>;
+
+    export default Component;
+}

src/vuert.ts

@@ -13,7 +13,7 @@ export interface VuertOptions
 
 export default class Vuert
 {
-    public static readonly VERSION: string = "1.0.1";
+    public static readonly VERSION: string = "1.0.2";
 
     public static get DEFAULT_OPTS(): VuertOptions
     {

tsconfig.json

@@ -46,5 +46,9 @@
     "src/**/*",
     "src/**/*.json",
     "src/**/*.vue"
+  ],
+  "exclude": [
+    "dist",
+    "node_modules"
   ]
 }