VueCompilerError: v-model can only be used on <input>, <textarea> and <select> elements

[proea]

There is incorrect usage of v-model in Facebook.vue:

vue-goodshare/src/providers/Facebook.vue

Lines 17 to 21 in 73d146f

	<span
	class="counter-facebook"
	v-model="counter_facebook"
	v-if="this.$props.has_counter"
	>

node_modules/vue-goodshare/src/providers/Facebook.vue:19:7
17 |      <span
18 |        class="counter-facebook"
19 |        v-model="counter_facebook"
   |        ^^^^^^^^^^^^^^^^^^^^^^^^^^
20 |        v-if="this.$props.has_counter"
21 |      >

webpack compiled with 2 errors

[welcome]

Thanks for opening your first issue here! 🎉 Be sure to follow the issue template!

[stale]

👋 Hello. Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
Thank you for your contributions.

[EisFrei]

I can confirm that this issue is still relevant when using vue 3.2.39

[koddr]

I can confirm that this issue is still relevant when using vue 3.2.39

Hi,

Can you please try to another Vue.js version?

[EisFrei]

Hi,

Can you please try to another Vue.js version?

The error message was added three years ago, so I suppose it affects the versions that were released in the last 3 years.

v-model is a two-way binding and doesn't serve any purpose on a span. Having {{ counter_facebook }} will suffice to output the number.

I tried removing all v-model="counter_*" instances and everything works as intended.

Will you accept a PR removing the v-models?

[JuanxCursed]

+1 same issue here

[stale]

👋 Hello. Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
Thank you for your contributions.

[Akonibrahim]

Yes it still exists. Vue version 3.3.2