@bootstrap-vue-next/nuxt 0.16.2 → 0.16.3

package/dist/module.d.mts

@@ -1,16 +1,23 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { Composables } from 'bootstrap-vue-next';
+import { Composables, Directives } from 'bootstrap-vue-next';
 
 type ConfigurationOption<T extends string> = Partial<Record<T, boolean>> & {
     all: boolean;
 };
+type ConfigurationValue<T extends string> = boolean | ConfigurationOption<T>;
 interface ModuleOptions {
     /**
      * There would be no reason to disable this, beyond conflicting auto imports. This should probably be left true
      *
      * @default true
      */
-    composables: ConfigurationOption<keyof typeof Composables> | boolean;
+    composables: ConfigurationValue<keyof typeof Composables>;
+    /**
+     * There would be no reason to disable this, beyond conflicting auto imports. This should probably be left true
+     *
+     * @default true
+     */
+    directives: ConfigurationValue<keyof typeof Directives>;
 }
 
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;

package/dist/module.d.ts

@@ -1,16 +1,23 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { Composables } from 'bootstrap-vue-next';
+import { Composables, Directives } from 'bootstrap-vue-next';
 
 type ConfigurationOption<T extends string> = Partial<Record<T, boolean>> & {
     all: boolean;
 };
+type ConfigurationValue<T extends string> = boolean | ConfigurationOption<T>;
 interface ModuleOptions {
     /**
      * There would be no reason to disable this, beyond conflicting auto imports. This should probably be left true
      *
      * @default true
      */
-    composables: ConfigurationOption<keyof typeof Composables> | boolean;
+    composables: ConfigurationValue<keyof typeof Composables>;
+    /**
+     * There would be no reason to disable this, beyond conflicting auto imports. This should probably be left true
+     *
+     * @default true
+     */
+    directives: ConfigurationValue<keyof typeof Directives>;
 }
 
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;

package/dist/module.json

@@ -5,5 +5,5 @@
     "nuxt": "^3.0.0",
     "bridge": false
   },
-  "version": "0.16.2"
+  "version": "0.16.3"
 }

package/dist/module.mjs

@@ -1,5 +1,5 @@
 import { addComponent, defineNuxtModule, createResolver, addPlugin, addImports } from '@nuxt/kit';
