I am relatively new to working with Vue and I'm finding it challenging. Currently, I am attempting to use Vue-Formulate to create a registration form in my Vue app using Vue 3. Following the official documentation provided by Vue-Formulate, this is how far I've progressed:
// main.js
import { createApp } from 'vue'
import App from './App.vue'
import VueFormulate from '@braid/vue-formulate'
createApp(App).use(VueFormulate).mount('#app')
Now, within Register.vue:
<template>
<formulate-form v-model="formValues" @submit="registerUser">
<formulate-input name="first_name" label="First Name" placeholder="First Name" type="text"></formulate-input>
</formulate>
</template>
<script>
export default {
name: 'RegisterLogin',
methods: {
registerUser () {
// add functionality here
}
}
}
</script>
However, I have encountered an error stating [Vue warn]: Failed to resolve component: formulate-form and [Vue warn]: Failed to resolve component: formulate-input. Despite referencing resources like [Vue warn]: Failed to resolve component: Step1Item:, I still can't seem to figure out what's causing the issue and why the form isn't rendering properly.