<script setup>
import { useRoute } from 'vue-router';
import { useI18n } from 'vue-i18n';
import FormModel from 'components/FormModel.vue';
import VnRow from 'components/ui/VnRow.vue';
import VnInput from 'src/components/common/VnInput.vue';
const route = useRoute();
const { t } = useI18n();
</script>
<template>
    <FormModel :url="`VnRoles/${route.params.id}`" model="VnRole" auto-load>
        <template #form="{ data }">
            <VnRow>
                <div class="col">
                    <VnInput v-model="data.name" :label="t('role.card.name')" />
                </div>
            </VnRow>
            <VnRow>
                <div class="col">
                    <VnInput
                        v-model="data.description"
                        :label="t('role.card.description')"
                    />
                </div>
            </VnRow>
        </template>
    </FormModel>
</template>
