2024-05-31 12:39:53 +07:00
|
|
|
<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>
|
|
|
|
|
</div>
|
2024-05-31 15:31:05 +07:00
|
|
|
</template>
|
|
|
|
|
<style lang="scss"></style>
|
