<template>
    <div class="{{prefix}}-{{kebabCase name}}">
        \{{ t('hello') }}
    </div>
</template>

<!--引入国际化-->
<i18n src="./locale.json"></i18n>

<script>
import { reactive, toRefs, onMounted, computed } from 'vue'
import getRules from './schema.ts'
import { useI18n } from "vue-i18n";

export default {
     name:"{{pascalCase name}}",
    components: {},
    setup() {
        const { t } = useI18n(); // 国际化 不可删除
        const {SEARCH_FORM_SCHEMA, TABLE_SCHEMA}=getRules(t)
        const state = reactive({})
        onMounted(() => {
            console.log(SEARCH_FORM_SCHEMA.rules[0].type);
        })
        const methods = {}
        return {
            ...toRefs(state),
            ...methods,
            t
        }
    },
}
</script>

<style lang="scss" scoped>
@import './style.scss';
</style>
