I am trying to upgrade my vue2 project to vue3. The app is running fine and also showing translations and loading the values from store correctly. The problem is ts is complaining about $t and $store when components are created using class syntax:

I have a variable called animal of type ComputedRef<Animal | undefined>, and I have a function useAnimal that expects an argument of type ComputedRef<Animal>.

Example:

I want to be able to pass a string as a slot into a vue component. Define on the vue component that the slot is supposed to be a string and then use that string both in the template and in the script tags. There is a defineSlots function in the docs but every single example just keeps showing how to use it with objects like this

Here’s the snippet of code

I’m new to both typescript and vuejs. I’m facing some typescript warnings. Here’s the snippets of the entire code.

I’ve came across the idea, defining ref() or computed values etc. in an external class for having a cleaner code structure and less overloaded .vue file.

I have some types in a checkoutTypes.ts file like so:

I have some types in a checkoutTypes.ts file like so:

First of all, I would like to say that I did see the other related questions to this one but none seems to have an actual answer that’s why I am asking here