quasar 2.15.2 → 2.15.4

package/src/components/stepper/QStep.json

@@ -3,7 +3,7 @@
     "docsUrl": "https://v2.quasar.dev/vue-components/stepper"
   },
 
-  "mixins": [ "composables/private/use-panel.child" ],
+  "mixins": [ "composables/private.use-panel/use-panel.child" ],
 
   "props": {
     "icon": {

package/src/components/stepper/QStepper.js

@@ -2,12 +2,12 @@ import { h, computed, provide, getCurrentInstance } from 'vue'
 
 import StepHeader from './StepHeader.js'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
-import usePanel, { usePanelProps, usePanelEmits } from '../../composables/private/use-panel.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
+import usePanel, { usePanelProps, usePanelEmits } from '../../composables/private.use-panel/use-panel.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { stepperKey } from '../../utils/private/symbols.js'
-import { hSlot, hMergeSlot, hDir } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { stepperKey } from '../../utils/private.symbols/symbols.js'
+import { hSlot, hMergeSlot, hDir } from '../../utils/private.render/render.js'
 
 const camelRE = /(-\w)/g
 

package/src/components/stepper/QStepper.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-panel" ],
+  "mixins": [ "composables/private.use-panel/use-panel" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/stepper"

package/src/components/stepper/QStepperNavigation.js

@@ -1,7 +1,7 @@
 import { h } from 'vue'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
 
 export default createComponent({
   name: 'QStepperNavigation',

package/src/components/stepper/StepHeader.js

@@ -3,7 +3,7 @@ import { h, ref, computed, withDirectives, getCurrentInstance } from 'vue'
 import QIcon from '../icon/QIcon.js'
 import Ripple from '../../directives/ripple/Ripple.js'
 
-import { createComponent } from '../../utils/private/create.js'
+import { createComponent } from '../../utils/private.create/create.js'
 
 export default createComponent({
   name: 'StepHeader',

package/src/components/tab-panels/QTabPanel.js

@@ -1,9 +1,9 @@
 import { h } from 'vue'
 
-import { usePanelChildProps } from '../../composables/private/use-panel.js'
+import { usePanelChildProps } from '../../composables/private.use-panel/use-panel.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
 
 export default createComponent({
   name: 'QTabPanel',

package/src/components/tab-panels/QTabPanel.json

@@ -3,13 +3,7 @@
     "docsUrl": "https://v2.quasar.dev/vue-components/tab-panels"
   },
 
-  "mixins": [ "composables/private/use-panel.child" ],
-
-  "props": {
-    "dark": {
-      "extends": "dark"
-    }
-  },
+  "mixins": [ "composables/private.use-panel/use-panel.child" ],
 
   "slots": {
     "default": {

package/src/components/tab-panels/QTabPanels.js

@@ -1,10 +1,10 @@
 import { computed, getCurrentInstance } from 'vue'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
-import usePanel, { usePanelProps, usePanelEmits } from '../../composables/private/use-panel.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
+import usePanel, { usePanelProps, usePanelEmits } from '../../composables/private.use-panel/use-panel.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hDir } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hDir } from '../../utils/private.render/render.js'
 
 export default createComponent({
   name: 'QTabPanels',

package/src/components/tab-panels/QTabPanels.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-panel" ],
+  "mixins": [ "composables/private.use-panel/use-panel" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/tab-panels"

package/src/components/table/QTable.js

@@ -12,9 +12,9 @@ import QBtn from '../btn/QBtn.js'
 
 import getTableMiddle from './get-table-middle.js'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
 import { commonVirtPropsList } from '../virtual-scroll/use-virtual-scroll.js'
-import useFullscreen, { useFullscreenProps, useFullscreenEmits } from '../../composables/private/use-fullscreen.js'
+import useFullscreen, { useFullscreenProps, useFullscreenEmits } from '../../composables/private.use-fullscreen/use-fullscreen.js'
 
 import { useTableSort, useTableSortProps } from './table-sort.js'
 import { useTableFilter, useTableFilterProps } from './table-filter.js'
@@ -23,8 +23,8 @@ import { useTableRowSelection, useTableRowSelectionProps, useTableRowSelectionEm
 import { useTableRowExpand, useTableRowExpandProps, useTableRowExpandEmits } from './table-row-expand.js'
 import { useTableColumnSelection, useTableColumnSelectionProps } from './table-column-selection.js'
 
-import { injectProp, injectMultipleProps } from '../../utils/private/inject-obj-prop.js'
-import { createComponent } from '../../utils/private/create.js'
+import { injectProp, injectMultipleProps } from '../../utils/private.inject-obj-prop/inject-obj-prop.js'
+import { createComponent } from '../../utils/private.create/create.js'
 
 const bottomClass = 'q-table__bottom row items-center'
 
@@ -435,21 +435,21 @@ export default createComponent({
       if (props.onRowClick !== void 0) {
         data.class[ 'cursor-pointer' ] = true
         data.onClick = evt => {
-          emit('RowClick', evt, row, pageIndex)
+          emit('rowClick', evt, row, pageIndex)
         }
       }
 
       if (props.onRowDblclick !== void 0) {
         data.class[ 'cursor-pointer' ] = true
         data.onDblclick = evt => {
-          emit('RowDblclick', evt, row, pageIndex)
+          emit('rowDblclick', evt, row, pageIndex)
         }
       }
 
       if (props.onRowContextmenu !== void 0) {
         data.class[ 'cursor-pointer' ] = true
         data.onContextmenu = evt => {
-          emit('RowContextmenu', evt, row, pageIndex)
+          emit('rowContextmenu', evt, row, pageIndex)
         }
       }
 

package/src/components/table/QTable.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-fullscreen" ],
+  "mixins": [ "composables/private.use-fullscreen/use-fullscreen" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/table"
@@ -189,7 +189,7 @@
         "sort": {
           "type": "Function",
           "desc": "Compare function if you have some custom data or want a specific way to compare two rows; rows with null/undefined values will get sorted without triggering this method (use 'rawSort' instead if you want to handle those values too)",
-          "examples": ["(a, b, rowA, rowB) => parseInt(a, 10) - parseInt(b, 10)"],
+          "examples": ["(a, b, _rowA, _rowB) => parseInt(a, 10) - parseInt(b, 10)"],
           "params": {
             "a": {
               "type": "Any",
@@ -225,7 +225,7 @@
         "rawSort": {
           "type": "Function",
           "desc": "Compare function if you have some custom data or want a specific way to compare two rows; includes rows with null/undefined values (use 'sort' instead if you don't want that)",
-          "examples": ["(a, b, rowA, rowB) => parseInt(a, 10) - parseInt(b, 10)"],
+          "examples": ["(a, b, _rowA, _rowB) => parseInt(a, 10) - parseInt(b, 10)"],
           "params": {
             "a": {
               "type": "Any",
@@ -268,7 +268,7 @@
         "format": {
           "type": "Function",
           "desc": "Function you can apply to format your data",
-          "examples": [ "(val, row) => `${val}%`", "val => val ? /* Unicode checkmark checked */ '\u2611' : /* Unicode checkmark unchecked */ '\u2610'" ],
+          "examples": [ "(val, _row) => `${ val }%`", "val => val ? /* Unicode checkmark checked */ '\u2611' : /* Unicode checkmark unchecked */ '\u2610'" ],
           "params": {
             "val": {
               "type": "Any",
@@ -528,7 +528,7 @@
       "desc": "CSS classes to apply to native HTML <table> element's wrapper (which is a DIV)",
       "examples": [
         "'my-special-class'",
-        "{ 'my-special-class': <condition> }"
+        "{ 'my-special-class': true }"
       ],
       "category": "style"
     },
@@ -550,7 +550,7 @@
       "desc": "CSS classes to apply to header of native HTML <table> (which is a TR)",
       "examples": [
         "'my-special-class'",
-        "{ 'my-special-class': <condition> }"
+        "{ 'my-special-class': true }"
       ],
       "category": "style"
     },
@@ -573,7 +573,7 @@
       "examples": [
         "'my-special-class'",
         "'justify-center'",
-        "{ 'my-special-class': <condition> }"
+        "{ 'my-special-class': true }"
       ],
       "category": "style"
     },
@@ -595,7 +595,7 @@
       "desc": "CSS classes to apply to the card (when in grid mode) or container card (when not in grid mode)",
       "examples": [
         "'my-special-class'",
-        "{ 'my-special-class': <condition> }"
+        "{ 'my-special-class': true }"
       ],
       "category": "style"
     },
@@ -607,7 +607,7 @@
       "examples": [
         "'my-special-class'",
         "'text-h1'",
-        "{ 'text-h1': <condition> }"
+        "{ 'text-h1': true }"
       ],
       "category": "style"
     },
@@ -704,7 +704,7 @@
       "type": "Array",
       "desc": "Options for user to pick (Numbers); Number 0 means 'Show all rows in one page'",
       "default": "[ 3, 5, 7, 10, 15, 20, 25, 50, 0 ]",
-      "examples": [ "[10, 20]" ],
+      "examples": [ "[ 10, 20 ]" ],
       "category": "pagination"
     },
 
@@ -2144,7 +2144,8 @@
             }
           }
         }
-      }
+      },
+      "returns": null
     },
 
     "setPagination": {
@@ -2178,23 +2179,32 @@
           "type": "Boolean",
           "desc": "Also force a server request"
         }
-      }
+      },
+      "returns": null
     },
 
     "firstPage": {
-      "desc": "Navigates to first page"
+      "desc": "Navigates to first page",
+      "params": null,
+      "returns": null
     },
 
     "prevPage": {
-      "desc": "Navigates to previous page, if available"
+      "desc": "Navigates to previous page, if available",
+      "params": null,
+      "returns": null
     },
 
     "nextPage": {
-      "desc": "Navigates to next page, if available"
+      "desc": "Navigates to next page, if available",
+      "params": null,
+      "returns": null
     },
 
     "lastPage": {
-      "desc": "Navigates to last page"
+      "desc": "Navigates to last page",
+      "params": null,
+      "returns": null
     },
 
     "isRowSelected": {
@@ -2214,7 +2224,9 @@
     },
 
     "clearSelection": {
-      "desc": "Clears user selection (emits 'update:selected' with empty array)"
+      "desc": "Clears user selection (emits 'update:selected' with empty array)",
+      "params": null,
+      "returns": null
     },
 
     "isRowExpanded": {
@@ -2242,7 +2254,8 @@
           "desc": "Array containing keys of the expanded rows",
           "examples": [ "[ 'row-a', 'row-b' ]" ]
         }
-      }
+      },
+      "returns": null
     },
 
     "sort": {
@@ -2254,15 +2267,20 @@
           "desc": "Column name or column definition object",
           "examples": [ "'calories'" ]
         }
-      }
+      },
+      "returns": null
     },
 
     "toggleFullscreen": {
-      "desc": "Toggles fullscreen mode"
+      "desc": "Toggles fullscreen mode",
+      "params": null,
+      "returns": null
     },
 
     "resetVirtualScroll": {
-      "desc": "Resets the virtual scroll (if using it) computations; Needed for custom edge-cases"
+      "desc": "Resets the virtual scroll (if using it) computations; Needed for custom edge-cases",
+      "params": null,
+      "returns": null
     },
 
     "scrollTo": {
@@ -2279,7 +2297,8 @@
           "values": [ "'start'", "'center'", "'end'", "'start-force'", "'center-force'", "'end-force'" ],
           "default": "# end/start"
         }
-      }
+      },
+      "returns": null
     }
   },
 

package/src/components/table/QTd.js

@@ -1,7 +1,7 @@
 import { h, computed, getCurrentInstance } from 'vue'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
 
 export default createComponent({
   name: 'QTd',

package/src/components/table/QTh.js

@@ -2,8 +2,8 @@ import { h, getCurrentInstance } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot, hUniqueSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot, hUniqueSlot } from '../../utils/private.render/render.js'
 
 export default createComponent({
   name: 'QTh',

package/src/components/table/QTr.js

@@ -1,7 +1,7 @@
 import { h, computed } from 'vue'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
 
 export default createComponent({
   name: 'QTr',

package/src/components/table/table-column-selection.js

@@ -1,6 +1,6 @@
 import { computed } from 'vue'
 
-import { isNumber } from '../../utils/is.js'
+import { isNumber } from '../../utils/is/is.js'
 
 export const useTableColumnSelectionProps = {
   visibleColumns: Array

package/src/components/table/table-sort.js

@@ -1,7 +1,7 @@
 import { computed } from 'vue'
 
-import { sortDate } from '../../utils/private/sort.js'
-import { isNumber, isDate, isObject } from '../../utils/is.js'
+import { sortDate } from '../../utils/private.sort/sort.js'
+import { isNumber, isDate, isObject } from '../../utils/is/is.js'
 
 export const useTableSortProps = {
   sortMethod: Function,

package/src/components/tabs/QRouteTab.js

@@ -1,9 +1,9 @@
 import { computed, watch } from 'vue'
 
-import useRouterLink, { useRouterLinkProps } from '../../composables/private/use-router-link.js'
+import useRouterLink, { useRouterLinkProps } from '../../composables/private.use-router-link/use-router-link.js'
 import useTab, { useTabProps, useTabEmits } from './use-tab.js'
 
-import { createComponent } from '../../utils/private/create.js'
+import { createComponent } from '../../utils/private.create/create.js'
 
 export default createComponent({
   name: 'QRouteTab',

package/src/components/tabs/QRouteTab.json

@@ -3,7 +3,7 @@
     "docsUrl": "https://v2.quasar.dev/vue-components/tabs"
   },
 
-  "mixins": [ "components/tabs/QTab", "composables/private/use-router-link" ],
+  "mixins": [ "components/tabs/QTab", "composables/private.use-router-link/use-router-link" ],
 
   "events": {
     "click": {

package/src/components/tabs/QTab.js

@@ -1,6 +1,6 @@
 import useTab, { useTabProps, useTabEmits } from './use-tab.js'
 
-import { createComponent } from '../../utils/private/create.js'
+import { createComponent } from '../../utils/private.create/create.js'
 
 export default createComponent({
   name: 'QTab',

package/src/components/tabs/QTabs.js

@@ -3,13 +3,13 @@ import { h, ref, computed, watch, onBeforeUnmount, onActivated, onDeactivated, g
 import QIcon from '../icon/QIcon.js'
 import QResizeObserver from '../resize-observer/QResizeObserver.js'
 
-import useTick from '../../composables/use-tick.js'
-import useTimeout from '../../composables/use-timeout.js'
+import useTick from '../../composables/use-tick/use-tick.js'
+import useTimeout from '../../composables/use-timeout/use-timeout.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
-import { tabsKey } from '../../utils/private/symbols.js'
-import { rtlHasScrollBug } from '../../utils/private/rtl.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
+import { tabsKey } from '../../utils/private.symbols/symbols.js'
+import { rtlHasScrollBug } from '../../utils/private.rtl/rtl.js'
 
 function getIndicatorClass (color, top, vertical) {
   const pos = vertical === true

package/src/components/tabs/use-tab.js

@@ -4,12 +4,12 @@ import QIcon from '../icon/QIcon.js'
 
 import Ripple from '../../directives/ripple/Ripple.js'
 
-import { hMergeSlot } from '../../utils/private/render.js'
-import { isKeyCode, shouldIgnoreKey } from '../../utils/private/key-composition.js'
-import { tabsKey, emptyRenderFn } from '../../utils/private/symbols.js'
-import { stopAndPrevent } from '../../utils/event.js'
-import uid from '../../utils/uid.js'
-import { isDeepEqual } from '../../utils/is.js'
+import { hMergeSlot } from '../../utils/private.render/render.js'
+import { isKeyCode, shouldIgnoreKey } from '../../utils/private.keyboard/key-composition.js'
+import { tabsKey, emptyRenderFn } from '../../utils/private.symbols/symbols.js'
+import { stopAndPrevent } from '../../utils/event/event.js'
+import uid from '../../utils/uid/uid.js'
+import { isDeepEqual } from '../../utils/is/is.js'
 
 let id = 0
 

package/src/components/time/QTime.js

@@ -3,16 +3,16 @@ import { h, ref, computed, watch, withDirectives, Transition, nextTick, getCurre
 import QBtn from '../btn/QBtn.js'
 import TouchPan from '../../directives/touch-pan/TouchPan.js'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
-import { useFormProps, useFormAttrs, useFormInject } from '../../composables/private/use-form.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
+import { useFormProps, useFormAttrs, useFormInject } from '../../composables/use-form/private.use-form.js'
 import useDatetime, { useDatetimeProps, useDatetimeEmits, getDayHash } from '../date/use-datetime.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
-import { formatDate, __splitDate } from '../../utils/date.js'
-import { position } from '../../utils/event.js'
-import { pad } from '../../utils/format.js'
-import { vmIsDestroyed } from '../../utils/private/vm.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
+import { formatDate, __splitDate } from '../../utils/date/date.js'
+import { position } from '../../utils/event/event.js'
+import { pad } from '../../utils/format/format.js'
+import { vmIsDestroyed } from '../../utils/private.vm/vm.js'
 
 function getViewByModel (model, withSeconds) {
   if (model.hour !== null) {

package/src/components/time/QTime.json

@@ -69,14 +69,14 @@
     "minute-options": {
       "type": "Array",
       "desc": "Optionally configure what minutes is the user allowed to set; Overrides 'options' prop if that is also set",
-      "examples": [ "[0, 15, 30, 45]" ],
+      "examples": [ "[ 0, 15, 30, 45 ]" ],
       "category": "behavior"
     },
 
     "second-options": {
       "type": "Array",
       "desc": "Optionally configure what seconds is the user allowed to set; Overrides 'options' prop if that is also set",
-      "examples": [ "[0, 7, 10, 23]" ],
+      "examples": [ "[ 0, 7, 10, 23 ]" ],
       "category": "behavior"
     },
 
@@ -158,7 +158,9 @@
 
   "methods": {
     "setNow": {
-      "desc": "Change model to current moment"
+      "desc": "Change model to current moment",
+      "params": null,
+      "returns": null
     }
   }
 }

package/src/components/timeline/QTimeline.js

@@ -1,10 +1,10 @@
 import { h, computed, provide, getCurrentInstance } from 'vue'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
-import { timelineKey } from '../../utils/private/symbols.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
+import { timelineKey } from '../../utils/private.symbols/symbols.js'
 
 export default createComponent({
   name: 'QTimeline',

package/src/components/timeline/QTimelineEntry.js

@@ -2,9 +2,9 @@ import { h, computed, inject } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot, hUniqueSlot } from '../../utils/private/render.js'
-import { timelineKey, emptyRenderFn } from '../../utils/private/symbols.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot, hUniqueSlot } from '../../utils/private.render/render.js'
+import { timelineKey, emptyRenderFn } from '../../utils/private.symbols/symbols.js'
 
 export default createComponent({
   name: 'QTimelineEntry',

package/src/components/toggle/QToggle.js

@@ -4,7 +4,7 @@ import QIcon from '../icon/QIcon.js'
 
 import useCheckbox, { useCheckboxProps, useCheckboxEmits } from '../checkbox/use-checkbox.js'
 
-import { createComponent } from '../../utils/private/create.js'
+import { createComponent } from '../../utils/private.create/create.js'
 
 export default createComponent({
   name: 'QToggle',

package/src/components/toolbar/QToolbar.js

@@ -1,7 +1,7 @@
 import { h, computed } from 'vue'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
 
 export default createComponent({
   name: 'QToolbar',

package/src/components/toolbar/QToolbar.test.js

@@ -0,0 +1,45 @@
+import { mount, flushPromises } from '@vue/test-utils'
+import { describe, test, expect } from 'vitest'
+
+import QToolbar from './QToolbar.js'
+
+describe('[QToolbar API]', () => {
+  describe('[Props]', () => {
+    describe('[(prop)inset]', () => {
+      test('is defined correctly', () => {
+        expect(QToolbar.props.inset).toBeDefined()
+      })
+
+      test('type Boolean has effect', async () => {
+        const wrapper = mount(QToolbar)
+        const target = wrapper.get('.q-toolbar')
+
+        expect(
+          target.classes()
+        ).not.toContain('q-toolbar--inset')
+
+        await wrapper.setProps({ inset: true })
+        await flushPromises()
+
+        expect(
+          target.classes()
+        ).toContain('q-toolbar--inset')
+      })
+    })
+  })
+
+  describe('[Slots]', () => {
+    describe('[(slot)default]', () => {
+      test('renders the content', () => {
+        const slotContent = 'some-slot-content'
+        const wrapper = mount(QToolbar, {
+          slots: {
+            default: () => slotContent
+          }
+        })
+
+        expect(wrapper.html()).toContain(slotContent)
+      })
+    })
+  })
+})

package/src/components/toolbar/QToolbarTitle.js

@@ -1,7 +1,7 @@
 import { h, computed } from 'vue'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
 
 export default createComponent({
   name: 'QToolbarTitle',