@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
121 lines (118 loc) • 4.37 kB
JavaScript
import { defu } from 'defu';
import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir, installModule } from '@nuxt/kit';
import { d as defaultOptions, v as version, n as name, a as getDefaultConfig, b as addTemplates } from './shared/b24ui-nuxt.C-CS9MBp.mjs';
import 'node:url';
import 'scule';
import 'knitwork';
import 'node:fs/promises';
import 'pathe';
import 'tinyglobby';
const module$1 = defineNuxtModule({
meta: {
name,
version,
docs: "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
configKey: "b24ui",
compatibility: {
nuxt: ">=4.0.0"
}
},
defaults: defaultOptions,
async setup(options, nuxt) {
const { resolve } = createResolver(import.meta.url);
options.theme = options.theme || {};
nuxt.options.b24ui = options;
nuxt.options.alias["#b24ui"] = resolve("./runtime");
nuxt.options.appConfig.version = version;
nuxt.options.appConfig.b24ui = defu(nuxt.options.appConfig.b24ui || {}, getDefaultConfig(options.theme));
nuxt.options.app.rootAttrs = nuxt.options.app.rootAttrs || {};
nuxt.options.app.rootAttrs.class = [nuxt.options.app.rootAttrs.class, `${options.theme?.prefix ? options.theme.prefix + ":" : ""}isolate`].filter(Boolean).join(" ");
nuxt.hook("vite:extend", async ({ config }) => {
const plugin = await import('@tailwindcss/vite').then((r) => r.default);
config.plugins ||= [];
config.plugins.push(plugin());
});
if (nuxt.options.builder !== "@nuxt/vite-builder") {
nuxt.options.postcss.plugins["@tailwindcss/postcss"] = {};
}
async function registerModule(name2, key, options2) {
if (!hasNuxtModule(name2)) {
await installModule(name2, defu(nuxt.options[key], options2));
} else {
nuxt.options[key] = defu(nuxt.options[key], options2);
}
}
await registerModule("@bitrix24/b24icons-nuxt", "empty", {});
addPlugin({ src: resolve("./runtime/plugins/colors") });
addPlugin({ src: resolve("./runtime/plugins/ui-version") });
if (hasNuxtModule("@nuxtjs/mdc") || options.mdc || (hasNuxtModule("@nuxt/content") || options.content)) {
nuxt.options.mdc = defu(nuxt.options.mdc, {
highlight: {
theme: {
light: "material-theme-lighter",
default: "material-theme",
dark: "material-theme-palenight"
}
},
components: {
map: {
"accordion": "ProseAccordion",
"accordion-item": "ProseAccordionItem",
"badge": "ProseBadge",
"callout": "ProseCallout",
"card": "ProseCard",
"card-group": "ProseCardGroup",
"caution": "ProseCaution",
"code-collapse": "ProseCodeCollapse",
"code-group": "ProseCodeGroup",
"code-icon": "ProseCodeIcon",
"code-preview": "ProseCodePreview",
// @todo add
// 'code-tree': 'ProseCodeTree',
"collapsible": "ProseCollapsible",
"field": "ProseField",
"field-group": "ProseFieldGroup",
// 'icon': 'ProseIcon',
"kbd": "ProseKbd",
"note": "ProseNote",
"steps": "ProseSteps",
"tabs": "ProseTabs",
"tabs-item": "ProseTabsItem",
"tip": "ProseTip",
"warning": "ProseWarning"
}
}
});
addComponentsDir({
path: resolve("./runtime/components/prose"),
pathPrefix: false,
prefix: "Prose",
global: true
});
}
if (hasNuxtModule("@nuxt/content") || options.content) {
addComponentsDir({
path: resolve("./runtime/components/content"),
pathPrefix: false,
prefix: "B24"
});
}
if (options.colorMode) {
addComponentsDir({
path: resolve("./runtime/components/color-mode"),
pathPrefix: false,
prefix: "B24"
});
}
addImportsDir(resolve("./runtime/composables/color-mode"));
addComponentsDir({
path: resolve("./runtime/components"),
pathPrefix: false,
prefix: "B24",
ignore: ["color-mode/**", "content/**", "prose/**"]
});
addImportsDir(resolve("./runtime/composables"));
addTemplates(options, nuxt, resolve);
}
});
export { module$1 as default };