Refactor: Utilize Vue's built-in defineModel for model implementation

[PiotrWasak]

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation, readme or JSdoc annotations)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

This PR refactors the code to use Vue's built-in defineModel instead of relying on custom libraries. By leveraging Vue's native functionality:

The codebase is simplified with less code.
External library dependencies are no longer needed for this functionality.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[sadeghbarati]

Suggested change

	const modelValue = defineModel<string | number>()
	modelValue.value = props.defaultValue
	const modelValue = defineModel<string | number>({
	default: props.defaultValue
	})

[PiotrWasak]

It cannot be done like that, already tried it 😁
"[@vue/compiler-sfc] defineModel() in <script setup> cannot reference locally declared variables because it will be hoisted outside of the setup() function."

[sadeghbarati]

I think it is soon to include this macro in the components cause this macro added from 3.4+

Let's see what other's opinion is