fix: don’t override locally defined slots

src/components/generic/AEditDialog.vue

@@ -24,15 +24,15 @@
       </slot>
     </template>
 
-    <template v-for="(_, name) in slots" #[name]="slotProps">
+    <template v-for="name in foreignSlotNames" #[name]="slotProps">
       <slot :name="name" v-bind="slotProps || {}" />
     </template>
   </ADialog>
 </template>
 <script setup lang="ts">
-import { ref, useSlots } from 'vue'
+import { ref } from 'vue'
 import { useI18n } from '@/i18n'
-import { useId } from '@/util'
+import { useForeignSlotNames, useId } from '@/util'
 import ADialog from '@/components/generic/ADialog.vue'
 import Loading from '@/components/generic/Loading.vue'
 
@@ -53,7 +53,7 @@ const props = withDefaults(
   },
 )
 
-const slots = useSlots()
+const foreignSlotNames = useForeignSlotNames()
 const { t } = useI18n()
 const id = useId('dialog-form')
 const dialog = ref()

src/util.ts

@@ -14,6 +14,7 @@ import {
   shallowRef,
   toRef,
   toValue,
+  useSlots,
   watch,
   watchEffect,
 } from 'vue'
@@ -327,3 +328,12 @@ export function parseTime(time: string): number {
     parseInt(seconds || 0)
   )
 }
+
+export function useForeignSlotNames() {
+  const slots = useSlots()
+  return computed(() => {
+    return Object.entries(slots)
+      .filter(([, slot]) => slot && slot.name === '')
+      .map(([key]) => key)
+  })
+}