How to make a pure wrapper component?

[9mm]

How do I wrap Form so that I can use it everywhere without constantly renaming it as Form: VForm?

When I do this, it doesnt seem to work, id rather include base-form in my code and extract v-validate into its own component

BaseForm.vue

<template>
  <v-form v-bind="$attrs">
    <slot />
  </v-form>
</template>

<script>
import { Form as VForm } from 'vee-validate';

// this wrapper component is mainly so we don't have to keep renaming
// Form to VForm every time we want to use it

export default {
  components: {
    VForm,
  },
  inheritAttrs: false,
};
</script>

[logaretm]

Have you tried to register it globally?

import { createApp } from 'vue'
import { Form } from 'vee-validate';

const app = createApp({})

app.component('VForm', Form)