quasar 2.15.1 → 2.15.2

package/src/directives/{Mutation.js → mutation/Mutation.js}

@@ -1,5 +1,5 @@
-import { createDirective } from '../utils/private/create.js'
-import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
+import { createDirective } from '../../utils/private/create.js'
+import getSSRProps from '../../utils/private/noop-ssr-directive-transform.js'
 
 const defaultCfg = {
   childList: true,

package/src/directives/{Mutation.json → mutation/Mutation.json}

@@ -6,9 +6,7 @@
   "value": {
     "type": [ "Function" ],
     "desc": "Function to call when mutation occurs; It is HIGHLY recommended to reference it from your vue component scope, otherwise the directive update cycle will continuously recreate the observer which hits performance hard",
-    "examples": [
-      "v-intersection=\"myHandler\""
-    ],
+    "examples": [ "# v-intersection=\"myHandler\"" ],
 
     "returns": {
       "type": "Boolean",
@@ -23,7 +21,7 @@
           "type": {
             "type": "String",
             "desc": "Type of mutation",
-            "values": [ "childList", "attributes", "characterData" ]
+            "values": [ "'childList'", "'attributes'", "'characterData'" ]
           },
 
           "target": {
@@ -54,7 +52,7 @@
           "attributeName": {
             "type": "String",
             "desc": "The local name of the changed attribute, or null",
-            "examples": [ "some-attribute" ]
+            "examples": [ "'some-attribute'" ]
           },
 
           "attributeNamespace": {
@@ -75,43 +73,43 @@
     "once": {
       "type": "Boolean",
       "desc": "Call handler only once, when the first mutation was triggered, then stop monitoring",
-      "examples": [ "v-mutation.once" ]
+      "examples": [ "# v-mutation.once" ]
     },
 
     "childList": {
       "type": "Boolean",
       "desc": "Monitor the target node (and, if 'subtree' is also set, its descendants) for the addition of new child nodes or removal of existing child nodes",
-      "examples": [ "v-mutation.childList" ]
+      "examples": [ "# v-mutation.childList" ]
     },
 
     "subtree": {
       "type": "Boolean",
       "desc": "Extend monitoring to the entire subtree of nodes rooted at target",
-      "examples": [ "v-mutation.subtree" ]
+      "examples": [ "# v-mutation.subtree" ]
     },
 
     "attributes": {
       "type": "Boolean",
       "desc": "Watch for changes to the value of attributes on the node or nodes being monitored",
-      "examples": [ "v-mutation.attributes" ]
+      "examples": [ "# v-mutation.attributes" ]
     },
 
     "characterData": {
       "type": "Boolean",
       "desc": "Monitor the specified target node or subtree for changes to the character data contained within the node or nodes",
-      "examples": [ "v-mutation.characterData" ]
+      "examples": [ "# v-mutation.characterData" ]
     },
 
     "attributeOldValue": {
       "type": "Boolean",
       "desc": "Record the previous value of any attribute that changes when monitoring the node or nodes for attribute changes",
-      "examples": [ "v-mutation.attributeOldValue" ]
+      "examples": [ "# v-mutation.attributeOldValue" ]
     },
 
     "characterDataOldValue": {
       "type": "Boolean",
       "desc": "Record the previous value of a node's text whenever the text changes on nodes being monitored",
-      "examples": [ "v-mutation.characterDataOldValue" ]
+      "examples": [ "# v-mutation.characterDataOldValue" ]
     }
   }
 }

package/src/directives/{Ripple.js → ripple/Ripple.js}

@@ -1,9 +1,9 @@
-import { createDirective } from '../utils/private/create.js'
-import { css } from '../utils/dom.js'
-import { position, stop, addEvt, cleanEvt } from '../utils/event.js'
-import { isKeyCode } from '../utils/private/key-composition.js'
-import throttle from '../utils/throttle.js'
-import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
+import { createDirective } from '../../utils/private/create.js'
+import { css } from '../../utils/dom.js'
+import { position, stop, addEvt, cleanEvt } from '../../utils/event.js'
+import { isKeyCode } from '../../utils/private/key-composition.js'
+import throttle from '../../utils/throttle.js'
+import getSSRProps from '../../utils/private/noop-ssr-directive-transform.js'
 
 function showRipple (evt, el, ctx, forceCenter) {
   ctx.modifiers.stop === true && stop(evt)

package/src/directives/{Ripple.json → ripple/Ripple.json}

@@ -25,7 +25,7 @@
       "color": {
         "type": "String",
         "desc": "Color name from Quasar Color Palette; Overrides default dynamic color",
-        "examples": [ "orange-5" ]
+        "examples": [ "'orange-5'" ]
       },
 
       "keyCodes": {
@@ -58,7 +58,7 @@
       "color": {
         "type": "String",
         "desc": "Color name from Quasar Color Palette; Overrides default dynamic color",
-        "examples": [ "orange-5" ]
+        "examples": [ "'orange-5'" ]
       },
 
       "keyCodes": {
@@ -68,17 +68,15 @@
       }
     },
     "examples": [
-      "v-ripple=\"booleanState\"",
-      "v-ripple=\"{ center: true, color: 'primary', keyCodes: [] }\""
+      "# v-ripple=\"booleanState\"",
+      "# v-ripple=\"{ center: true, color: 'primary', keyCodes: [] }\""
     ]
   },
 
   "arg": {
     "type": "String",
     "desc": "Color name from Quasar Color Palette; Overrides default dynamic color",
-    "examples": [
-      "v-ripple:orange-5"
-    ]
+    "examples": [ "# v-ripple:orange-5" ]
   },
 
   "modifiers": {
@@ -90,17 +88,13 @@
     "stop": {
       "type": "Boolean",
       "desc": "Stop click/touch event propagation",
-      "examples": [
-        "v-ripple.stop"
-      ]
+      "examples": [ "# v-ripple.stop" ]
     },
 
     "center": {
       "type": "Boolean",
       "desc": "Ripple starts from the absolute center",
-      "examples": [
-        "v-ripple.center"
-      ]
+      "examples": [ "# v-ripple.center" ]
     }
   }
 }

package/src/directives/{Scroll.js → scroll/Scroll.js}

@@ -1,7 +1,7 @@
-import { createDirective } from '../utils/private/create.js'
-import { getScrollTarget, getVerticalScrollPosition, getHorizontalScrollPosition } from '../utils/scroll.js'
-import { listenOpts } from '../utils/event.js'
-import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
+import { createDirective } from '../../utils/private/create.js'
+import { getScrollTarget, getVerticalScrollPosition, getHorizontalScrollPosition } from '../../utils/scroll.js'
+import { listenOpts } from '../../utils/event.js'
+import getSSRProps from '../../utils/private/noop-ssr-directive-transform.js'
 
 function update (ctx, { value, oldValue }) {
   if (typeof value !== 'function') {

package/src/directives/{Scroll.json → scroll/Scroll.json}

@@ -4,7 +4,7 @@
   },
 
   "value": {
-    "type": ["Function", "undefined"],
+    "type": [ "Function", "undefined" ],
     "desc": "Function to call when scrolling occurs (use undefined to disable)",
     "params": {
       "verticalScrollPosition": {
@@ -17,6 +17,6 @@
       }
     },
     "returns": null,
-    "examples": [ "v-scroll=\"fnToCall\"", "v-scroll=\"undefined\"" ]
+    "examples": [ "(verticalScrollPosition, horizontalScrollPosition) => { /* ... */ }" ]
   }
 }

package/src/directives/{ScrollFire.js → scroll-fire/ScrollFire.js}

@@ -1,9 +1,9 @@
-import { createDirective } from '../utils/private/create.js'
-import debounce from '../utils/debounce.js'
-import { height, offset } from '../utils/dom.js'
-import { getScrollTarget } from '../utils/scroll.js'
-import { listenOpts } from '../utils/event.js'
-import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
+import { createDirective } from '../../utils/private/create.js'
+import debounce from '../../utils/debounce.js'
+import { height, offset } from '../../utils/dom.js'
+import { getScrollTarget } from '../../utils/scroll.js'
+import { listenOpts } from '../../utils/event.js'
+import getSSRProps from '../../utils/private/noop-ssr-directive-transform.js'
 
 const { passive } = listenOpts
 

package/src/directives/{ScrollFire.json → scroll-fire/ScrollFire.json}

@@ -13,6 +13,6 @@
       }
     },
     "returns": null,
