[TASK] Fix some build errors

MALSync · Aug 31, 2022 · 448f53e · 448f53e
1 parent fcdd3f9
commit 448f53e
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 11 deletions.
diff --git a/src/_minimal/components/media/media-pill.vue b/src/_minimal/components/media/media-pill.vue
@@ -1,9 +1,9 @@
 <template>
-  <PillSplit>
-    <template v-if="score" #left>
+  <PillSplit :left="Boolean(score)" :right="Boolean(streamUrl)">
+    <template #left>
       <TextIcon icon="star">{{ score }}</TextIcon>
     </template>
-    <template v-if="streamUrl" #right>
+    <template #right>
       <MediaLink :href="streamUrl">
         <TextIcon :src="streamIcon">{{ watchedEp }}</TextIcon>
       </MediaLink>

diff --git a/src/_minimal/components/pill-split.vue b/src/_minimal/components/pill-split.vue
@@ -1,14 +1,21 @@
 <template>
-  <div v-if="slots.left || slots.right" class="pill">
-    <div v-if="slots.left" class="left"><slot name="left" /></div>
-    <div v-if="slots.right" class="right"><slot name="right" /></div>
+  <div v-if="left || right" class="pill">
+    <div v-if="left" class="left"><slot name="left" /></div>
+    <div v-if="right" class="right"><slot name="right" /></div>
   </div>
 </template>
 
 <script lang="ts" setup>
-import { useSlots } from 'vue';
-
-const slots = useSlots();
+defineProps({
+  left: {
+    type: Boolean,
+    default: true,
+  },
+  right: {
+    type: Boolean,
+    default: true,
+  },
+});
 </script>
 
 <style lang="less" scoped>

diff --git a/src/_minimal/views/bookmarks.vue b/src/_minimal/views/bookmarks.vue
@@ -46,8 +46,8 @@
             <component
               :is="listTheme.component"
               v-for="item in list"
-              :key="item.id"
-              :item="formatItem(item)"
+              :key="item.uid"
+              :item="formatItem(item as listElement)"
             />
           </TransitionStaggered>
         </Grid>