perf(dom): custom DOM recycle

jellyfin · Jan 25, 2021 · 15fbc17 · 15fbc17
1 parent 61c21fc
commit 15fbc17
Show file tree

Hide file tree

Showing 7 changed files with 603 additions and 84 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>