@simsustech/quasar-components 0.12.2 → 0.12.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @simsustech/quasar-components
 
+## 0.12.3
+
+### Patch Changes
+
+- ff2fc3b: fix(components): fix Md3Layout rendering
+
 ## 0.12.2
 
 ### Patch Changes

package/dist/md3.js

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
 import { QBtn, QDrawer, QFooter, QHeader, QLayout, QPageContainer, QPageSticky, QToolbar, debounce, useQuasar } from "quasar";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, onMounted, openBlock, ref, renderSlot, resolveComponent, toRefs, toValue, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, onMounted, openBlock, ref, renderSlot, resolveComponent, toRefs, toValue, unref, watch, withCtx } from "vue";
 //#region src/ui/md3/NavigationRailFabs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$1 = { key: 0 };
 //#endregion
@@ -264,7 +264,8 @@ function onClickOutside(target, handler, options = {}) {
 Number.POSITIVE_INFINITY;
 //#endregion
 //#region src/ui/md3/Md3Layout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
+var _hoisted_1 = { key: 0 };
+var _hoisted_2 = {
 	id: "fabs",
 	class: "q-mb-md min-h-56px"
 };
@@ -325,7 +326,7 @@ var Md3Layout_default = /* @__PURE__ */ defineComponent({
 			const _component_q_page_container = QPageContainer;
 			const _component_q_layout = QLayout;
 			return openBlock(), createBlock(_component_q_layout, { view: "lHh Lpr lFf" }, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", null, [
+				default: withCtx(() => [__props.ready ? (openBlock(), createElementBlock("div", _hoisted_1, [
 					createVNode(_component_q_header, null, {
 						default: withCtx(() => [createVNode(_component_q_toolbar, null, {
 							default: withCtx(() => [!miniState.value ? (openBlock(), createBlock(_component_q_btn, {
@@ -368,7 +369,7 @@ var Md3Layout_default = /* @__PURE__ */ defineComponent({
 								class: "q-mb-md",
 								onClick: _cache[1] || (_cache[1] = ($event) => toggleLeftDrawer())
 							}),
-							createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "fabs", { showSticky: false })]),
+							createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "fabs", { showSticky: false })]),
 							renderSlot(_ctx.$slots, "drawer-mini-navigation")
 						], 2)]),
 						default: withCtx(() => [renderSlot(_ctx.$slots, "drawer")]),
@@ -386,7 +387,7 @@ var Md3Layout_default = /* @__PURE__ */ defineComponent({
 						default: withCtx(() => [createVNode(_component_router_view), renderSlot(_ctx.$slots, "fabs", { showSticky: true })]),
 						_: 3
 					})
-				], 512), [[vShow, __props.ready]])]),
+				])) : createCommentVNode("", true)]),
 				_: 3
 			});
 		};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.12.2",
+  "version": "0.12.3",
   "description": "High level components for Quasar Framework",
   "bugs": "https://github.com/simsusech/quasar-components/issues",
   "license": "MIT",

package/src/ui/md3/Md3Layout.vue

@@ -1,6 +1,6 @@
 <template>
   <q-layout view="lHh Lpr lFf">
-    <div v-show="ready">
+    <div v-if="ready">
       <q-header>
         <q-toolbar>
           <q-btn