@vuetify/nightly 3.4.0-alpha.1-dev.2023-10-21 → 3.4.0-alpha.1-dev.2023-10-26

package/lib/components/VAppBar/index.d.mts

@@ -19,23 +19,37 @@ declare const VAppBar: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: {
-            flat?: boolean | undefined;
-            absolute?: boolean | undefined;
-            location?: "top" | "bottom" | undefined;
-            height?: string | number | undefined;
-            order?: string | number | undefined;
-            style?: vue.StyleValue | undefined;
-            tag?: string | undefined;
-            collapse?: boolean | undefined;
-            rounded?: string | number | boolean | undefined;
-            density?: Density$1 | undefined;
-            extended?: boolean | undefined;
-            extensionHeight?: string | number | undefined;
-            floating?: boolean | undefined;
-            scrollThreshold?: string | number | undefined;
-            modelValue?: boolean | undefined;
-            key?: string | number | symbol | undefined;
+        $props: Partial<{
+            flat: boolean;
+            absolute: boolean;
+            location: "top" | "bottom";
+            height: string | number;
+            order: string | number;
+            style: vue.StyleValue;
+            tag: string;
+            collapse: boolean;
+            rounded: string | number | boolean;
+            density: Density$1;
+            extended: boolean;
+            extensionHeight: string | number;
+            floating: boolean;
+            scrollThreshold: string | number;
+            modelValue: boolean;
+        }> & Omit<{
+            flat: boolean;
+            absolute: boolean;
+            location: "top" | "bottom";
+            height: string | number;
+            order: string | number;
+            style: vue.StyleValue;
+            tag: string;
+            collapse: boolean;
+            density: Density$1;
+            extended: boolean;
+            extensionHeight: string | number;
+            floating: boolean;
+            scrollThreshold: string | number;
+            modelValue: boolean;
             name?: string | undefined;
             border?: string | number | boolean | undefined;
             color?: string | undefined;
@@ -43,6 +57,10 @@ declare const VAppBar: {
             title?: string | undefined;
             image?: string | undefined;
             class?: any;
+            elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            scrollTarget?: string | undefined;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 image?: (() => vue.VNodeChild) | undefined;
@@ -51,12 +69,57 @@ declare const VAppBar: {
                 title?: (() => vue.VNodeChild) | undefined;
                 extension?: (() => vue.VNodeChild) | undefined;
             };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                image?: false | (() => vue.VNodeChild) | undefined;
+                prepend?: false | (() => vue.VNodeChild) | undefined;
+                append?: false | (() => vue.VNodeChild) | undefined;
+                title?: false | (() => vue.VNodeChild) | undefined;
+                extension?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            flat: boolean;
+            absolute: boolean;
+            location: "top" | "bottom";
+            height: string | number;
+            order: string | number;
+            style: vue.StyleValue;
+            tag: string;
+            collapse: boolean;
+            density: Density$1;
+            extended: boolean;
+            extensionHeight: string | number;
+            floating: boolean;
+            scrollThreshold: string | number;
+            modelValue: boolean;
+        } & {
+            name?: string | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            scrollBehavior?: "hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
+            title?: string | undefined;
+            image?: string | undefined;
+            class?: any;
             elevation?: string | number | undefined;
-            ref?: vue.VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
             theme?: string | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            rounded?: string | number | boolean | undefined;
+            scrollTarget?: string | undefined;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+                image?: (() => vue.VNodeChild) | undefined;
+                prepend?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
+                title?: (() => vue.VNodeChild) | undefined;
+                extension?: (() => vue.VNodeChild) | undefined;
+            };
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 image?: false | (() => vue.VNodeChild) | undefined;
@@ -65,52 +128,16 @@ declare const VAppBar: {
                 title?: false | (() => vue.VNodeChild) | undefined;
                 extension?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
-            scrollTarget?: string | undefined;
+        } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        };
+        }, "flat" | "absolute" | "location" | "height" | "order" | "style" | "tag" | "collapse" | "rounded" | "density" | "extended" | "extensionHeight" | "floating" | "scrollThreshold" | "modelValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -569,30 +596,48 @@ declare const VAppBarNavIcon: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: {
-            symbol?: any;
-            replace?: boolean | undefined;
-            flat?: boolean | undefined;
-            exact?: boolean | undefined;
-            block?: boolean | undefined;
-            active?: boolean | undefined;
-            style?: vue.StyleValue | undefined;
-            disabled?: boolean | undefined;
-            size?: string | number | undefined;
-            tag?: string | undefined;
-            icon?: NonNullable<boolean | IconValue> | undefined;
-            rounded?: string | number | boolean | undefined;
-            density?: Density | undefined;
-            variant?: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">> | undefined;
-            slim?: boolean | undefined;
-            stacked?: boolean | undefined;
-            ripple?: boolean | {
+        $props: Partial<{
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            active: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            icon: NonNullable<boolean | IconValue>;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+            slim: boolean;
+            stacked: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
+        }> & Omit<{
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            icon: NonNullable<boolean | IconValue>;
+            density: Density;
+            variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+            slim: boolean;
+            stacked: boolean;
+            ripple: boolean | {
                 class: string;
             } | undefined;
-            key?: string | number | symbol | undefined;
             location?: Anchor | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
+            active?: boolean | undefined;
             border?: string | number | boolean | undefined;
             color?: string | undefined;
             maxHeight?: string | number | undefined;
@@ -604,71 +649,91 @@ declare const VAppBarNavIcon: {
             loading?: string | boolean | undefined;
             text?: string | undefined;
             class?: any;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: vue_router.RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 prepend?: (() => vue.VNodeChild) | undefined;
                 append?: (() => vue.VNodeChild) | undefined;
                 loader?: (() => vue.VNodeChild) | undefined;
             };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                prepend?: false | (() => vue.VNodeChild) | undefined;
+                append?: false | (() => vue.VNodeChild) | undefined;
+                loader?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            icon: NonNullable<boolean | IconValue>;
+            density: Density;
+            variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+            slim: boolean;
+            stacked: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
+        } & {
+            location?: Anchor | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            text?: string | undefined;
+            class?: any;
             href?: string | undefined;
             elevation?: string | number | undefined;
             to?: vue_router.RouteLocationRaw | undefined;
-            ref?: vue.VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
             theme?: string | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+                prepend?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
+                loader?: (() => vue.VNodeChild) | undefined;
+            };
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 prepend?: false | (() => vue.VNodeChild) | undefined;
                 append?: false | (() => vue.VNodeChild) | undefined;
                 loader?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-            selectedClass?: string | undefined;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
+            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
-        };
+        }, "symbol" | "replace" | "flat" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "tag" | "icon" | "rounded" | "density" | "variant" | "slim" | "stacked" | "ripple">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1146,64 +1211,43 @@ declare const VAppBarTitle: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: {
-            style?: vue.StyleValue | undefined;
-            tag?: string | undefined;
-            key?: string | number | symbol | undefined;
+        $props: Partial<{
+            style: vue.StyleValue;
+            tag: string;
+        }> & Omit<{
+            style: vue.StyleValue;
+            tag: string;
             text?: string | undefined;
             class?: any;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 text?: (() => vue.VNodeChild) | undefined;
             };
-            ref?: vue.VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                text?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            style: vue.StyleValue;
+            tag: string;
+        } & {
+            text?: string | undefined;
+            class?: any;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+                text?: (() => vue.VNodeChild) | undefined;
+            };
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 text?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-        };
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
+        }, "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };

