Vue throws warnings when using Typescript

[yooouuri]

Version

5.0.0

Reproduction link

https://github.com/yooouuri/vue-rollup-typescript

Steps to reproduce

Check out the repo: https://github.com/yooouuri/vue-rollup-typescript

Run yarn install && yarn build

After it, run yarn link

In the consumer project, run yarn link vue-components

Create component where it uses the form-input component:

<template>
  <div id="app">
    <p-form-input type="text" name="some_input" v-model="inputValue" /> {{ inputValue }}
  </div>
</template>

<script lang="ts">
import Vue from 'vue'

import PFormInput from 'vue-components/esm/components/form-input'

export default Vue.extend({
  name: 'App',
  components: {
    PFormInput,
  },
  data() {
    return {
      inputValue: 'normal'
    }
  }
})
</script>

It will complain about no types found, ignore it. When you run it and try to enter something in the input, it will throw 3 warnings...

What is expected?

Use the component without Vue throwing warnings...

What is actually happening?

Vue throws warnings, should not throw these warnings