-    "examples": [ "v-scroll-fire=\"fnToCall\"", "v-scroll-fire=\"undefined\"" ]
+    "examples": [ "(el) => { console.log('Element:', el) }" ]
   }
 }

package/src/directives/{TouchHold.js → touch-hold/TouchHold.js}

@@ -1,9 +1,9 @@
-import { client } from '../plugins/Platform.js'
+import { client } from '../../plugins/platform/Platform.js'
 
-import { createDirective } from '../utils/private/create.js'
-import { addEvt, cleanEvt, position, leftClick, stopAndPrevent, noop } from '../utils/event.js'
-import { clearSelection } from '../utils/private/selection.js'
-import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
+import { createDirective } from '../../utils/private/create.js'
+import { addEvt, cleanEvt, position, leftClick, stopAndPrevent, noop } from '../../utils/event.js'
+import { clearSelection } from '../../utils/private/selection.js'
+import getSSRProps from '../../utils/private/noop-ssr-directive-transform.js'
 
 export default createDirective(__QUASAR_SSR_SERVER__
   ? { name: 'touch-hold', getSSRProps }

package/src/directives/{TouchHold.json → touch-hold/TouchHold.json}

@@ -4,7 +4,7 @@
   },
 
   "value": {
-    "type": ["Function", "undefined"],
+    "type": [ "Function", "undefined" ],
     "desc": "Function to call after user has hold touch/click for the specified amount of time (use undefined to disable)",
     "params": {
       "details": {
@@ -45,17 +45,17 @@
       }
     },
     "returns": null,
-    "examples": [ "v-touch-hold=\"fnToCall\"", "v-touch-hold=\"undefined\"" ]
+    "examples": [ "({ evt, touch, mouse, position, duration }) => { /* ... */ }" ]
   },
 
   "arg": {
     "type": "String",
     "desc": "x:y:z, where x is the amount of time to wait (in milliseconds), y is the touch event sensitivity (in pixels) and z is the mouse event sensitivity (in pixels)",
-    "default": "600:5:7",
+    "default": "'600:5:7'",
     "examples": [
-      "v-touch-hold:400=\"fnToCall\"",
-      "v-touch-hold:400:15=\"fnToCall\"",
-      "v-touch-hold:400:10:10=\"fnToCall\""
+      "# v-touch-hold:400=\"fnToCall\"",
+      "# v-touch-hold:400:15=\"fnToCall\"",
+      "# v-touch-hold:400:10:10=\"fnToCall\""
     ]
   },
 

