GitHub

Original file line numberDiff line numberDiff line change

@@ -63,7 +63,7 @@ const props = withDefaults(defineProps<ChangelogVersionsProps<T>>(), {

6363

})

6464

const slots = defineSlots<ChangelogVersionsSlots<T>>()

6565
66-

const proxySlots = omit(slots, ['default', 'indicator'])

66+

const getProxySlots = () => omit(slots, ['default', 'indicator'])

6767
6868

const appConfig = useAppConfig() as ChangelogVersions['AppConfig']

6969

@@ -93,7 +93,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.changelogVer

9393

:indicator="!!props.indicator"

9494

v-bind="(version as ChangelogVersionProps)"

9595

>

96-

<template v-for="(_, name) in proxySlots" #[name]>

96+

<template v-for="(_, name) in getProxySlots()" #[name]>

9797

<slot :name="name" v-bind="{ version }" />

9898

</template>

9999

</UChangelogVersion>

Original file line numberDiff line numberDiff line change

@@ -87,7 +87,7 @@ const props = withDefaults(defineProps<ChatMessagesProps>(), {

8787

})

8888

const slots = defineSlots<ChatMessagesSlots>()

8989
90-

const proxySlots = omit(slots, ['default', 'indicator', 'viewport'])

90+

const getProxySlots = () => omit(slots, ['default', 'indicator', 'viewport'])

9191
9292

const appConfig = useAppConfig() as ChatMessages['AppConfig']

9393

