32 lines
534 B
Vue
32 lines
534 B
Vue
<script lang="ts" setup>
|
|
import type { RecipeItem } from 'types'
|
|
|
|
defineProps<{
|
|
index: number
|
|
recipe: RecipeItem
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<tr>
|
|
<td>
|
|
{{ index }}
|
|
</td>
|
|
<td>
|
|
<a
|
|
class="text-blue-500" font-bold
|
|
:href="recipe.link || `https://www.bilibili.com/video/${recipe.bv}`"
|
|
target="_blank"
|
|
>
|
|
{{ recipe.name }}
|
|
</a>
|
|
</td>
|
|
<td>
|
|
{{ recipe.tools.join('、') }}
|
|
</td>
|
|
<td>
|
|
{{ recipe.stuff.join('、') }}
|
|
</td>
|
|
</tr>
|
|
</template>
|