package/src/directives/{TouchPan.js → touch-pan/TouchPan.js}

@@ -1,10 +1,10 @@
-import { client } from '../plugins/Platform.js'
+import { client } from '../../plugins/platform/Platform.js'
 
-import { createDirective } from '../utils/private/create.js'
-import { getModifierDirections, shouldStart } from '../utils/private/touch.js'
-import { addEvt, cleanEvt, position, leftClick, prevent, stop, stopAndPrevent, preventDraggable, noop } from '../utils/event.js'
-import { clearSelection } from '../utils/private/selection.js'
-import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
+import { createDirective } from '../../utils/private/create.js'
+import { getModifierDirections, shouldStart } from '../../utils/private/touch.js'
+import { addEvt, cleanEvt, position, leftClick, prevent, stop, stopAndPrevent, preventDraggable, noop } from '../../utils/event.js'
+import { clearSelection } from '../../utils/private/selection.js'
+import getSSRProps from '../../utils/private/noop-ssr-directive-transform.js'
 
 function getChanges (evt, ctx, isFinal) {
   const pos = position(evt)

package/src/directives/{TouchPan.json → touch-pan/TouchPan.json}

@@ -40,7 +40,7 @@
           "direction": {
             "type": "String",
             "desc": "Direction of movement",
-            "values": [ "up", "right", "down", "left" ]
+            "values": [ "'up'", "'right'", "'down'", "'left'" ]
           },
           "isFirst": {
             "type": "Boolean",
@@ -75,12 +75,12 @@
               "x": {
                 "type": "Number",
                 "desc": "Distance horizontally",
-                "examples": [ -231, 110 ]
+                "examples": [ "-231", "110" ]
               },
               "y": {
                 "type": "Number",
                 "desc": "Distance vertically",
-                "examples": [ -231, 110 ]
+                "examples": [ "-231", "110" ]
               }
             }
           },
