<template>
  <rc-button @click="handleClick">
     \{{ t('button') }}
  </rc-button>
</template>
<script >
  {{!-- import './{{kebabCase name}}.scss' --}}
  <!--引入国际化-->
  <i18n src="./locale.json"></i18n>
  import { useI18n } from "vue-i18n";
  const { t } = useI18n();
  export default {
      name:"{{kebabCase name}}",
      props:{

      },
      setup() {
        const { t } = useI18n(); // 国际化 不可删除
        const state = reactive({})
        onMounted(() => {
          console.log(t('button'));
        })
        const methods = {
          handleClick(){
              console.log("handleClick");
          }
        }
        return {
            ...toRefs(state),
            ...methods,
            t
        }
      },
     
  }
</script>