Trying to implement v-model on a tag within my Vue component, I encountered the following error that is puzzling me:
The 'textInput' property does not exist on the type '{ $: ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<Readonly<ExtractPropTypes<{}>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;The Component in question:
<template>
<h1>Check how often a word is repeated in your text:</h1>
<textarea
name="userInput"
id="userInput"
cols="30"
rows="10"
v-model="textInput"
></textarea>
<CheckButton />
</template>
<script lang="ts">
import { defineComponent } from "vue";
import CheckButton from "./CheckButton.vue";
export default defineComponent({
name: "FrequencyBox",
components: {
CheckButton,
},
});
</script>
<style></style>