diff --git a/src/components/AiItem.vue b/src/components/AiItem.vue
index ab58679b..4df0cfee 100644
--- a/src/components/AiItem.vue
+++ b/src/components/AiItem.vue
@@ -3,20 +3,20 @@
     <div v-if="topLabel" class="topLabel">
       <div class="labelPane" flex>
         <div class="label" :class="{required,labelBold}" v-text="label"/>
-        <slot name="sub" v-if="$slots.sub"/>
+        <slot name="sub" v-if="$scopedSlots.sub"/>
       </div>
       <div class="content">
-        <slot v-if="$slots.default"/>
+        <slot v-if="$scopedSlots.default"/>
         <div v-else v-text="value"/>
       </div>
     </div>
     <div v-else class="normal" flex>
       <div class="fill" flex>
         <div class="label" :class="{required,labelBold}" v-text="label"/>
-        <slot name="sub" v-if="$slots.sub"/>
+        <slot name="sub" v-if="$scopedSlots.sub"/>
       </div>
       <div class="flexContent">
-        <slot v-if="$slots.default"/>
+        <slot v-if="$scopedSlots.default"/>
         <div v-else v-text="value"/>
       </div>
     </div>