@@ -102,7 +102,7 @@
       }
     },
     "returns": null,
-    "examples": [ "v-touch-pan=\"fnToCall\"", "v-touch-pan=\"undefined\"" ]
+    "examples": [ "({ evt, touch, mouse, position, direction, isFirst, isFinal, distance, offset, delta }) => { /* ... */ }" ]
   },
 
   "modifiers": {

package/src/directives/{TouchRepeat.js → touch-repeat/TouchRepeat.js}

@@ -1,10 +1,10 @@
-import { client } from '../plugins/Platform.js'
+import { client } from '../../plugins/platform/Platform.js'
 
-import { createDirective } from '../utils/private/create.js'
-import { addEvt, cleanEvt, position, leftClick, stopAndPrevent, noop } from '../utils/event.js'
-import { clearSelection } from '../utils/private/selection.js'
-import { isKeyCode } from '../utils/private/key-composition.js'
-import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
+import { createDirective } from '../../utils/private/create.js'
+import { addEvt, cleanEvt, position, leftClick, stopAndPrevent, noop } from '../../utils/event.js'
+import { clearSelection } from '../../utils/private/selection.js'
+import { isKeyCode } from '../../utils/private/key-composition.js'
+import getSSRProps from '../../utils/private/noop-ssr-directive-transform.js'
 
 const
   keyCodes = {

package/src/directives/{TouchRepeat.json → touch-repeat/TouchRepeat.json}

@@ -61,14 +61,14 @@
       }
     },
     "returns": null,
-    "examples": [ "v-touch-repeat=\"fnToCall\"", "v-touch-repeat=\"undefined\"" ]
+    "examples": [ "({ evt, touch, mouse, keyboard, position, keyCode, duration, repeatCount, startTime }) => { /* ... */ }" ]
   },
 
   "arg": {
     "type": "String",
     "desc": "String of numbers (at least one number) separated by ':' which defines the amount of time to wait for 1st handler call, 2nd, 3rd and so on; All subsequent calls will use last value as time to wait until triggering",
-    "default": "0:600:300",
-    "examples": [ "v-touch-repeat:0:400=\"fnToCall\"" ]
+    "default": "'0:600:300'",
+    "examples": [ "# v-touch-repeat:0:400=\"fnToCall\"" ]
   },
 
   "modifiers": {
@@ -140,7 +140,7 @@
     "[keycode]": {
       "type": "Number",
       "desc": "Key code to catch",
-      "examples": [ "v-touch-repeat.68=\"fnToCall\"" ]
+      "examples": [ "# v-touch-repeat.68=\"fnToCall\"" ]
     }
   }
 }

package/src/directives/{TouchSwipe.js → touch-swipe/TouchSwipe.js}

@@ -1,10 +1,10 @@
-import { client } from '../plugins/Platform.js'
+import { client } from '../../plugins/platform/Platform.js'
 
-import { createDirective } from '../utils/private/create.js'
-import { getModifierDirections, shouldStart } from '../utils/private/touch.js'
-import { addEvt, cleanEvt, position, leftClick, stopAndPrevent, preventDraggable, noop } from '../utils/event.js'
-import { clearSelection } from '../utils/private/selection.js'
-import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
+import { createDirective } from '../../utils/private/create.js'
+import { getModifierDirections, shouldStart } from '../../utils/private/touch.js'
+import { addEvt, cleanEvt, position, leftClick, stopAndPrevent, preventDraggable, noop } from '../../utils/event.js'
+import { clearSelection } from '../../utils/private/selection.js'
+import getSSRProps from '../../utils/private/noop-ssr-directive-transform.js'
 
 function parseArg (arg) {
   // delta (min velocity -- dist / time)

package/src/directives/{TouchSwipe.json → touch-swipe/TouchSwipe.json}

@@ -26,7 +26,7 @@
           "direction": {
             "type": "String",
             "desc": "Direction of movement",
-            "values": [ "up", "right", "down", "left" ]
+            "values": [ "'up'", "'right'", "'down'", "'left'" ]
           },
           "duration": {
             "type": "Number",
@@ -50,14 +50,14 @@
       }
     },
     "returns": null,