-import { Components, Composables } from 'bootstrap-vue-next';
+import { Components, Directives, Composables } from 'bootstrap-vue-next';
 
 const useComponents = () => {
   Object.keys(Components).forEach((name) => {
@@ -23,6 +23,10 @@ const parseActiveImports = (options, values) => {
   return Object.entries(merge).filter(([name, value]) => !!value && values.includes(name)).map(([name]) => name);
 };
 
+const normalizeConfigurationValue = (option) => {
+  return typeof option === "boolean" ? { all: option } : option;
+};
+
 const module = defineNuxtModule({
   meta: {
     name: "bootstrap-vue-next",
@@ -33,41 +37,45 @@ const module = defineNuxtModule({
     }
   },
   defaults: {
-    composables: true
+    composables: true,
+    directives: true
   },
   setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
-    addPlugin(resolve("./runtime/plugins/createBootstrap"));
-    const normalizedComposableOptions = typeof options.composables === "boolean" ? { all: options.composables } : options.composables;
     nuxt.options.build.transpile.push(resolve("./runtime"));
-    const transformAssetUrls = {
-      BImg: ["src"]
-    };
-    if (nuxt.options.vite.vue === void 0) {
-      nuxt.options.vite.vue = {
-        template: {
-          transformAssetUrls
-        }
-      };
-    } else if (nuxt.options.vite.vue.template === void 0) {
-      nuxt.options.vite.vue.template = {
-        transformAssetUrls
-      };
-    } else if (nuxt.options.vite.vue.template.transformAssetUrls === void 0) {
-      nuxt.options.vite.vue.template.transformAssetUrls = transformAssetUrls;
-    } else if (
-      // Do not overwrite user options
-      !(typeof nuxt.options.vite.vue.template.transformAssetUrls !== "boolean" && ("BImg" in nuxt.options.vite.vue.template.transformAssetUrls || "b-img" in nuxt.options.vite.vue.template.transformAssetUrls))
-    ) {
-      Object.assign(nuxt.options.vite.vue.template.transformAssetUrls, transformAssetUrls);
-    }
+    nuxt.options.css.push("bootstrap-vue-next/dist/bootstrap-vue-next.css");
+    const normalizedComposableOptions = normalizeConfigurationValue(options.composables);
+    const normalizedDirectiveOptions = normalizeConfigurationValue(options.directives);
     nuxt.options.css.push("bootstrap-vue-next/dist/bootstrap-vue-next.css");
     nuxt.options.vite.optimizeDeps = nuxt.options.vite.optimizeDeps || {};
     nuxt.options.vite.optimizeDeps.include = nuxt.options.vite.optimizeDeps.include || [];
     nuxt.options.vite.optimizeDeps.include.push("bootstrap-vue-next");
+    addPlugin(resolve("./runtime/createBootstrap"));
+    const transformAssetUrls = Object.freeze({
+      BImg: ["src"]
+    });
+    nuxt.options.vite.vue = nuxt.options.vite.vue || {};
+    nuxt.options.vite.vue.template = nuxt.options.vite.vue.template || {};
+    nuxt.options.vite.vue.template.transformAssetUrls = nuxt.options.vite.vue.template.transformAssetUrls ?? {};
+    if (typeof nuxt.options.vite.vue.template.transformAssetUrls !== "boolean" && !("BImg" in nuxt.options.vite.vue.template.transformAssetUrls || "b-img" in nuxt.options.vite.vue.template.transformAssetUrls)) {
+      nuxt.options.vite.vue.template.transformAssetUrls = {
+        ...nuxt.options.vite.vue.template.transformAssetUrls,
+        ...transformAssetUrls
+      };
+    }
     useComponents();
+    if (Object.values(normalizedDirectiveOptions).some((el) => el === true)) {
+      const activeDirectives = parseActiveImports(
+        normalizedDirectiveOptions,
+        Object.keys(Directives)
+      );
+      nuxt.options.runtimeConfig.public.bootstrapVueNext = {
+        directives: activeDirectives
+      };
+      addPlugin(resolve("./runtime/useDirectives"));
+    }
     if (Object.values(normalizedComposableOptions).some((el) => el === true)) {
-      parseActiveImports(normalizedComposableOptions, Object.keys(Composables)).map(
+      parseActiveImports(normalizedComposableOptions, Object.keys(Composables)).forEach(
         (name) => addImports({
           from: "bootstrap-vue-next",
           name

package/dist/runtime/createBootstrap.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/{plugins/createBootstrap.mjs → createBootstrap.mjs}

@@ -1,5 +1,5 @@
 import { createBootstrap } from "bootstrap-vue-next";
-import { defineNuxtPlugin } from "nuxt/app";
+import { defineNuxtPlugin } from "#imports";
 export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.use(
     createBootstrap({

package/dist/runtime/useDirectives.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/useDirectives.mjs

@@ -0,0 +1,20 @@
+import { Directives } from "bootstrap-vue-next";
+import { defineNuxtPlugin, useRuntimeConfig } from "#imports";
+export default defineNuxtPlugin((nuxtApp) => {
+  const usedDirectives = useRuntimeConfig().public.bootstrapVueNext.directives;
+  const directiveValues = Object.entries(Directives);
+  const result = directiveValues.reduce(
+    (acc, [key, value]) => {
+      if (usedDirectives.includes(key)) {
+        acc[key] = value;
+      }
+      return acc;
+    },
+    {}
+  );
+  const sliceName = (str) => str.toLowerCase().startsWith("v") ? str.slice(1) : str;
+  Object.entries(result).forEach(([key, value]) => {
+    const parsedName = sliceName(key);
+    nuxtApp.vueApp.directive(parsedName, value);
+  });
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bootstrap-vue-next/nuxt",
   "description": "Nuxt Module for BootstrapVueNext",
-  "version": "0.16.2",
+  "version": "0.16.3",
   "license": "MIT",
   "author": {
     "name": "Issayah",
@@ -21,27 +21,27 @@
   ],
   "types": "./dist/types.d.ts",
   "peerDependencies": {
-    "bootstrap-vue-next": "^0.16.2"
+    "bootstrap-vue-next": "^0.16.3"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.9.1"
+    "@nuxt/kit": "^3.10.1"
   },
   "devDependencies": {
     "@nuxt/devtools": "^1.0.8",
     "@nuxt/eslint-config": "^0.2.0",
     "@nuxt/module-builder": "^0.5.5",
-    "@nuxt/schema": "^3.9.1",
-    "@nuxt/test-utils": "^3.9.0",
-    "@rushstack/eslint-patch": "^1.6.1",
-    "@types/node": "^20.11.4",
+    "@nuxt/schema": "^3.10.1",
+    "@nuxt/test-utils": "^3.11.0",
+    "@rushstack/eslint-patch": "^1.7.2",
+    "@types/node": "^20.11.17",
     "@vue/eslint-config-prettier": "^9.0.0",
     "eslint": "^8.56.0",
     "eslint-define-config": "^2.1.0",
-    "nuxt": "^3.9.1",
-    "prettier": "^3.2.2",
+    "nuxt": "^3.10.1",
+    "prettier": "^3.2.5",
     "unimport": "^3.7.1",
-    "vue": "^3.4.14",
-    "bootstrap-vue-next": "^0.16.2"
+    "vue": "^3.4.18",
+    "bootstrap-vue-next": "^0.16.3"
   },
   "repository": {
     "type": "git",

package/dist/runtime/plugins/createBootstrap.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
-export default _default;