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

composables/useCars.js

composables/useCars.js

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,
    }
}

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>

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

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

but it says

Error:500 useCars is not defined

Error:500 useCars is not defined

Error:500 useCars is not defined

Error:500 useCars is not defined