-    "examples": [ "v-touch-swipe=\"fnToCall\"", "v-touch-swipe=\"undefined\"" ]
+    "examples": [ "({ evt, touch, mouse, direction, duration, distance }) => { /* ... */ }" ]
   },
 
   "arg": {
     "type": "String",
     "desc": "x:y:z, where x is minimum velocity (dist/time; please use float without a dot, example: 6e-2 which is equivalent to 6 * 10^-2 = 0.06), y is minimum distance on first move on mobile, z is minimum distance on desktop until deciding if it's a swipe indeed",
-    "default": "6e-2:6:50",
-    "examples": [ "v-touch-swipe:7e-2:10:100=\"fnToCall\"" ]
+    "default": "'6e-2:6:50'",
+    "examples": [ "# v-touch-swipe:7e-2:10:100=\"fnToCall\"" ]
   },
 
   "modifiers": {

package/src/directives.js

@@ -1,14 +1,14 @@
-import ClosePopup from './directives/ClosePopup.js'
-import Intersection from './directives/Intersection.js'
-import Morph from './directives/Morph.js'
-import Mutation from './directives/Mutation.js'
-import Ripple from './directives/Ripple.js'
-import ScrollFire from './directives/ScrollFire.js'
-import Scroll from './directives/Scroll.js'
-import TouchHold from './directives/TouchHold.js'
-import TouchPan from './directives/TouchPan.js'
-import TouchRepeat from './directives/TouchRepeat.js'
-import TouchSwipe from './directives/TouchSwipe.js'
+import ClosePopup from './directives/close-popup/ClosePopup.js'
+import Intersection from './directives/intersection/Intersection.js'
+import Morph from './directives/morph/Morph.js'
+import Mutation from './directives/mutation/Mutation.js'
+import Ripple from './directives/ripple/Ripple.js'
+import ScrollFire from './directives/scroll-fire/ScrollFire.js'
+import Scroll from './directives/scroll/Scroll.js'
+import TouchHold from './directives/touch-hold/TouchHold.js'
+import TouchPan from './directives/touch-pan/TouchPan.js'
+import TouchRepeat from './directives/touch-repeat/TouchRepeat.js'
+import TouchSwipe from './directives/touch-swipe/TouchSwipe.js'
 
 export {
   ClosePopup,

package/src/history.js

@@ -1,4 +1,4 @@
-import { client } from './plugins/Platform.js'
+import { client } from './plugins/platform/Platform.js'
 import { noop } from './utils/event.js'
 
 const getTrue = () => true

package/src/install-quasar.js

@@ -1,8 +1,8 @@
 import { createApp } from 'vue'
 
-import Platform, { isRuntimeSsrPreHydration } from './plugins/Platform.js'
-import Screen from './plugins/Screen.js'
-import Dark from './plugins/Dark.js'
+import Platform, { isRuntimeSsrPreHydration } from './plugins/platform/Platform.js'
+import Screen from './plugins/screen/Screen.js'
+import Dark from './plugins/dark/Dark.js'
 import History from './history.js'
 import Lang from './lang.js'
 import Body from './body.js'

package/src/plugins/{AddressbarColor.js → addressbar/AddressbarColor.js}

@@ -1,6 +1,6 @@
-import { client } from './Platform.js'
-import { noop } from '../utils/event.js'
-import getCssVar from '../utils/get-css-var.js'
+import { client } from '../platform/Platform.js'
+import { noop } from '../../utils/event.js'
+import getCssVar from '../../utils/get-css-var.js'
 
 let metaValue
 

package/src/plugins/{AddressbarColor.json → addressbar/AddressbarColor.json}

@@ -13,7 +13,7 @@
           "type": "String",
           "desc": "Color in hex format",
           "required": true,
-          "examples": [ "#ff0000" ]
+          "examples": [ "'#ff0000'" ]
         }
       }
     }

package/src/plugins/{AppFullscreen.js → app-fullscreen/AppFullscreen.js}

@@ -1,5 +1,5 @@
-import defineReactivePlugin from '../utils/private/define-reactive-plugin.js'
-import { changeGlobalNodesTarget } from '../utils/private/global-nodes.js'
+import defineReactivePlugin from '../../utils/private/define-reactive-plugin.js'
+import { changeGlobalNodesTarget } from '../../utils/private/global-nodes.js'
 
 const prefixes = {}
 

package/src/plugins/{AppVisibility.js → app-visibility/AppVisibility.js}

