Nuxt•2y ago

Create custom TypeScript types and make the available globally

Hello, as you can read in the Title I want to create custom TypeScript Types. In React I had a folder names "types" in the root Directory. And while I can do the same thing here and also import them, once I reload the Page I get '/_nuxt/types/Message.ts' does not provide an export named 'Message' is ther a way to fix this?

25 Replies

Unknown User•2y ago

Message Not Public

Just SimeonOP•2y ago

How would I import that? Importing it like this: import {Message} from '~/types/ doesn't work But yes that did get me a step closer, now I just need to import it

Unknown User•2y ago

Message Not Public

Just SimeonOP•2y ago

This is my index.ts in /types/ https://paste.teamhelios.dev/7LnZ15X7n2 and unfortunately it doesn't auto import

Unknown User•2y ago

Message Not Public

Just SimeonOP•2y ago

With no import ahh okay, let me try Ahh maybe its caused by me using it in defineProps?

const input = defineProps({
  msg: {
    type: Message,
    required: true,
  });

const input = defineProps({
  msg: {
    type: Message,
    required: true,
  });

Unknown User•2y ago

Message Not Public

Just SimeonOP•2y ago

not entirely sure I will try now it does complain tho that I am using a type as a value tho

Unknown User•2y ago

Message Not Public

Just SimeonOP•2y ago

ReferenceError: Message is not defined

Unknown User•2y ago

Message Not Public

Just SimeonOP•2y ago

Take your time

Unknown User•2y ago

Message Not Public

Just SimeonOP•2y ago

Unknown User•2y ago

Message Not Public

Just SimeonOP•2y ago

That looks like it works 😄 Thanks alot!

Unknown User•2y ago

Message Not Public

Just SimeonOP•2y ago

that's fine 😄

Unknown User•2y ago

Message Not Public

Just SimeonOP•2y ago

Are you active on this Discord? in case I need other help

Unknown User•2y ago

Message Not Public

Just SimeonOP•2y ago

That would be awesome 🙂

Unknown User•2y ago

Message Not Public

Just SimeonOP•2y ago

Thanks alot! You were a great help

Unknown User•2y ago

Message Not Public

Gaming

Programming

Create custom TypeScript types and make the available globally

Did you find this page helpful?