perf: custom DOM recycle

jellyfin · Jan 19, 2021 · 56e3a7d · 56e3a7d
1 parent cdb5b74
commit 56e3a7d
Show file tree

Hide file tree

Showing 7 changed files with 485 additions and 82 deletions.
diff --git a/components/Item/Card.vue → components/Item/Card/Card.vue b/components/Item/Card.vue → components/Item/Card/Card.vue
diff --git a/components/Item/Card/VirtualCard.vue b/components/Item/Card/VirtualCard.vue
@@ -0,0 +1,18 @@
+<template>
+  <span>
+    <card v-if="item" :key="item.Id" :item="item" />
+  </span>
+</template>
+
+<script lang="ts">
+import { BaseItemDto } from '@jellyfin/client-axios';
+import Vue from 'vue';
+
+export default Vue.extend({
+  data() {
+    return {
+      item: undefined as undefined | BaseItemDto
+    };
+  }
+});
+</script>