xiangyuan-gov-app/src/pages/home/about/contract.vue

<template>
  <FlexCol>
    <SimplePageContentLoader :loader="loader">
      <Parse :content="loader.content?.value || ''" />
    </SimplePageContentLoader>
  </FlexCol>
</template>

<script setup lang="ts">
import FlexCol from '@/components/layout/FlexCol.vue';
import Parse from '@/components/display/parse/Parse.vue';
import SimplePageContentLoader from '@/common/components/SimplePageContentLoader.vue';
import CommonContent from '@/api/CommonContent';
import { useSimpleDataLoader } from '@/common/composeabe/SimpleDataLoader';

const loader = useSimpleDataLoader(async () => await CommonContent.getContentDetail(123));
</script>