nuance-ui 0.3.2 → 0.3.3

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.0.0"
   },
-  "version": "0.3.2",
+  "version": "0.3.3",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -123,6 +123,10 @@ const module$1 = defineNuxtModule({
       filename: "types/nui-app-config.d.ts",
       src: resolve("./runtime/app-config.d.ts")
     });
+    addTypeTemplate({
+      filename: "types/nui-page-meta.d.ts",
+      src: resolve("./runtime/components/app-shell/page-meta.d.ts")
+    });
     nuxt.options.postcss = nuxt.options.postcss || {};
     nuxt.options.postcss.plugins = nuxt.options.postcss.plugins || {};
     nuxt.options.postcss.plugins = defu(nuxt.options.postcss.plugins, {

package/dist/runtime/components/app-shell/app-shell.vue

@@ -1,14 +1,10 @@
 <script setup>
 import { useProvideDatesConfig, useVarsResolver } from "@nui/composables";
+import { watch } from "vue";
+import { useRoute } from "vue-router";
 import Box from "../box.vue";
 import { useProvideAppShell } from "./context";
-const {
-  is,
-  mod,
-  layout = "default",
-  withBorder = false,
-  dateConfig
-} = defineProps({
+const props = defineProps({
   layout: { type: String, required: false },
   withBorder: { type: Boolean, required: false },
   dateConfig: { type: Object, required: false },
@@ -19,12 +15,19 @@ const {
   is: { type: null, required: false },
   mod: { type: [Object, Array, null], required: false }
 });
-const aside = defineModel("aside", { type: Boolean, ...{ default: (props) => !!props.hideAside } });
-const header = defineModel("header", { type: Boolean, ...{ default: (props) => !!props.hideHeader } });
-const navbar = defineModel("navbar", { type: Boolean, ...{ default: (props) => !!props.hideNavbar } });
-const footer = defineModel("footer", { type: Boolean, ...{ default: (props) => !!props.hideFooter } });
+const aside = defineModel("aside", { type: Boolean, ...{ default: (p) => !!p.hideAside } });
+const header = defineModel("header", { type: Boolean, ...{ default: (p) => !!p.hideHeader } });
+const navbar = defineModel("navbar", { type: Boolean, ...{ default: (p) => !!p.hideNavbar } });
+const footer = defineModel("footer", { type: Boolean, ...{ default: (p) => !!p.hideFooter } });
 useProvideAppShell({ aside, footer, header, navbar });
-useProvideDatesConfig(dateConfig);
+useProvideDatesConfig(props.dateConfig);
+const route = useRoute();
+watch(() => route.meta?.shell, (meta) => {
+  header.value = meta?.hideHeader ?? !!props.hideHeader;
+  footer.value = meta?.hideFooter ?? !!props.hideFooter;
+  navbar.value = meta?.hideNavbar ?? !!props.hideNavbar;
+  aside.value = meta?.hideAside ?? !!props.hideAside;
+}, { immediate: true });
 const style = useVarsResolver(() => ({
   root: {
     "--app-shell-navbar-transform": navbar.value ? "translateX(calc(-1 * var(--app-shell-navbar-width)))" : void 0,

package/dist/runtime/components/app-shell/page-meta.d.ts

@@ -0,0 +1,16 @@
+import type { AppShellProps } from './app-shell.vue'
+
+
+declare module '#app' {
+	interface PageMeta {
+		shell?: Pick<
+			AppShellProps,
+			| 'hideAside'
+			| 'hideFooter'
+			| 'hideHeader'
+			| 'hideNavbar'
+		>
+	}
+}
+
+export {}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nuance-ui",
-	"version": "0.3.2",
+	"version": "0.3.3",
 	"description": "A modern Nuxt UI library inspired by the best of the React ecosystem.",
 	"repository": {
 		"type": "git",