@@ -1,5 +1,5 @@
-import defineReactivePlugin from '../utils/private/define-reactive-plugin.js'
-import { injectProp } from '../utils/private/inject-obj-prop.js'
+import defineReactivePlugin from '../../utils/private/define-reactive-plugin.js'
+import { injectProp } from '../../utils/private/inject-obj-prop.js'
 
 const Plugin = defineReactivePlugin({
   appVisible: true

package/src/plugins/{BottomSheet.js → bottom-sheet/BottomSheet.js}

@@ -1,5 +1,5 @@
-import BottomSheet from '../components/dialog-bottom-sheet/BottomSheet.js'
-import globalDialog from '../utils/private/global-dialog.js'
+import BottomSheet from './component/BottomSheetComponent.js'
+import globalDialog from '../../utils/private/global-dialog.js'
 
 export default {
   install ({ $q, parentApp }) {

package/src/plugins/{BottomSheet.json → bottom-sheet/BottomSheet.json}

@@ -18,13 +18,13 @@
             "title": {
               "type": "String",
               "desc": "Title",
-              "examples": [ "Share" ]
+              "examples": [ "'Share'" ]
             },
 
             "message": {
               "type": "String",
               "desc": "Message",
-              "examples": [ "Please select how to share" ]
+              "examples": [ "'Please select how to share'" ]
             },
 
             "actions": {
@@ -35,7 +35,7 @@
                   "type": [ "String", "Array", "Object" ],
                   "tsType": "VueClassProp",
                   "desc": "CSS classes for this action",
-                  "examples": [ "my-class" ]
+                  "examples": [ "'my-class'" ]
                 },
 
                 "style": {
@@ -54,9 +54,9 @@
                   "type": "String",
                   "desc": "Path to an image for this action",
                   "examples": [
-                    "(public folder) img/something.png",
-                    "(relative path format) :src=\"require('./my_img.jpg')\"",
-                    "(URL) https://some-site.net/some-img.gif"
+                    "# (public folder) 'img/something.png'",
+                    "# (relative path format) :src=\"require('./my_img.jpg')\"",
+                    "# (URL) https://some-site.net/some-img.gif"
                   ]
                 },
 
@@ -64,16 +64,16 @@
                   "type": "String",
                   "desc": "Path to an avatar image for this action",
                   "examples": [
-                    "(public folder) img/avatar.png",
-                    "(relative path format) :src=\"require('./my_img.jpg')\"",
-                    "(URL) https://some-site.net/some-img.gif"
+                    "# (public folder) 'img/avatar.png'",
+                    "# (relative path format) :src=\"require('./my_img.jpg')\"",
+                    "# (URL) https://some-site.net/some-img.gif"
                   ]
                 },
 
                 "label": {
                   "type": [ "String", "Number" ],
                   "desc": "Action label",
-                  "examples": [ "Facebook" ]
+                  "examples": [ "'Facebook'" ]
                 },
 
                 "...": {

package/src/{components/dialog-bottom-sheet/BottomSheet.js → plugins/bottom-sheet/component/BottomSheetComponent.js}

@@ -1,21 +1,21 @@
 import { h, ref, getCurrentInstance } from 'vue'
 
-import QDialog from '../dialog/QDialog.js'
+import QDialog from '../../../components/dialog/QDialog.js'
 
-import QIcon from '../icon/QIcon.js'
-import QSeparator from '../separator/QSeparator.js'
+import QIcon from '../../../components/icon/QIcon.js'
+import QSeparator from '../../../components/separator/QSeparator.js'
 
-import QCard from '../card/QCard.js'
-import QCardSection from '../card/QCardSection.js'
+import QCard from '../../../components/card/QCard.js'
+import QCardSection from '../../../components/card/QCardSection.js'
 
-import QItem from '../item/QItem.js'
-import QItemSection from '../item/QItemSection.js'
+import QItem from '../../../components/item/QItem.js'
+import QItemSection from '../../../components/item/QItemSection.js'
 
-import { createComponent } from '../../utils/private/create.js'
-import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
+import { createComponent } from '../../../utils/private/create.js'
+import useDark, { useDarkProps } from '../../../composables/private/use-dark.js'
 
 export default createComponent({
-  name: 'BottomSheetPlugin',
+  name: 'BottomSheetComponent',
 
   props: {
     ...useDarkProps,