All files / repo/src/components/Sidebar/TilePreview TilePreview.vue

0% Statements 0/8
100% Branches 1/1
100% Functions 1/1
0% Lines 0/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16                               
<template>
  <div class="tile-preview">
    <LazyImage :src="./tile.imagePath" :alt="tile.name" className="tile-preview--image" />
    <div class="tile-preview--info">
      <span class="tile-preview--name">{{ tile.name }}</span>
      <span class="tile-preview--rarity">{{ tile.rarity }}</span>
    </div>
  </div>
</template>
 
<script setup lang="ts">
import type { Tile } from '@/components/GameCanvas/GameCanvas.types';
import './TilePreview.scss';
defineProps<{ tile: Tile }>();
</script>