@mouseless/baked 1.7.2 → 1.8.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@mouseless/baked",
   "configKey": "baked",
-  "version": "1.7.2",
+  "version": "1.8.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -1,4 +1,5 @@
-import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addPlugin } from '@nuxt/kit';
+import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addPlugin, addVitePlugin } from '@nuxt/kit';
+import tailwindcss from '@tailwindcss/vite';
 import { pathToFileURL } from 'url';
 import { join } from 'path';
 
@@ -11,7 +12,7 @@ const module$1 = defineNuxtModule({
   defaults: {},
   moduleDependencies: {
     "@nuxtjs/i18n": {
-      version: "10.4.0",
+      version: "10.5.0",
       defaults: {
         strategy: "no_prefix",
         detectBrowserLanguage: {
@@ -19,21 +20,6 @@ const module$1 = defineNuxtModule({
           cookieKey: "i18n_cookie"
         }
       }
-    },
-    "@nuxtjs/tailwindcss": {
-      version: "6.14.0",
-      defaults: {
-        exposeConfig: true,
-        cssPath: metaUrlResolver.resolve("./runtime/assets/tailwind.css"),
-        config: {
-          content: {
-            files: [
-              metaUrlResolver.resolve("./runtime/components/**/*.{vue,mjs,ts}"),
-              metaUrlResolver.resolve("./runtime/*.{mjs,js,ts}")
-            ]
-          }
-        }
-      }
     }
   },
   onInstall() {
@@ -70,7 +56,8 @@ const module$1 = defineNuxtModule({
     _nuxt.options.runtimeConfig.public.composables = _options.composables;
     _nuxt.options.runtimeConfig.public.apiBaseURL = _options.apiBaseURL;
     _nuxt.options.css.push("primeicons/primeicons.css");
-    _nuxt.options.css.push(resolver.metaUrl.resolve("./runtime/assets/overrides.css"));
+    _nuxt.options.css.push(resolver.metaUrl.resolve("./runtime/assets/tailwind.css"));
+    _nuxt.options.css.push(resolver.metaUrl.resolve("./runtime/assets/components.css"));
     _nuxt.options.devtools = { enabled: false };
     _nuxt.options.experimental.payloadExtraction = false;
     _nuxt.options.features.inlineStyles = false;
@@ -87,6 +74,7 @@ const module$1 = defineNuxtModule({
     addPlugin(resolver.metaUrl.resolve("./runtime/plugins/baked"));
     addPlugin(resolver.metaUrl.resolve("./runtime/plugins/primeVue"));
     addPlugin(resolver.metaUrl.resolve("./runtime/plugins/fetch"), {});
+    addVitePlugin(tailwindcss());
     _nuxt.options.vite.optimizeDeps ||= {};
     _nuxt.options.vite.optimizeDeps.noDiscovery = true;
     _nuxt.options.i18n = {
@@ -105,20 +93,6 @@ const module$1 = defineNuxtModule({
       }),
       defaultLocale: app?.i18n?.defaultLanguage?.code
     };
-    _nuxt.options.tailwindcss = {
-      config: {
-        theme: {
-          screens: _options.composables.useBreakpoints.screens,
-          extend: {
-            colors: {
-              zinc: {
-                925: "#121214"
-              }
-            }
-          }
-        }
-      }
-    };
   }
 });
 function camelize(str) {

package/dist/runtime/assets/components.css

@@ -0,0 +1,9 @@
+@reference "./tailwind.css";@layer utilities{html{@apply max-xs:text-[smaller]}.bg-body,html{@apply bg-white dark:bg-zinc-925}.p-panel-content:has(.b-component--DataContainer) .b-component--DataContainer{@apply border-none rounded-none}.b-component--DataContainer div{@apply [&:has(.p-datatable)]:p-0}.b-component--DataContainer .p-button{@apply self-stretch}.b-component--DataContainer .p-button .p-button-icon+.p-button-label{@apply max-sm:hidden}.b-component--DataTable .p-datatable-tbody td.p-datatable-frozen-column{background:inherit}.b-component--DataContainer:has(.b-component--DataTable) .b-component--DataTable,.p-panel-content:has(.b-component--DataTable) .b-component--DataTable{@apply border-none rounded-none}.b-component--DataContainer:has(.b-component--DataTable) .b-component--DataTable .p-datatable-table-container,.p-panel-content:has(.b-component--DataTable) .b-component--DataTable .p-datatable-table-container{@apply border-none}.b-component--DataTable{@apply border border-slate-200 dark:border-zinc-700 justify-self-center w-full rounded-datatable}.b-component--DataTable .p-datatable-table-container{@apply border-none rounded-datatable}.b-component--DataTable:has(.p-datatable-paginator-bottom) .p-datatable-paginator-bottom{@apply border-t rounded-t-none rounded-b-datatable border-b-0}.b-component--DataTable:has(.p-datatable-paginator-bottom) .p-datatable-table-container{@apply rounded-b-none}.b-component--DataTable tbody>tr:last-child>td{@apply border-b-0}.b-component--DataTable tfoot>tr>td{@apply border-t}.b-component--DataTable .b-label-column--wide{@apply 3xl:w-[30%] 2xl:w-[20%] xl:w-[15%]}.b-component--DataTable .b-label-column--narrow{@apply 3xl:w-[40%] 2xl:w-[30%] xl:w-[20%]}.b-component--DataTable a{@apply text-sm}.b-component--DataTable .p-button{@apply -my-2}.b-component--DataTable td.p-datatable-frozen-column{@apply z-[1]}.b-component--DataTable .p-datatable-thead{@apply z-[2]}.b-component--DataPanel .p-panel-content{@apply [&:has(.p-datatable)]:p-0}.b-component--FormPage .reset-min-w *{@apply min-w-0}.p-iftalabel:has(.p-selectbutton){@apply mt-4}.b-component--Message.message-outlined{@apply border rounded-md}.b-component--Message.message-outlined .b-message-body{@apply py-[0.50rem] px-[0.75rem] min-w-[10rem] min-h-[1.5rem]}.b-component--Message.message-simple{@apply !bg-transparent}.b-component--Message.message-simple .b-message-icon{@apply text-sm}.b-component--Message.message-simple .b-message-body{@apply px-0}.b-component--Message.message-info{@apply bg-blue-50/95 text-blue-600 border-blue-200
+        dark:bg-blue-950/95 dark:text-blue-500 dark:border-blue-700/65}.b-component--Message.message-error{@apply bg-red-50/95 text-red-600 border-red-200
+        dark:bg-red-950/95 dark:text-red-500 dark:border-red-700/65}.b-component--Message.message-warn{@apply bg-yellow-50/95 text-yellow-600 border-yellow-200
+        dark:bg-yellow-950/95 dark:text-yellow-500 dark:border-yellow-700/65}.b-component--Message.message-success{@apply bg-green-50/95 text-green-600 border-green-200
+        dark:bg-green-950/95 dark:text-green-500 dark:border-green-700/65}.b-component--Message.message-secondary{@apply bg-transparent text-slate-500 border-slate-500
+        dark:text-slate-400 dark:border-slate-400}.b-component--Message.message-contrast{@apply bg-transparent text-slate-950 border-slate-950
+        dark:text-white dark:border-white}.c--missing-component-dialog code:not(:has(pre)){@apply rounded p-1 text-xs bg-zinc-50 text-orange-700
+        dark:bg-zinc-950 dark:text-orange-400}.c--missing-component-dialog pre{@apply block rounded-lg overflow-auto max-h-[20em]
+        bg-zinc-950 p-4 text-xs text-sky-300}.c--missing-component-dialog pre .c--code-comment{@apply text-green-800}.c--missing-component-dialog pre .c--code-string{@apply text-orange-400}.c--missing-component-dialog pre .c--code-keyword{@apply text-purple-400}.c--missing-component-dialog pre .c--code-symbol{@apply text-gray-100}.c--missing-component-dialog pre .c--code-type{@apply text-blue-400}.c--missing-component-dialog pre .c--code-method{@apply text-yellow-100}.p-scrolltop{@apply right-6 bottom-6 max-md:bottom-24 py-icon-only-width}.b-component--Select .p-placeholder{@apply opacity-0}.b-component--Select .p-select-label{@apply text-[length:inherit]}.p-popover-content .b-component--Select{@apply max-md:w-full}.b-component--SelectButton .p-togglebutton-content{@apply whitespace-nowrap}.p-popover-content .b-component--SelectButton .p-selectbutton,.p-popover-content .b-component--SelectButton.p-selectbutton{@apply max-sm:flex max-sm:flex-col}.p-popover-content .b-component--SelectButton .p-selectbutton .p-togglebutton:first-child,.p-popover-content .b-component--SelectButton.p-selectbutton .p-togglebutton:first-child{@apply max-sm:rounded-t-lg max-sm:rounded-es-none}.p-popover-content .b-component--SelectButton .p-selectbutton .p-togglebutton:last-child,.p-popover-content .b-component--SelectButton.p-selectbutton .p-togglebutton:last-child{@apply max-sm:rounded-b-lg max-sm:rounded-se-none}.b-component--SimpleForm.horizontal :has(.p-iftalabel) .p-button[data-p=large]{@apply mt-1}.b-component--SimpleForm.horizontal :has(.p-iftalabel) .p-button:not([data-p=large]){@apply mt-2}.b-component--PageSize .p-select-label{@apply text-[length:inherit]}.b-component--PageTitle .p-button{@apply self-stretch}.b-component--PageTitle .p-button .p-button-icon+.p-button-label{@apply max-sm:hidden}.p-popover-content>div{@apply max-sm:p-0}}

package/dist/runtime/assets/tailwind.css

@@ -1 +1 @@
-@layer tailwind-base{@tailwind base}@layer tailwind-utilities{@tailwind components;@tailwind utilities;@tailwind variants}
+@import "tailwindcss";@source "../components/**/*.vue";@theme{--breakpoint-2xs:340px;--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--breakpoint-3xl:1920px;--radius-datatable:var(--p-border-radius-md);--spacing-icon-only-width:calc(var(--p-button-icon-only-width)/2);--color-zinc-925:#121214}

package/dist/runtime/components/DataContainer.vue

@@ -48,10 +48,20 @@
         name="content"
         :descriptor="content"
       />
-      <Message
+      <Bake
         v-else-if="!ready"
-        :schema="{ severity: 'info', icon: 'pi pi-info-circle' }"
-        :data="lc('Select required values to view this data')"
+        name="message"
+        :descriptor="{
+          type: 'Message',
+          schema: {
+            severity: 'info',
+            icon: 'pi pi-info-circle'
+          },
+          data: {
+            type: 'Inline',
+            value: lc('Select required values to view this data')
+          }
+        }"
       />
     </div>
   </div>
@@ -60,7 +70,7 @@
 <script setup>
 import { ref } from "vue";
 import { useContext, useLocalization } from "#imports";
-import { Bake, Inputs, Message } from "#components";
+import { Bake, Inputs } from "#components";
 const context = useContext();
 const { localize: lc } = useLocalization({ group: "DataContainer" });
 const { schema } = defineProps({
@@ -83,7 +93,3 @@ function onChanged(event) {
   values.value = event.values;
 }
 </script>
-
-<style>
-.p-panel-content:has(.b-component--DataContainer) .b-component--DataContainer{@apply border-none rounded-none}.b-component--DataContainer div{@apply [&:has(.p-datatable)]:p-0}.b-component--DataContainer .p-button{@apply self-stretch}.b-component--DataContainer .p-button .p-button-icon+.p-button-label{@apply max-sm:hidden}
-</style>

package/dist/runtime/components/DataPanel.vue

@@ -69,10 +69,20 @@
         name="content"
         :descriptor="content"
       />
-      <Message
+      <Bake
         v-else-if="!ready"
-        :schema="{ severity: 'info', icon: 'pi pi-info-circle' }"
-        :data="lc('Select required values to view this data')"
+        name="message"
+        :descriptor="{
+          type: 'Message',
+          schema: {
+            severity: 'info',
+            icon: 'pi pi-info-circle'
+          },
+          data: {
+            type: 'Inline',
+            value: lc('Select required values to view this data')
+          }
+        }"
       />
     </template>
   </Panel>
@@ -82,7 +92,7 @@
 import { computed, ref, useTemplateRef } from "vue";
 import { Panel, Button } from "primevue";
 import { useBreakpoints, useContext, useDataMounter, useUiStates, useLocalization } from "#imports";
-import { Bake, Inputs, PersistentPopover, Message } from "#components";
+import { Bake, Inputs, PersistentPopover } from "#components";
 const { value: { panelStates } } = useUiStates();
 const { isMd } = useBreakpoints();
 const context = useContext();
@@ -128,7 +138,3 @@ function onChanged(event) {
   values.value = event.values;
 }
 </script>
-
-<style>
-.b-component--DataPanel .p-panel-content{@apply [&:has(.p-datatable)]:p-0}
-</style>

package/dist/runtime/components/DataTable.vue

@@ -263,10 +263,3 @@ function exportFunction({ data: data2, field }) {
   return formatter.format(data2.value, { prop: field, row: data2.$getRow() });
 }
 </script>
-
-<style>
-.b-component--DataContainer:has(.b-component--DataTable) .b-component--DataTable,.p-panel-content:has(.b-component--DataTable) .b-component--DataTable{@apply border-none rounded-none}.b-component--DataContainer:has(.b-component--DataTable) .b-component--DataTable .p-datatable-table-container,.p-panel-content:has(.b-component--DataTable) .b-component--DataTable .p-datatable-table-container{@apply border-none}.b-component--DataTable{@apply border border-slate-200 dark:border-zinc-700
-    justify-self-center w-full
-    rounded-[--p-border-radius-md]}.b-component--DataTable .p-datatable-table-container{@apply border-none rounded-[--p-border-radius-md]}.b-component--DataTable:has(.p-datatable-paginator-bottom) .p-datatable-paginator-bottom{@apply border-t rounded-t-none
-        rounded-b-[--p-border-radius-md] border-b-0}.b-component--DataTable:has(.p-datatable-paginator-bottom) .p-datatable-table-container{@apply rounded-b-none}.b-component--DataTable tbody>tr:last-child>td{@apply border-b-0}.b-component--DataTable tfoot>tr>td{@apply border-t}.b-component--DataTable .b-label-column--wide{@apply 3xl:w-[30%] 2xl:w-[20%] xl:w-[15%]}.b-component--DataTable .b-label-column--narrow{@apply 3xl:w-[40%] 2xl:w-[30%] xl:w-[20%]}.b-component--DataTable a{@apply text-sm}.b-component--DataTable .p-button{@apply -my-2}.b-component--DataTable td.p-datatable-frozen-column{@apply z-[1]}.b-component--DataTable .p-datatable-thead{@apply z-[2]}
-</style>

package/dist/runtime/components/DefaultLayout.vue

@@ -40,7 +40,3 @@ const { schema } = defineProps({
 const { header, sideMenu } = schema;
 const scrollTopOptions = { threshold: 250, ...schema.scrollTopOptions };
 </script>
-
-<style>
-.p-scrolltop{padding-bottom:calc(var(--p-button-icon-only-width)/2);padding-top:calc(var(--p-button-icon-only-width)/2);@apply right-6 bottom-6 max-md:bottom-24}
-</style>

package/dist/runtime/components/ErrorPage.vue

@@ -40,9 +40,19 @@
       type="dashed"
       class="my-8"
     />
-    <Message
-      :schema="{ severity: 'warn', icon: 'pi pi-exclamation-circle' }"
-      :data="l(footerInfo)"
+    <Bake
+      name="message"
+      :descriptor="{
+        type: 'Message',
+        schema: {
+          severity: 'warn',
+          icon: 'pi pi-exclamation-circle'
+        },
+        data: {
+          type: 'Inline',
+          value: l(footerInfo)
+        }
+      }"
     />
   </div>
 </template>
@@ -51,7 +61,6 @@
 import { computed } from "vue";
 import { Divider, Tag } from "primevue";
 import { useLocalization } from "#imports";
-import { Message } from "#components";
 const { localize: l } = useLocalization();
 const { schema, data } = defineProps({
   schema: { type: null, required: true },

package/dist/runtime/components/FormPage.vue

@@ -148,7 +148,3 @@ function onSubmit() {
   emit("submit", model.value);
 }
 </script>
-
-<style>
-.b-component--FormPage .reset-min-w *{@apply min-w-0}
-</style>

package/dist/runtime/components/Message.vue

@@ -61,13 +61,3 @@ const sizeClass = computed(() => {
   }
 });
 </script>
-
-<style scoped>
-.message-outlined{@apply border rounded-md}.message-outlined .b-message-body{@apply py-[0.50rem] px-[0.75rem] min-w-[10rem] min-h-[1.5rem]}.message-simple{@apply !bg-transparent}.message-simple .b-message-icon{@apply text-sm}.message-simple .b-message-body{@apply px-0}.message-info{@apply bg-blue-50/95 text-blue-600 border-blue-200
-    dark:bg-blue-950/95 dark:text-blue-500 dark:border-blue-700/65}.message-error{@apply bg-red-50/95 text-red-600 border-red-200
-    dark:bg-red-950/95 dark:text-red-500 dark:border-red-700/65}.message-warn{@apply bg-yellow-50/95 text-yellow-600 border-yellow-200
-    dark:bg-yellow-950/95 dark:text-yellow-500 dark:border-yellow-700/65}.message-success{@apply bg-green-50/95 text-green-600 border-green-200
-    dark:bg-green-950/95 dark:text-green-500 dark:border-green-700/65}.message-secondary{@apply bg-transparent text-slate-500 border-slate-500
-    dark:text-slate-400 dark:border-slate-400}.message-contrast{@apply bg-transparent text-slate-950 border-slate-950
-    dark:text-white dark:border-white}
-</style>

package/dist/runtime/components/MissingComponent.vue

@@ -24,7 +24,7 @@
     header="Missing Component"
     modal
     dismissable-mask
-    class="min-w-[500px] max-w-[750px] mx-4"
+    class="c--missing-component-dialog min-w-[500px] max-w-[750px] mx-4"
   >
     <div class="flex flex-col gap-4 w-full">
       <code v-if="path">{{ path.join('/') }}</code>
@@ -168,7 +168,3 @@ function highlightJson(src) {
   return s;
 }
 </script>
-
-<style>
-code:not(:has(pre)){@apply rounded p-1 text-xs bg-zinc-50 text-orange-700 dark:bg-zinc-950 dark:text-orange-400}pre{@apply block rounded-lg overflow-auto max-h-[20em] bg-zinc-950 p-4 text-xs text-sky-300}pre .c--code-comment{@apply text-green-800}pre .c--code-string{@apply text-orange-400}pre .c--code-keyword{@apply text-purple-400}pre .c--code-symbol{@apply text-gray-100}pre .c--code-type{@apply text-blue-400}pre .c--code-method{@apply text-yellow-100}
-</style>

package/dist/runtime/components/PageSize.vue

@@ -22,7 +22,3 @@ defineProps({
 });
 const model = defineModel({ type: null, required: true });
 </script>
-
-<style>
-.b-component--PageSize .p-select-label{font-size:inherit}
-</style>

package/dist/runtime/components/PageTitle.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     id="page-title"
-    class="sticky -top-1 z-10 space-y-4 bg-body"
+    class="sticky top-[-1px] z-10 space-y-4 bg-body"
   >
     <div class="flex justify-between items-center gap-2">
       <div
@@ -166,11 +166,3 @@ function togglePopoverInputs(event) {
   popoverInputs.value.toggle(event);
 }
 </script>
-
-<style scoped>
-.sticky{top:-1px}
-</style>
-
-<style>
-.b-component--PageTitle .p-button{@apply self-stretch}.b-component--PageTitle .p-button .p-button-icon+.p-button-label{@apply max-sm:hidden}
-</style>

package/dist/runtime/components/Select.vue

@@ -94,7 +94,3 @@ function setSelected(value) {
   }
 }
 </script>
-
-<style>
-.b-component--Select .p-placeholder{opacity:0}.b-component--Select .p-select-label{font-size:inherit}.p-popover-content .b-component--Select{@apply max-md:w-full}
-</style>

package/dist/runtime/components/SelectButton.vue

@@ -107,11 +107,3 @@ function setSelected(value) {
   }
 }
 </script>
-
-<style>
-.p-togglebutton-content{@apply whitespace-nowrap}.p-popover-content .b-component--SelectButton .p-selectbutton,.p-popover-content .b-component--SelectButton.p-selectbutton{@apply max-sm:flex max-sm:flex-col}.p-popover-content .b-component--SelectButton .p-selectbutton .p-togglebutton:first-child,.p-popover-content .b-component--SelectButton.p-selectbutton .p-togglebutton:first-child{@apply max-sm:rounded-t-lg max-sm:rounded-es-none}.p-popover-content .b-component--SelectButton .p-selectbutton .p-togglebutton:last-child,.p-popover-content .b-component--SelectButton.p-selectbutton .p-togglebutton:last-child{@apply max-sm:rounded-b-lg max-sm:rounded-se-none}
-</style>
-
-<style scoped>
-.p-iftalabel:has(.p-selectbutton){@apply mt-4}
-</style>

package/dist/runtime/components/SimpleForm.vue

@@ -162,7 +162,3 @@ function emitSubmit() {
   }
 }
 </script>
-
-<style scoped>
-.horizontal :has(.p-iftalabel) .p-button[data-p=large]{@apply mt-1}.horizontal :has(.p-iftalabel) .p-button:not([data-p=large]){@apply mt-2}
-</style>

package/dist/runtime/components/TabbedPage.vue

@@ -38,10 +38,20 @@
         </Tabs>
       </template>
     </Bake>
-    <Message
+    <Bake
       v-if="showRequiredMessage"
-      :schema="{ severity: 'info', icon: 'pi pi-info-circle' }"
-      :data="lc('Select required values to view this page')"
+      name="message"
+      :descriptor="{
+        type: 'Message',
+        schema: {
+          severity: 'info',
+          icon: 'pi pi-info-circle'
+        },
+        data: {
+          type: 'Inline',
+          value: lc('Select required values to view this page')
+        }
+      }"
     />
     <div
       v-if="ready"
@@ -70,7 +80,7 @@
 import { computed, onBeforeUnmount, onMounted, reactive, ref } from "vue";
 import { Tab, TabList, Tabs } from "primevue";
 import { useContext, useLocalization, useReactionHandler } from "#imports";
-import { Bake, Contents, DeferredTabContent, Inputs, Message } from "#components";
+import { Bake, Contents, DeferredTabContent, Inputs } from "#components";
 const context = useContext();
 const { localize: l } = useLocalization();
 const { localize: lc } = useLocalization({ group: "TabbedPage" });

package/dist/runtime/components/Validation.vue

@@ -12,17 +12,24 @@
       :validation
       :mutable-validation
     >
-      <Message
+      <Bake
         v-if="message"
         :key="`${severity}:${icon}`"
+        name="message"
         icon="pi pi-info-circle"
-        :schema="{
-          severity,
-          variant: 'simple',
-          size: 'small',
-          icon
+        :descriptor="{
+          type: 'Message',
+          schema: {
+            severity,
+            variant: 'simple',
+            size: 'small',
+            icon
+          },
+          data: {
+            type: 'Inline',
+            value: message || ''
+          }
         }"
-        :data="message || ''"
         class="ml-3"
       />
     </slot>
@@ -32,7 +39,6 @@
 <script setup>
 import { computed } from "vue";
 import { useContext } from "#imports";
-import { Message } from "#components";
 const context = useContext();
 const validationHandled = context.injectValidationHandled();
 const validation = context.injectValidation();

package/dist/runtime/composables/useNuxtError.d.ts

@@ -1,3 +1,3 @@
 export default function _default(): {
-    compute: () => import("vue").Ref<import("#app").NuxtError<unknown> | undefined, import("#app").NuxtError<unknown> | undefined>;
+    compute: () => import("vue").Ref<import("#app").NuxtError | undefined>;
 };

package/dist/runtime/composables/useNuxtError.js

@@ -3,6 +3,14 @@ import { useError } from "#app";
 export default function() {
   const error = useError();
 
+  /**
+   * Explicit return type required: without it, nuxt-module-build's
+   * declaration output tries to reference Nuxt's internal type path
+   * (~/node_modules/nuxt/dist/app/types), which isn't resolvable once
+   * this module is published and installed elsewhere (TS2883).
+   *
+   * @returns {import('vue').Ref<import('#app').NuxtError | undefined>}
+   */
   function compute() {
     return error;
   }

package/dist/runtime/plugins/primeVue.js

@@ -17,7 +17,7 @@ export default defineNuxtPlugin({
         options: {
           cssLayer: {
             name: "primevue",
-            order: "tailwind-base, primevue, tailwind-utilities"
+            order: "theme, base, primevue, utilities"
           }
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mouseless/baked",
-  "version": "1.7.2",
+  "version": "1.8.0",
   "description": "Baked is an opinionated framework for .NET and Vue. This is the UI package of Baked project.",
   "keywords": [
     "baked",
@@ -36,40 +36,40 @@
   ],
   "scripts": {
     "prepack": "nuxt-module-build build",
-    "postinstall": "nuxt prepare",
+    "postinstall": "nuxt prepare && nuxi prepare playground",
     "build": "npm run lint && nuxt-module-build build --stub && nuxt-module-build prepare",
     "dev": "npm run lint && nuxi dev playground --dotenv .env.development --host",
     "test": "npm run lint && playwright test",
     "lint": "eslint ."
   },
   "dependencies": {
-    "@nuxtjs/i18n": "10.4.0",
-    "@nuxtjs/tailwindcss": "6.14.0",
+    "@nuxtjs/i18n": "10.5.0",
     "@primeuix/themes": "2.0.3",
+    "@tailwindcss/vite": "4.3.3",
     "async-mutex": "0.5.0",
-    "playwright": "1.60.0",
+    "playwright": "1.61.1",
     "primeicons": "7.0.0",
-    "primevue": "4.5.5"
+    "primevue": "4.5.5",
+    "tailwindcss": "4.3.3"
   },
   "devDependencies": {
-    "@nuxt/eslint": "1.15.2",
+    "@nuxt/eslint": "1.16.0",
     "@nuxt/module-builder": "1.0.2",
     "@nuxt/test-utils": "4.0.3",
-    "@playwright/test": "1.60.0",
-    "@types/node": "25.9.3",
+    "@playwright/test": "1.61.1",
+    "@types/node": "26.1.1",
     "changelogen": "0.6.2",
-    "nuxt": "4.4.8",
-    "sass": "1.101.0",
+    "nuxt": "4.5.0",
     "typescript": "6.0.3",
-    "vitest": "4.1.8",
-    "vue-tsc": "3.3.4"
+    "vitest": "4.1.10",
+    "vue-tsc": "3.3.7"
   },
   "optionalDependencies": {
-    "@oxc-parser/binding-darwin-arm64": "0.135.0",
-    "@oxc-parser/binding-linux-arm64-gnu": "0.135.0",
-    "@oxc-parser/binding-linux-arm64-musl": "0.135.0",
-    "@oxc-parser/binding-linux-x64-gnu": "0.135.0",
-    "@oxc-parser/binding-linux-x64-musl": "0.135.0",
-    "@oxc-parser/binding-win32-x64-msvc": "0.135.0"
+    "@oxc-parser/binding-darwin-arm64": "0.141.0",
+    "@oxc-parser/binding-linux-arm64-gnu": "0.141.0",
+    "@oxc-parser/binding-linux-arm64-musl": "0.141.0",
+    "@oxc-parser/binding-linux-x64-gnu": "0.141.0",
+    "@oxc-parser/binding-linux-x64-musl": "0.141.0",
+    "@oxc-parser/binding-win32-x64-msvc": "0.141.0"
   }
 }

package/dist/runtime/assets/overrides.css

@@ -1 +0,0 @@
-html{@apply max-xs:text-[smaller]}.bg-body,html{@apply bg-white}.p-datatable-tbody td.p-datatable-frozen-column{background:inherit}.p-popover-content>div{@apply max-sm:p-0}@media (prefers-color-scheme:dark){.bg-body,html{@apply bg-zinc-925}}