package/lib/components/VAutocomplete/VAutocomplete.mjs

@@ -22,7 +22,7 @@ import { useLocale } from "../../composables/locale.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
 import { makeTransitionProps } from "../../composables/transition.mjs"; // Utilities
 import { computed, mergeProps, nextTick, ref, shallowRef, watch } from 'vue';
-import { genericComponent, IN_BROWSER, matchesSelector, noop, omit, propsFactory, useRender, wrapInArray } from "../../util/index.mjs"; // Types
+import { ensureValidVNode, genericComponent, IN_BROWSER, matchesSelector, noop, omit, propsFactory, useRender, wrapInArray } from "../../util/index.mjs"; // Types
 function highlightResult(text, matches, length) {
   if (matches == null) return text;
   if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented');
@@ -390,6 +390,16 @@ export const VAutocomplete = genericComponent()({
             modelValue: true,
             'onUpdate:modelValue': undefined
           };
+          const hasSlot = hasChips ? !!slots.chip : !!slots.selection;
+          const slotContent = hasSlot ? ensureValidVNode(hasChips ? slots.chip({
+            item,
+            index,
+            props: slotProps
+          }) : slots.selection({
+            item,
+            index
+          })) : undefined;
+          if (hasSlot && !slotContent) return undefined;
           return _createVNode("div", {
             "key": item.value,
             "class": ['v-autocomplete__selection', index === selectionIndex.value && ['v-autocomplete__selection--selected', textColorClasses.value]],
@@ -410,15 +420,8 @@ export const VAutocomplete = genericComponent()({
               }
             }
           }, {
-            default: () => [slots.chip?.({
-              item,
-              index,
-              props: slotProps
-            })]
-          }) : slots.selection?.({
-            item,
-            index
-          }) ?? _createVNode("span", {
+            default: () => [slotContent]
+          }) : slotContent ?? _createVNode("span", {
             "class": "v-autocomplete__selection-text"
           }, [item.title, props.multiple && index < model.value.length - 1 && _createVNode("span", {
             "class": "v-autocomplete__selection-comma"