TypeScript Error with Auto-Imported Exports After Installing @vueuse/motion

[cloudfinch-shivansh]

System info

---

• Operating System: Windows_NT
• Node Version: v20.17.0
• Nuxt Version: 3.13.0
• CLI Version: 3.13.1
• Nitro Version: 2.9.7
• Package Manager: npm@10.8.2
• Builder: -
• User Config: devtools, modules, ssr
• Runtime Modules: @vueuse/nuxt@11.0.3, @vueuse/motion/nuxt@2.2.3
• Build Modules: -

---

• Builder: -
• User Config: devtools, modules, ssr
• Runtime Modules: @vueuse/nuxt@11.0.3, @vueuse/motion/nuxt@2.2.3
• Builder: -
• User Config: devtools, modules, ssr
• Builder: -
• Builder: -
• User Config: devtools, modules, ssr
• Runtime Modules: @vueuse/nuxt@11.0.3, @vueuse/motion/nuxt@2.2.3
• Build Modules: -

---

Reproduction

https://github.com/cloudfinch-shivansh/vueuse-motion-err

Describe the bug

I am using constants from the utils folder, which are auto-imported directly in the template. However, I am receiving the following TypeScript error:

Property 'constant' does not exist on type 'CreateComponentPublicInstance<Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ... 12 more ..., {}>'.

Despite this error, the code is working fine in the browser.

The issue occurs when I install @vueuse/motion.

On uninstalling @vueuse/motion, the TypeScript error is resolved.

Additional context

No response

Logs

No response

[luigigorlero]

This might be related to the way the module is defined. It may be necessary to
augment vue instead of @vue/runtime-core