minhnt-dev: validate dataResult

This commit is contained in:
MoreStrive
2024-05-30 22:53:28 +07:00
parent b52352660d
commit c36a985b88
2 changed files with 8 additions and 6 deletions
@@ -23,10 +23,12 @@ const _dataResult = computed(() => {
<template>
<div>
<div class="flex gap-4 items-end py-2" @click="selectComponent">
<nuxt-link :to="`/${component.code}`" v-for="(component, index) in _dataResult" :key="index" class="font-medium text-[18px] first:font-600 first:text-[24px]">
<h3 class="m-0 leading-none hover:text-primary-100 transition-all duration-300">{{ component.title }}</h3>
</nuxt-link>
<div class="flex gap-4 items-end py-2">
<template v-for="(component, index) in _dataResult">
<nuxt-link v-if="component" :key="index" :to="`/${component.code}`" class="font-medium text-[18px] first:font-600 first:text-[24px]">
<h3 class="m-0 leading-none hover:text-primary-100 transition-all duration-300">{{ component.title }}</h3>
</nuxt-link>
</template>
</div>
</div>
</template>