quasar 2.15.1 → 2.15.3

package/src/components/item/QItem.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-router-link" ],
+  "mixins": [ "composables/private.use-router-link/use-router-link" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/list-and-list-items"
@@ -8,7 +8,7 @@
   "props": {
     "active": {
       "type": [ "Boolean", "null" ],
-      "default": null,
+      "default": "null",
       "desc": "Put item into 'active' state",
       "category": "state"
     },
@@ -30,7 +30,7 @@
     "inset-level": {
       "type": "Number",
       "desc": "Apply an inset; Useful when avatar/left side is missing but you want to align content with other items that do have a left side, or when you're building a menu",
-      "examples": [ ":inset-level=\"1\"" ],
+      "examples": [ "1" ],
       "category": "content"
     },
 
@@ -41,8 +41,8 @@
     "tag": {
       "extends": "tag",
       "desc": "HTML tag to render; Suggestion: use 'label' when encapsulating a QCheckbox/QRadio/QToggle so that when user clicks/taps on the whole item it will trigger a model change for the mentioned components",
-      "default": "div",
-      "examples": [ "a", "label", "div" ]
+      "default": "'div'",
+      "examples": [ "'a'", "'label'", "'div'" ]
     },
 
     "manual-focus": {
@@ -88,7 +88,7 @@
                   "desc": "Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop",
                   "required": false,
                   "examples": [
-                    "/home/dashboard",
+                    "'/home/dashboard'",
                     "{ name: 'my-route-name' }"
                   ]
                 },

package/src/components/item/QItemLabel.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: 'QItemLabel',

package/src/components/item/QItemSection.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: 'QItemSection',

package/src/components/item/QList.js

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

package/src/components/item/QList.json

@@ -30,8 +30,8 @@
 
     "tag": {
       "extends": "tag",
-      "default": "div",
-      "examples": [ "div", "ul", "ol" ],
+      "default": "'div'",
+      "examples": [ "'div'", "'ul'", "'ol'" ],
       "addedIn": "v2.10.1"
     }
   },

package/src/components/knob/QKnob.js

@@ -1,15 +1,15 @@
 import { h, ref, computed, watch, getCurrentInstance } from 'vue'
 
 import QCircularProgress from '../circular-progress/QCircularProgress.js'
-import TouchPan from '../../directives/TouchPan.js'
+import TouchPan from '../../directives/touch-pan/TouchPan.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { position, stopAndPrevent } from '../../utils/event.js'
-import { between, normalizeToInterval } from '../../utils/format.js'
-import { hDir } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { position, stopAndPrevent } from '../../utils/event/event.js'
+import { between, normalizeToInterval } from '../../utils/format/format.js'
+import { hDir } from '../../utils/private.render/render.js'
 
-import { useFormProps, useFormAttrs } from '../../composables/private/use-form.js'
-import { useCircularCommonProps } from '../circular-progress/use-circular-progress.js'
+import { useFormProps, useFormAttrs } from '../../composables/use-form/private.use-form.js'
+import { useCircularCommonProps } from '../circular-progress/circular-progress.js'
 
 // PGDOWN, LEFT, DOWN, PGUP, RIGHT, UP
 const keyCodes = [ 34, 37, 40, 33, 39, 38 ]

package/src/components/knob/QKnob.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-size", "composables/private/use-form" ],
+  "mixins": [ "composables/private.use-size/use-size", "composables/use-form/private.use-form" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/knob"
@@ -10,7 +10,7 @@
       "extends": "model-value",
       "type": "Number",
       "desc": "Any number to indicate the given value of the knob. Either use this property (along with a listener for 'update:modelValue' event) OR use the v-model directive",
-      "examples": [ "v-model=\"myValue\"" ]
+      "examples": [ "# v-model=\"myValue\"" ]
     },
 
     "min": {
@@ -41,7 +41,7 @@
 
     "step": {
       "type": "Number",
-      "default": 1,
+      "default": "1",
       "desc": "A number representing steps in the value of the model, while adjusting the knob",
       "category": "model"
     },
@@ -75,14 +75,14 @@
     "font-size": {
       "type": "String",
       "desc": "Size of text in CSS units, including unit name. Suggestion: use 'em' units to sync with component size",
-      "default": "0.25em",
-      "examples": [ "1em", "16px", "2rem" ],
+      "default": "'0.25em'",
+      "examples": [ "'1em'", "'16px'", "'2rem'" ],
       "category": "style"
     },
 
     "thickness": {
       "type": "Number",
-      "default": 0.2,
+      "default": "0.2",
       "desc": "Thickness of progress arc as a ratio (0.0 < x < 1.0) of component size",
       "category": "style"
     },
@@ -90,7 +90,7 @@
     "angle": {
       "type": "Number",
       "desc": "Angle to rotate progress arc by",
-      "default": 0,
+      "default": "0",
       "category": "content"
     },
 

package/src/components/layout/QLayout.js

@@ -1,14 +1,14 @@
 import { h, ref, reactive, computed, watch, provide, onUnmounted, getCurrentInstance } from 'vue'
 
-import { isRuntimeSsrPreHydration } from '../../plugins/Platform.js'
+import { isRuntimeSsrPreHydration } from '../../plugins/platform/Platform.js'
 
 import QScrollObserver from '../scroll-observer/QScrollObserver.js'
 import QResizeObserver from '../resize-observer/QResizeObserver.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { getScrollbarWidth } from '../../utils/scroll.js'
-import { hMergeSlot } from '../../utils/private/render.js'
-import { layoutKey } from '../../utils/private/symbols.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { getScrollbarWidth } from '../../utils/scroll/scroll.js'
+import { hMergeSlot } from '../../utils/private.render/render.js'
+import { layoutKey } from '../../utils/private.symbols/symbols.js'
 
 export default createComponent({
   name: 'QLayout',

package/src/components/layout/QLayout.json

@@ -7,10 +7,8 @@
     "view": {
       "type": "String",
       "desc": "Defines how your layout components (header/footer/drawer) should be placed on screen; See docs examples",
-      "default": "hhh lpr fff",
-      "examples": [
-        "hHh lpR fFf"
-      ],
+      "default": "'hhh lpr fff'",
+      "examples": [ "'hHh lpR fFf'" ],
       "category": "content"
     },
 
@@ -67,7 +65,7 @@
               "type": "String",
               "required": true,
               "desc": "Direction of scroll",
-              "values": [ "up", "down" ]
+              "values": [ "'up'", "'down'" ]
             },
             "directionChanged": {
               "type": "Boolean",

package/src/components/linear-progress/QLinearProgress.js

@@ -1,10 +1,10 @@
 import { h, computed, getCurrentInstance } from 'vue'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
-import useSize, { useSizeProps } from '../../composables/private/use-size.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
+import useSize, { useSizeProps } from '../../composables/private.use-size/use-size.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hMergeSlot } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hMergeSlot } from '../../utils/private.render/render.js'
 
 const defaultSizes = {
   xs: 2,

package/src/components/linear-progress/QLinearProgress.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-size" ],
+  "mixins": [ "composables/private.use-size/use-size" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/linear-progress"
@@ -9,7 +9,7 @@
     "value": {
       "type": "Number",
       "desc": "Progress value (0.0 < x < 1.0)",
-      "default": 0,
+      "default": "0",
       "category": "model"
     },
 
@@ -68,7 +68,7 @@
 
     "animation-speed": {
       "extends": "animation-speed",
-      "default": 2100,
+      "default": "2100",
       "addedIn": "v2.3"
     }
   },

package/src/components/markup-table/QMarkupTable.js

@@ -1,9 +1,9 @@
 import { h, computed, 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 { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
 
 const separatorValues = [ 'horizontal', 'vertical', 'cell', 'none' ]
 

package/src/components/markup-table/QMarkupTable.json

@@ -27,9 +27,9 @@
     "separator": {
       "type": "String",
       "desc": "Use a separator/border between rows, columns or all cells",
-      "default": "horizontal",
-      "values": [ "horizontal", "vertical", "cell", "none" ],
-      "examples": [ "cell" ],
+      "default": "'horizontal'",
+      "values": [ "'horizontal'", "'vertical'", "'cell'", "'none'" ],
+      "examples": [ "'cell'" ],
       "category": "content"
     },
 

package/src/components/menu/QMenu.js

@@ -1,28 +1,28 @@
 import { h, ref, computed, watch, Transition, onBeforeUnmount, getCurrentInstance } from 'vue'
 
-import useAnchor, { useAnchorProps } from '../../composables/private/use-anchor.js'
-import useScrollTarget from '../../composables/private/use-scroll-target.js'
-import useModelToggle, { useModelToggleProps, useModelToggleEmits } from '../../composables/private/use-model-toggle.js'
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
-import usePortal from '../../composables/private/use-portal.js'
-import useTransition, { useTransitionProps } from '../../composables/private/use-transition.js'
-import useTick from '../../composables/use-tick.js'
-import useTimeout from '../../composables/use-timeout.js'
-
-import { createComponent } from '../../utils/private/create.js'
-import { closePortalMenus } from '../../utils/private/portal.js'
-import { getScrollTarget } from '../../utils/scroll.js'
-import { position, stopAndPrevent } from '../../utils/event.js'
-import { hSlot } from '../../utils/private/render.js'
-import { addEscapeKey, removeEscapeKey } from '../../utils/private/escape-key.js'
-import { addFocusout, removeFocusout } from '../../utils/private/focusout.js'
-import { childHasFocus } from '../../utils/dom.js'
-import { addClickOutside, removeClickOutside } from '../../utils/private/click-outside.js'
-import { addFocusFn } from '../../utils/private/focus-manager.js'
+import useAnchor, { useAnchorProps } from '../../composables/private.use-anchor/use-anchor.js'
+import useScrollTarget from '../../composables/private.use-scroll-target/use-scroll-target.js'
+import useModelToggle, { useModelToggleProps, useModelToggleEmits } from '../../composables/private.use-model-toggle/use-model-toggle.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
+import usePortal from '../../composables/private.use-portal/use-portal.js'
+import useTransition, { useTransitionProps } from '../../composables/private.use-transition/use-transition.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/create.js'
+import { closePortalMenus } from '../../utils/private.portal/portal.js'
+import { getScrollTarget } from '../../utils/scroll/scroll.js'
+import { position, stopAndPrevent } from '../../utils/event/event.js'
+import { hSlot } from '../../utils/private.render/render.js'
+import { addEscapeKey, removeEscapeKey } from '../../utils/private.keyboard/escape-key.js'
+import { addFocusout, removeFocusout } from '../../utils/private.focus/focusout.js'
+import { childHasFocus } from '../../utils/dom/dom.js'
+import { addClickOutside, removeClickOutside } from '../../utils/private.click-outside/click-outside.js'
+import { addFocusFn } from '../../utils/private.focus/focus-manager.js'
 
 import {
   validatePosition, validateOffset, setPosition, parsePosition
-} from '../../utils/private/position-engine.js'
+} from '../../utils/private.position-engine/position-engine.js'
 
 export default createComponent({
   name: 'QMenu',

package/src/components/menu/QMenu.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-model-toggle", "composables/private/use-portal", "composables/private/use-anchor", "composables/private/use-transition" ],
+  "mixins": [ "composables/private.use-model-toggle/use-model-toggle", "composables/private.use-portal/use-portal", "composables/private.use-anchor/use-anchor", "composables/private.use-transition/use-transition" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/menu"
@@ -26,9 +26,9 @@
       "type": "String",
       "desc": "Two values setting the starting position or anchor point of the menu relative to its target",
       "values": [
-        "top left", "top middle", "top right", "top start", "top end",
-        "center left", "center middle", "center right", "center start", "center end",
-        "bottom left", "bottom middle", "bottom right", "bottom start", "bottom end"
+        "'top left'", "'top middle'", "'top right'", "'top start'", "'top end'",
+        "'center left'", "'center middle'", "'center right'", "'center start'", "'center end'",
+        "'bottom left'", "'bottom middle'", "'bottom right'", "'bottom start'", "'bottom end'"
       ],
       "category": "position"
     },
@@ -37,9 +37,9 @@
       "type": "String",
       "desc": "Two values setting the menu's own position relative to its target",
       "values": [
-        "top left", "top middle", "top right", "top start", "top end",
-        "center left", "center middle", "center right", "center start", "center end",
-        "bottom left", "bottom middle", "bottom right", "bottom start", "bottom end"
+        "'top left'", "'top middle'", "'top right'", "'top start'", "'top end'",
+        "'center left'", "'center middle'", "'center right'", "'center start'", "'center end'",
+        "'bottom left'", "'bottom middle'", "'bottom right'", "'bottom start'", "'bottom end'"
       ],
       "category": "position"
     },
@@ -47,7 +47,7 @@
     "offset": {
       "type": "Array",
       "desc": "An array of two numbers to offset the menu horizontally and vertically in pixels",
-      "examples": [ "[8, 8]", "[5, 10]" ],
+      "examples": [ "[ 8, 8 ]", "[ 5, 10 ]" ],
       "category": "position"
     },
 
@@ -106,7 +106,7 @@
     "max-height": {
       "extends": "size",
       "type": [ "String", "null" ],
-      "default": null,
+      "default": "null",
       "desc": "The maximum height of the menu; Size in CSS units, including unit name",
       "category": "style"
     },
@@ -114,7 +114,7 @@
     "max-width": {
       "extends": "size",
       "type": [ "String", "null" ],
-      "default": null,
+      "default": "null",
       "desc": "The maximum width of the menu; Size in CSS units, including unit name",
       "category": "style"
     }
@@ -134,11 +134,15 @@
 
   "methods": {
     "updatePosition": {
-      "desc": "There are some custom scenarios for which Quasar cannot automatically reposition the menu without significant performance drawbacks so the optimal solution is for you to call this method when you need it"
+      "desc": "There are some custom scenarios for which Quasar cannot automatically reposition the menu without significant performance drawbacks so the optimal solution is for you to call this method when you need it",
+      "params": null,
+      "returns": null
     },
 
     "focus": {
-      "desc": "Focus menu; if you have content with autofocus attribute, it will directly focus it"
+      "desc": "Focus menu; if you have content with autofocus attribute, it will directly focus it",
+      "params": null,
+      "returns": null
     }
   }
 }

package/src/components/no-ssr/QNoSsr.js

@@ -1,9 +1,9 @@
 import { h } from 'vue'
 
-import useHydration from '../../composables/use-hydration.js'
+import useHydration from '../../composables/use-hydration/use-hydration.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: 'QNoSsr',

package/src/components/no-ssr/QNoSsr.json

@@ -6,14 +6,14 @@
   "props": {
     "tag": {
       "extends": "tag",
-      "default": "div",
-      "examples": [ "div", "span", "blockquote" ]
+      "default": "'div'",
+      "examples": [ "'div'", "'span'", "'blockquote'" ]
     },
 
     "placeholder": {
       "type": "String",
       "desc": "Text to display on server-side render (unless using 'placeholder' slot)",
-      "examples": [ "This is server-side only" ],
+      "examples": [ "'This is server-side only'" ],
       "category": "content"
     }
   },

package/src/components/option-group/QOptionGroup.js

@@ -4,9 +4,9 @@ import QRadio from '../radio/QRadio.js'
 import QCheckbox from '../checkbox/QCheckbox.js'
 import QToggle from '../toggle/QToggle.js'
 
-import { createComponent } from '../../utils/private/create.js'
+import { createComponent } from '../../utils/private.create/create.js'
 
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
+import useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'
 
 const components = {
   radio: QRadio,

package/src/components/option-group/QOptionGroup.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/private/use-size" ],
+  "mixins": [ "composables/private.use-size/use-size" ],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/option-group"
@@ -9,7 +9,7 @@
     "model-value": {
       "extends": "model-value",
       "type": "Any",
-      "examples": [ "v-model=\"group\"" ]
+      "examples": [ "# v-model=\"group\"" ]
     },
 
     "options": {
@@ -20,13 +20,13 @@
           "type": "String",
           "desc": "Label to display along the component",
           "required": true,
-          "examples": [ "Option 1", "Option 2", "Option 3" ]
+          "examples": [ "'Option 1'", "'Option 2'", "'Option 3'" ]
         },
         "value": {
           "type": "Any",
           "desc": "Value of the option that will be used by the component model",
           "required": true,
-          "examples": [ "op1", "op2", "op3" ]
+          "examples": [ "'op1'", "'op2'", "'op3'" ]
         },
         "disable": {
           "type": "Boolean",
@@ -35,27 +35,25 @@
         "...props": {
           "type": "Any",
           "desc": "Any other props from QToggle, QCheckbox, or QRadio",
-          "examples": [ "val=\"car\"", ":true-value=\"trueValue\"", "checked-icon=\"visibility\"" ]
+          "examples": [ "# val=\"car\"", "# :true-value=\"trueValue\"", "# checked-icon=\"visibility\"" ]
         }
       },
-      "examples": [
-        ":options=\"[ { label: 'Option 1', value: 'op1' }, { label: 'Option 2', value: 'op2' }, { label: 'Option 3', value: 'op3', disable: true } ]\""
-      ],
+      "examples": [ "[ { label: 'Option 1', value: 'op1' }, { label: 'Option 2', value: 'op2' }, { label: 'Option 3', value: 'op3', disable: true } ]" ],
       "category": "model"
     },
 
     "name": {
       "type": "String",
       "desc": "Used to specify the name of the controls; Useful if dealing with forms submitted directly to a URL",
-      "examples": [ "car_id" ],
+      "examples": [ "'car_id'" ],
       "category": "behavior"
     },
 
     "type": {
       "type": "String",
       "desc": "The type of input component to be used",
-      "values": [ "radio", "checkbox", "toggle" ],
-      "default": "radio",
+      "values": [ "'radio'", "'checkbox'", "'toggle'" ],
+      "default": "'radio'",
       "category": "content"
     },
 
@@ -106,13 +104,13 @@
               "type": "String",
               "desc": "Label to display along the component",
               "required": true,
-              "examples": [ "Option 1", "Option 2", "Option 3" ]
+              "examples": [ "'Option 1'", "'Option 2'", "'Option 3'" ]
             },
             "value": {
               "type": "Any",
               "desc": "Value of the option that will be used by the component model",
               "required": true,
-              "examples": [ "op1", "op2", "op3" ]
+              "examples": [ "'op1'", "'op2'", "'op3'" ]
             },
             "disable": {
               "type": "Boolean",
@@ -121,7 +119,7 @@
             "...props": {
               "type": "Any",
               "desc": "Any other props from QToggle, QCheckbox, or QRadio",
-              "examples": [ "val=\"car\"", ":true-value=\"trueValue\"", "checked-icon=\"visibility\"" ]
+              "examples": [ "# val=\"car\"", "# :true-value=\"trueValue\"", "# checked-icon=\"visibility\"" ]
             }
           }
         }
@@ -140,13 +138,13 @@
               "type": "String",
               "desc": "Label to display along the component",
               "required": true,
-              "examples": [ "Option 1", "Option 2", "Option 3" ]
+              "examples": [ "'Option 1'", "'Option 2'", "'Option 3'" ]
             },
             "value": {
               "type": "Any",
               "desc": "Value of the option that will be used by the component model",
               "required": true,
-              "examples": [ "op1", "op2", "op3" ]
+              "examples": [ "'op1'", "'op2'", "'op3'" ]
             },
             "disable": {
               "type": "Boolean",
@@ -155,7 +153,7 @@
             "...props": {
               "type": "Any",
               "desc": "Any other props from QToggle, QCheckbox, or QRadio",
-              "examples": [ "val=\"car\"", ":true-value=\"trueValue\"", "checked-icon=\"visibility\"" ]
+              "examples": [ "# val=\"car\"", "# :true-value=\"trueValue\"", "# checked-icon=\"visibility\"" ]
             }
           }
         }

package/src/components/page/QPage.js

@@ -1,8 +1,8 @@
 import { h, computed, inject, getCurrentInstance } from 'vue'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
-import { pageContainerKey, layoutKey, emptyRenderFn } from '../../utils/private/symbols.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
+import { pageContainerKey, layoutKey, emptyRenderFn } from '../../utils/private.symbols/symbols.js'
 
 export default createComponent({
   name: 'QPage',

package/src/components/page/QPage.json

@@ -27,8 +27,8 @@
         "type": "Object",
         "desc": "Object with CSS properties to apply to Page DOM element"
       },
-      "default": "(see source code)",
-      "examples": [ "(see source code)" ],
+      "default": "# see source code",
+      "examples": [ "# see source code" ],
       "category": "style"
     }
   },

package/src/components/page/QPageContainer.js

@@ -1,8 +1,8 @@
 import { h, computed, provide, inject, getCurrentInstance } from 'vue'
 
-import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
-import { pageContainerKey, layoutKey, emptyRenderFn } from '../../utils/private/symbols.js'
+import { createComponent } from '../../utils/private.create/create.js'
+import { hSlot } from '../../utils/private.render/render.js'
+import { pageContainerKey, layoutKey, emptyRenderFn } from '../../utils/private.symbols/symbols.js'
 
 export default createComponent({
   name: 'QPageContainer',

package/src/components/page-scroller/QPageScroller.js

@@ -1,9 +1,9 @@
 import { h, ref, computed, watch, onBeforeUnmount, getCurrentInstance, Transition } from 'vue'
 
 import usePageSticky, { usePageStickyProps } from '../page-sticky/use-page-sticky.js'
-import { getScrollTarget, setVerticalScrollPosition } from '../../utils/scroll.js'
+import { getScrollTarget, setVerticalScrollPosition } from '../../utils/scroll/scroll.js'
 
-import { createComponent } from '../../utils/private/create.js'
+import { createComponent } from '../../utils/private.create/create.js'
 
 export default createComponent({
   name: 'QPageScroller',