Displayray Posts - Answer Overflow

Displayray

•Created by Displayray on 3/30/2025 in #❓・help

Build fail

So I did some changes in my code (added elements, json data, css and nuxt icons) and somehow my app wont build anymore. Also I dont get why. Someone understands this or can read where the error is? Heres the errors I get: (attached)

5 replies

NNuxt

•Created by Displayray on 7/14/2023 in #❓・help

Page Transition

I set my page transition like it is shown in the docs:

.page-enter-active,
.page-leave-active {
  transition: all .7s;
}

.page-enter-from,
.page-leave-to {
  opacity: 0;
}

AND

pageTransition: {
      name: 'page',
      mode: 'out-in'
    },

.page-enter-active,
.page-leave-active {
  transition: all .7s;
}

.page-enter-from,
.page-leave-to {
  opacity: 0;
}

AND

pageTransition: {
      name: 'page',
      mode: 'out-in'
    },

I want to use that for all of my pages and it should work since im not using any layouts. My /pages looks like that [1]/pages/search/... [2]/pages/user/... When i switch a page in these folders everything works fine. Also when i go from / to [1] When i try to switch from [1] or from / to [2] the fadeout works but it pops directly in without a transition. Then when i want to navigato out of [2] to any other pages which isnt in [2], it simply doesnt show up. My screen just goes black. No special settings are done, im sure nothing affects the transition

2 replies

NNuxt

•Created by Displayray on 2/16/2023 in #❓・help

Can't use module in .vue file

So i've installed npm i @nuxtjs/supabase and added it into the nuxt config. I know its working since the project url error is showing / solving when I add the url to my project. But i can't use this model in my .vue files. I try to use the useSupabaseClient but in my project it says undefined In vscode it doesn't show up in emmet abriviation and if I hover over it, it says any

21 replies

NNuxt

•Created by Displayray on 2/6/2023 in #❓・help

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

75 replies

Gaming

Programming