chore(deps): update dependency nuxt to v4

Dockerfile

@@ -2,11 +2,14 @@ FROM cypress/base:24.0.0@sha256:a12dd7ba6c42601ba02328491320f04fede8b652f6da2724
 
 WORKDIR /build
 
-COPY ./package.json ./package-lock.json ./.snyk ./
+RUN npm install --global node-gyp && \
+    git config --global --add safe.directory /build
+
+COPY ./package.json ./package-lock.json ./
 RUN npm ci --no-progress
 
-COPY ./ ./
-RUN npm run generate && npm run lint
+COPY . /build
+RUN npm run postinstall && npm run generate && npm run lint
 #RUN yarn start:ci & yarn wait && yarn test:cypress
 
 FROM amd64/nginx:1.29.0@sha256:1255491f87317acd3c7c9329f29054473fd5d4dc84646e47bc672aaa7e9f0c67

app/components/pages/events/event-card.vue

@@ -113,7 +113,7 @@ import { computed  } from 'vue'
 
 import { useI18n } from '#i18n'
 import DistanceDisplay from '~/components/pages/events/event-distance.vue'
-import type { Event } from '~/graphql/generated/operations'
+import type { Event } from '~~/graphql/generated/operations'
 
 const props = defineProps({
   event: {

app/components/pages/events/event-distance.vue

@@ -17,7 +17,7 @@
 import type { PropType } from 'vue'
 import { computed  } from 'vue'
 
-import type { DanceHallDistance } from '~/graphql/generated/operations'
+import type { DanceHallDistance } from '~~/graphql/generated/operations'
 
 const props = defineProps({
   distance: {

app/components/pages/events/event-list.vue

@@ -15,7 +15,7 @@
 <script setup lang='ts'>
 import type { PropType } from 'vue'
 
-import type { Event } from '~/graphql/generated/operations'
+import type { Event } from '~~/graphql/generated/operations'
 
 import EventCard from './event-card.vue'
 

app/components/pages/events/event-page.vue

@@ -102,7 +102,8 @@ import { computed, ref, watch } from 'vue'
 import { useDisplay } from 'vuetify'
 
 import { useI18n } from '#i18n'
-import type { FindEventsQueryVariables } from '~/graphql/generated/operations'
+import { useState } from '~/store'
+import type { FindEventsQueryVariables } from '~~/graphql/generated/operations'
 import {
   useFetchAddressLazyQuery,
   useFindEventsQuery,
@@ -112,8 +113,7 @@ import {
   useToggleIgnoreDanceHallMutation,
   useToggleIgnoreMunicipalityMutation,
   useToggleIgnoreStateMutation,
-} from '~/graphql/generated/operations'
-import { useState } from '~/store'
+} from '~~/graphql/generated/operations'
 
 import EventList from './event-list.vue'
 

app/components/pages/filters/filter-page.vue

@@ -65,6 +65,7 @@ import { useAuth0 } from '@auth0/auth0-vue'
 import { computed, ref } from 'vue'
 
 import { useI18n } from '#i18n'
+import { useState } from '~/store'
 import {
   useFetchFiltersQuery,
   useToggleIgnoreBandMutation,
@@ -72,8 +73,7 @@ import {
   useToggleIgnoreDanceHallMutation,
   useToggleIgnoreMunicipalityMutation,
   useToggleIgnoreStateMutation,
-} from '~/graphql/generated/operations'
-import { useState } from '~/store'
+} from '~~/graphql/generated/operations'
 
 import List from './filter-list.vue'
 

app/components/pages/origins/origin-page.vue

@@ -68,13 +68,13 @@ import { useAuth0 } from '@auth0/auth0-vue'
 import { computed, ref } from 'vue'
 
 import { useI18n } from '#i18n'
+import { useState } from '~/store'
 import {
   useFetchAddressLazyQuery,
   useFindOriginsQuery,
   useRemoveOriginMutation,
   useSaveOriginMutation,
-} from '~/graphql/generated/operations'
-import { useState } from '~/store'
+} from '~~/graphql/generated/operations'
 
 const state = useState()
 const { t } = useI18n()

app/pages/filters.vue

@@ -3,9 +3,8 @@
 </template>
 
 <script setup lang='ts'>
-import { useHead } from '@unhead/vue'
-
 import { useI18n } from '#i18n'
+import { useHead } from '#imports'
 
 import Filters from '../components/pages/filters/filter-page.vue'
 

app/pages/index.vue

@@ -3,9 +3,8 @@
 </template>
 
 <script setup lang='ts'>
-import { useHead } from '@unhead/vue'
-
 import { useI18n } from '#i18n'
+import { useHead } from '#imports'
 import Events from '~/components/pages/events/event-page.vue'
 
 const { t } = useI18n()

app/pages/origins.vue

@@ -3,9 +3,8 @@
 </template>
 
 <script setup lang='ts'>
-import { useHead } from '@unhead/vue'
-
 import { useI18n } from '#i18n'
+import { useHead } from '#imports'
 
 import Origins from '../components/pages/origins/origin-page.vue'
 

app/store/index.ts

@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
 
-import { Range } from '~/graphql/generated/operations'
+import { Range } from '~~/graphql/generated/operations'
 
 export const useState = defineStore(
   'state',

package.json

@@ -34,7 +34,7 @@
     "eslint-plugin-nuxt": "4.0.0",
     "eslint-plugin-simple-import-sort": "12.1.1",
     "eslint-plugin-vue": "10.3.0",
-    "nuxt": "3.17.7",
+    "nuxt": "4.0.0",
     "postcss-html": "1.8.0",
     "sass": "1.89.2",
     "stylelint": "16.21.1",