Vue i18n翻译-如何添加ul/ol列表

{
  "list": {
    "ul": "无序列表",
    "ol": "有序列表"
  }
}

import zhCN from './path/to/zh-CN.json';

export default {
  // ...
  i18n: {
    messages: {
      'zh-CN': zhCN,
    },
  },
};

<template>
  <div>
    <h2>{{ $t('list.ul') }}</h2>
    <ul>
      <li>{{ $t('list.ulItem1') }}</li>
      <li>{{ $t('list.ulItem2') }}</li>
    </ul>

    <h2>{{ $t('list.ol') }}</h2>
    <ol>
      <li>{{ $t('list.olItem1') }}</li>
      <li>{{ $t('list.olItem2') }}</li>
    </ol>
  </div>
</template>