<template>
  <div>
    <div class="header-height"></div>
    <div class="w-1200 py-8 nav">
      <NBreadcrumb>
        <NBreadcrumbItem>
          <NuxtLink :to="localePath('/')">{{ $t('homePage') }}</NuxtLink>
        </NBreadcrumbItem>
        <NBreadcrumbItem>
          <p>{{ locale == 'zh' ? aboutArticle.title : aboutArticle.titleEn }}</p>
        </NBreadcrumbItem>
      </NBreadcrumb>
    </div>

    <div class="w-1200 py-8">
      <div v-html="locale == 'zh' ? aboutArticle.content: aboutArticle.contentEn"></div>
    </div>
  </div>
</template>
<script setup lang="ts">
import {NBreadcrumb, NBreadcrumbItem} from "naive-ui";

const {locale} = useI18n()
const localePath = useLocalePath()
import {getArticle,} from "~/api/article";
useHead({
  title: `金梦网-关于金梦网`
})
// 获取关于我们
const aboutArticle = ref<any>({
  title: '',
  titleEn: '',
  content: '',
  contentEn: '',
})
getArticle({
  id: 30
}).then((res: any) => {
  if (res) {
    aboutArticle.value = res
  }
})
</script>

<style scoped>

</style>
