chore: import json data and display

This commit is contained in:
YunYouJun
2022-04-13 23:53:07 +08:00
parent 86d0fe7bfe
commit 2120e79726
12 changed files with 61 additions and 11 deletions

View File

@@ -0,0 +1,11 @@
<script lang="ts" setup>
import recipeData from '~/data/recipe.json'
import type { Recipe } from '~/types'
const recipe = ref(recipeData as Recipe)
</script>
<template>
<div>
<span v-for="item, i in recipe" :key="i" class="tag">{{ item.name }}</span>
</div>
</template>