<!-- 上一篇 下一篇 -->
<script setup lang="ts">
import {detail} from "~/utils/common";
import type {CmsArticle} from "~/api/cms/cmsArticle/model";
import {getNext, getPrevious} from "~/api/cms/cmsArticle";

const props = withDefaults(
    defineProps<{
      articleId?: number;
    }>(),
    {}
);

const i18n = useI18n();
const previousArticle = ref<CmsArticle>();
const nextArticle = ref<CmsArticle>();

// 上一篇
previousArticle.value = await getPrevious({
  articleId: props.articleId,
  lang: i18n.locale.value
})
// 下一篇
nextArticle.value = await getNext({
  articleId: props.articleId,
  lang: i18n.locale.value
})

</script>

<template>
  <div class="page flex flex-col">
            <span class="text-left">
              {{ $t('previous') }}：<a :href="detail(previousArticle)">{{ previousArticle?.title }}</a>
            </span>
            <span class="text-left">
              {{ $t('next') }}：<a :href="detail(nextArticle)">{{ nextArticle?.title }}</a>
            </span>
  </div>
</template>

<style scoped lang="scss">

</style>
