Nuxt•3y ago

Composables "not defined"

Hey so im trying to use a composable and it says its not defined. But I dont get the problem So this is my composables/useCars.js file:

import cars from '../data/cars.json'

export const useCars = () => {
    return {
        cars,
    }
}

import cars from '../data/cars.json'

export const useCars = () => {
    return {
        cars,
    }
}

And in Vue file im trying to use it like that:

<script setup>
  const { cars } = useCars()
</script>

<script setup>
  const { cars } = useCars()
</script>

but it says Error:500 useCars is not defined

46 Replies

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

Same thing Using the official syntax from the docs

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

yes

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

now it says __vite_ssr_import_1__.default is not a function

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

exactly like on the docs... idk

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

3.1.2 should be newest

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

I just started it yesterday

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

yes second

DisplayrayOP•3y ago

https://github.com/Displayray/cartraders-nuxt3

GitHub

GitHub - Displayray/cartraders-nuxt3

Contribute to Displayray/cartraders-nuxt3 development by creating an account on GitHub.

DisplayrayOP•3y ago

thats the project

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

okay thanks

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

bruh, how

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

hm ima try it with that how you executing it?

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

okay what file is that?

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

oh yeah nvm the index

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

I really dont get along, still same error. downloaded it, deleted the .nuxt folder und ran npm install

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

last LTM release

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

v18.13.0

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

nvm?

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

nah dont have that

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

what version do you have?

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

okay yeah lemme try that no still same error

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

yeah that relly weird windows

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

and its like a almost new install of windows so I dont think that anything is affecting it

Unknown User•3y ago

Message Not Public

DisplayrayOP•3y ago

so now i get SyntaxError: ambiguous indirect export: default only works if I import it directly in my .vue file I dont get whats wrong with composables If I hover over useCar in vscode it says [TS Error] Error: Debug Failure. {}

Gaming

Programming

Composables "not defined"

Did you find this page helpful?