@@ -268,7 +268,7 @@ onMounted(() => {

268268

:ref="(el) => registerMessageRef(message.id, el as ComponentPublicInstance)"

269269

:compact="compact"

270270

>

271-

<template v-for="(_, name) in proxySlots" #[name]>

271+

<template v-for="(_, name) in getProxySlots()" #[name]>

272272

<slot :name="name" v-bind="{ message }" />

273273

</template>

274274

</UChatMessage>

Original file line numberDiff line numberDiff line change

@@ -68,7 +68,7 @@ const appConfig = useAppConfig() as ChatPrompt['AppConfig']

6868
6969

const textareaProps = useForwardProps(reactivePick(props, 'autofocus', 'autoresize', 'rows'))

7070
71-

const proxySlots = omit(slots, ['header', 'footer'])

71+

const getProxySlots = () => omit(slots, ['header', 'footer'])

7272
7373

const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.chatPrompt || {}) })({

7474

variant: props.variant

@@ -113,7 +113,7 @@ defineExpose({

113113

@keydown.enter.exact.prevent="submit"

114114

@keydown.esc="blur"

115115

>

116-

<template v-for="(_, name) in proxySlots" #[name]="slotData">

116+

<template v-for="(_, name) in getProxySlots()" #[name]="slotData">

117117

<slot :name="name" v-bind="slotData" />

118118

</template>

119119

</UTextarea>

Original file line numberDiff line numberDiff line change

@@ -100,7 +100,7 @@ const appConfig = useAppConfig() as CheckboxGroup['AppConfig']

100100
101101

const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'modelValue', 'defaultValue', 'orientation', 'loop', 'required'), emits)

102102

const checkboxProps = useForwardProps(reactivePick(props, 'variant', 'indicator', 'icon'))

103-

const proxySlots = omit(slots, ['legend'])

103+

const getProxySlots = () => omit(slots, ['legend'])

104104
105105

const { emitFormChange, emitFormInput, color, name, size, id: _id, disabled, ariaAttrs } = useFormField<CheckboxGroupProps<T>>(props, { bind: false })

106106

const id = _id.value ?? useId()

@@ -187,7 +187,7 @@ function onUpdate(value: any) {

187187

:ui="{ ...(props.ui ? omit(props.ui, ['root']) : undefined), ...(item.ui || {}) }"

188188

:class="ui.item({ class: [props.ui?.item, item.ui?.item, item.class] })"

189189

>

190-

<template v-for="(_, name) in proxySlots" #[name]>

190+

<template v-for="(_, name) in getProxySlots()" #[name]>

191191

<slot :name="(name as keyof CheckboxGroupSlots<T>)" :item="item" />

192192

</template>

193193

</UCheckbox>

Original file line numberDiff line numberDiff line change

@@ -121,7 +121,7 @@ const appConfig = useAppConfig() as ContextMenu['AppConfig']

121121
122122

const rootProps = useForwardPropsEmits(reactivePick(props, 'modal'), emits)

123123

const contentProps = toRef(() => props.content)

124-

const proxySlots = omit(slots, ['default'])

124+

const getProxySlots = () => omit(slots, ['default'])

125125
126126

const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.contextMenu || {}) })({

127127

size: props.size

@@ -146,7 +146,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.contextMenu

146146

:loading-icon="loadingIcon"

147147

:external-icon="externalIcon"

148148

>

149-

<template v-for="(_, name) in proxySlots" #[name]="slotData">

149+

<template v-for="(_, name) in getProxySlots()" #[name]="slotData">

150150

<slot :name="(name as keyof ContextMenuSlots<T>)" v-bind="slotData" />

151151

</template>

152152

</UContextMenuContent>

Original file line numberDiff line numberDiff line change

@@ -59,7 +59,7 @@ const appConfig = useAppConfig()

5959
6060

const portalProps = usePortal(toRef(() => props.portal))

6161

const contentProps = useForwardPropsEmits(reactiveOmit(props, 'sub', 'items', 'portal', 'labelKey', 'checkedIcon', 'loadingIcon', 'externalIcon', 'class', 'ui', 'uiOverride'), emits)

62-

const proxySlots = omit(slots, ['default'])

62+

const getProxySlots = () => omit(slots, ['default'])

6363
6464

const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate<{ item: ContextMenuItem, active?: boolean, index: number }>()

6565

@@ -141,7 +141,7 @@ const groups = computed<ContextMenuItem[][]>(() =>

141141

:external-icon="externalIcon"

142142

v-bind="item.content"

143143

>

144-

<template v-for="(_, name) in proxySlots" #[name]="slotData">

144+

<template v-for="(_, name) in getProxySlots()" #[name]="slotData">

145145

<slot :name="(name as keyof ContextMenuSlots<T>)" v-bind="slotData" />

146146

</template>

147147

</UContextMenuContent>

Original file line numberDiff line numberDiff line change

@@ -105,7 +105,7 @@ const appConfig = useAppConfig() as DashboardSearch['AppConfig']

105105
106106

const commandPaletteProps = useForwardProps(reactivePick(props, 'icon', 'placeholder', 'autofocus', 'loading', 'loadingIcon', 'close', 'closeIcon'))

107107
108-

const proxySlots = omit(slots, ['content'])

108+

const getProxySlots = () => omit(slots, ['content'])

109109
110110

const fuse = computed(() => defu({}, props.fuse, {

111111

fuseOptions: {

@@ -196,7 +196,7 @@ defineExpose({

196196

@update:model-value="onSelect"

197197

@update:open="open = $event"

198198

>

199-

<template v-for="(_, name) in proxySlots" #[name]="slotData">

199+

<template v-for="(_, name) in getProxySlots()" #[name]="slotData">

200200

<slot :name="name" v-bind="slotData" />

201201

</template>

202202

</UCommandPalette>

Original file line numberDiff line numberDiff line change

@@ -76,7 +76,7 @@ const slots = defineSlots<ButtonSlots>()

7676
7777

const [DefineButtonTemplate, ReuseButtonTemplate] = createReusableTemplate()

7878
79-

const proxySlots = omit(slots, ['trailing'])

79+

const getProxySlots = () => omit(slots, ['trailing'])

8080
8181

const rootProps = useForwardProps(reactivePick(props, 'color', 'size'))

8282

const tooltipProps = toRef(() => defu(typeof props.tooltip === 'boolean' ? {} : props.tooltip, { delayDuration: 0, content: { side: 'right' } }) as TooltipProps)

@@ -108,7 +108,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.dashboardSea

108108

:ui="transformUI(ui, props.ui)"

109109

@click="toggleSearch"

110110

>

111-

<template v-for="(_, name) in proxySlots" #[name]="slotData">

111+

<template v-for="(_, name) in getProxySlots()" #[name]="slotData">

112112

<slot :name="name" v-bind="slotData" />

113113

</template>

114114
Original file line numberDiff line numberDiff line change

@@ -131,7 +131,7 @@ const appConfig = useAppConfig() as DropdownMenu['AppConfig']

131131

const rootProps = useForwardPropsEmits(reactivePick(props, 'defaultOpen', 'open', 'modal'), emits)

132132

const contentProps = toRef(() => defu(props.content, { side: 'bottom', sideOffset: 8, collisionPadding: 8 }) as DropdownMenuContentProps)

133133

const arrowProps = toRef(() => props.arrow as DropdownMenuArrowProps)

134-

const proxySlots = omit(slots, ['default'])

134+

const getProxySlots = () => omit(slots, ['default'])

135135
136136

const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.dropdownMenu || {}) })({

137137

size: props.size

@@ -156,7 +156,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.dropdownMenu

156156

:loading-icon="loadingIcon"

157157

:external-icon="externalIcon"

158158

>

159-

<template v-for="(_, name) in proxySlots" #[name]="slotData">

159+

<template v-for="(_, name) in getProxySlots()" #[name]="slotData">

160160

<slot :name="(name as keyof DropdownMenuSlots<T>)" v-bind="slotData" />

161161

</template>

162162
Original file line numberDiff line numberDiff line change

@@ -68,7 +68,7 @@ const appConfig = useAppConfig()

6868
6969

const portalProps = usePortal(toRef(() => props.portal))

7070

const contentProps = useForwardPropsEmits(reactiveOmit(props, 'sub', 'items', 'portal', 'labelKey', 'checkedIcon', 'loadingIcon', 'externalIcon', 'class', 'ui', 'uiOverride'), emits)

71-

const proxySlots = omit(slots, ['default'])

71+

const getProxySlots = () => omit(slots, ['default'])

7272
7373

const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate<{ item: DropdownMenuItem, active?: boolean, index: number }>()

7474

@@ -152,7 +152,7 @@ const groups = computed<DropdownMenuItem[][]>(() =>

152152

:external-icon="externalIcon"

153153

v-bind="item.content"

154154

>

155-

<template v-for="(_, name) in proxySlots" #[name]="slotData">

155+

<template v-for="(_, name) in getProxySlots()" #[name]="slotData">

156156

<slot :name="(name as keyof DropdownMenuContentSlots<T>)" v-bind="slotData" />

157157

</template>

158158

</UDropdownMenuContent>

Read the original on github.com ↗