Internationalization

fcDesigner provides multi-language support. Use the locale configuration option to switch the interface display language. Built-in language packs include Chinese, English, and Japanese.

Import Language Pack

Before using, import the required language pack. Import methods for the three built-in languages:

• Chinese:

import Zh from "@form-create/designer/locale/zh-cn.js";

• English:

import En from "@form-create/designer/locale/en.js";

Configure Language Pack

After importing the language pack, apply it to the fc-designer component using the locale property. Configure and use language packs in a Vue project:

<template>
    <!-- Pass the language pack to the fc-designer component through the locale property -->
    <fc-designer :locale="locale" />
</template>
<script>
import En from "@form-create/designer/locale/en.js"; // Import English language pack
export default {
  data(){
    return {
        locale: En,
    }
  }
}
</script>

These steps configure multi-language support and allow switching languages as needed.