@vueless/nuxt
Version:
Nuxt Styleless UI Component Library, powered by Tailwind CSS.
17 lines (16 loc) • 629 B
JavaScript
import { createVueless, setTheme } from "vueless";
import vClickOutside from "vueless/directives/clickOutside/vClickOutside";
import vTooltip from "vueless/directives/tooltip/vTooltip";
import { defineNuxtPlugin } from "#app";
export default defineNuxtPlugin((_nuxtApp) => {
const vueless = createVueless();
_nuxtApp.vueApp.use(vueless, []);
_nuxtApp.vueApp.directive("clickOutside", vClickOutside);
_nuxtApp.vueApp.directive("tooltip", vTooltip);
if (import.meta.server) {
const themeRootVariables = setTheme();
_nuxtApp.ssrContext?.head.push({
style: [{ innerHTML: themeRootVariables }]
});
}
});