thainv-dev: page chi tiết

2024-05-31 12:39:53 +07:00
parent 86bebfd66e
commit 6ff759f22a
15 changed files with 348 additions and 14 deletions
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { useArticleStore } from '~/stores/articles';
+const emit = defineEmits(['dropData', 'selectComponent'])
+const { currentArticle } = storeToRefs(useArticleStore());
+
+</script>
+<template>
+    <div class="content" v-if="currentArticle">
+        <h1 v-html="currentArticle?.sub" class="text-xl font-bold opacity-60 pb-1"></h1>
+        <h3 class="text-2xl font-bold sm:text-3xl xl:text-4xl pb-1" v-html="currentArticle?.title"></h3>
+        <div v-if="currentArticle?.intro" v-html="currentArticle?.intro" class="font-semibold text-xl tracking-widest pb-1"></div>
+        <div id="article-detail" :class="'text-[15px] tracking-wider'" v-html="currentArticle.detail"
+                        class="[&_img]:mx-auto">
+                    </div>
+                    1
+    </div>
+</template>