docs(examples): removed unneeded template tags

TanStack · Oct 16, 2023 · cc8a185 · cc8a185
1 parent 6dd5b4d
commit cc8a185
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 44 deletions.
diff --git a/examples/vue/fixed/src/components/GridVirtualizerFixed.vue b/examples/vue/fixed/src/components/GridVirtualizerFixed.vue
@@ -12,32 +12,29 @@
       }"
     >
       <template v-for="virtualRow in virtualRows" :key="virtualRow.index">
-        <template
+        <div
           v-for="virtualColumn in columnVirtualizer.getVirtualItems()"
           :key="virtualColumn.index"
-        >
-          <div
-            :class="
-              virtualColumn.index % 2
-                ? virtualRow.index % 2 === 0
-                  ? 'ListItemOdd'
-                  : 'ListItemEven'
-                : virtualRow.index % 2
+          :class="
+            virtualColumn.index % 2
+              ? virtualRow.index % 2 === 0
                 ? 'ListItemOdd'
                 : 'ListItemEven'
-            "
-            :style="{
-              position: 'absolute',
-              top: 0,
-              left: 0,
-              width: `${virtualColumn.size}px`,
-              height: `${virtualRow.size}px`,
-              transform: `translateX(${virtualColumn.start}px) translateY(${virtualRow.start}px)`,
-            }"
-          >
-            Cell {{ virtualRow.index }}, {{ virtualColumn.index }}
-          </div>
-        </template>
+              : virtualRow.index % 2
+              ? 'ListItemOdd'
+              : 'ListItemEven'
+          "
+          :style="{
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: `${virtualColumn.size}px`,
+            height: `${virtualRow.size}px`,
+            transform: `translateX(${virtualColumn.start}px) translateY(${virtualRow.start}px)`,
+          }"
+        >
+          Cell {{ virtualRow.index }}, {{ virtualColumn.index }}
+        </div>
       </template>
     </div>
   </div>

diff --git a/examples/vue/variable/src/components/GridVirtualizerVariable.vue b/examples/vue/variable/src/components/GridVirtualizerVariable.vue
@@ -12,32 +12,29 @@
       }"
     >
       <template v-for="virtualRow in virtualRows" :key="virtualRow.index">
-        <template
+        <div
           v-for="virtualColumn in virtualColumns"
           :key="virtualColumn.index"
-        >
-          <div
-            :class="
-              virtualColumn.index % 2
-                ? virtualRow.index % 2 === 0
-                  ? 'ListItemOdd'
-                  : 'ListItemEven'
-                : virtualRow.index % 2
+          :class="
+            virtualColumn.index % 2
+              ? virtualRow.index % 2 === 0
                 ? 'ListItemOdd'
                 : 'ListItemEven'
-            "
-            :style="{
-              position: 'absolute',
-              top: 0,
-              left: 0,
-              width: `${columns[virtualColumn.index]}px`,
-              height: `${rows[virtualRow.index]}px`,
-              transform: `translateX(${virtualColumn.start}px) translateY(${virtualRow.start}px)`,
-            }"
-          >
-            Cell {{ virtualRow.index }}, {{ virtualColumn.index }}
-          </div>
-        </template>
+              : virtualRow.index % 2
+              ? 'ListItemOdd'
+              : 'ListItemEven'
+          "
+          :style="{
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: `${columns[virtualColumn.index]}px`,
+            height: `${rows[virtualRow.index]}px`,
+            transform: `translateX(${virtualColumn.start}px) translateY(${virtualRow.start}px)`,
+          }"
+        >
+          Cell {{ virtualRow.index }}, {{ virtualColumn.index }}
+        </div>
       </template>
     </div>
   </div>