vue:自己封装一个组件作为文字提示的画布。

上代码：

<script lang="ts" setup>
defineProps<{ title?: string; content: string }>();
</script>

<template>
  <div class="bg-gray dark:bg-fff/10 dark:text-999 px-32 py-16 text-s">
    <p class="font-bold">{{ title }}</p>
    <pre class="whitespace-pre-wrap">{{ content }}</pre>
  </div>
</template>

 使用的时候引入组件就好了：

<Alert
        :title="t('common.redirectRoutes')"
        :content="t('common.setHomePageAndErrorPage')"
      />