Merge pull request #89 from buggregator/feature/upgrade-nuxt-version

Feature/upgrade node version

Author: Kreezag

.docker/Dockerfile

@@ -6,7 +6,7 @@ ARG BRANCH=master
 RUN git clone -b $BRANCH $REPOSITORY /app
 
 # Build JS files
-FROM node:19-alpine as frontend
+FROM node:20-alpine as frontend
 COPY --from=git /app /app
 WORKDIR /app
 

.eslintrc.json

@@ -39,6 +39,17 @@
         "registeredComponentsOnly": true,
         "ignores": []
       }
+    ],
+    "import/extensions": [
+      "error",
+      "ignorePackages",
+      {
+        "": "never",
+        "js": "never",
+        "jsx": "never",
+        "ts": "never",
+        "tsx": "never"
+      }
     ]
   }
 }

.github/workflows/test-build-ci.yml

@@ -15,7 +15,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x, 18.x, 20.x]
+        node-version: [18.x, 20.x]
 
     steps:
     - uses: actions/checkout@v3

layouts/default.vue

@@ -15,9 +15,9 @@
 <script lang="ts">
 import { storeToRefs } from "pinia";
 import { defineComponent } from "vue";
-import { useSettingsStore } from "~/stores/settings";
 import { useNuxtApp } from "#app";
 import { LayoutSidebar } from "~/src/widgets/ui";
+import { useSettingsStore } from "~/stores/settings";
 
 export default defineComponent({
   components: {

package.json

@@ -47,7 +47,7 @@
     "autoprefixer": "^10.4.0",
     "eslint": "^8.32.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-config-airbnb-typescript": "^17.1.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-nuxt": "^4.0.0",
@@ -59,7 +59,7 @@
     "prettier": "^2.8.3",
     "sass": "^1.57.1",
     "storybook-addon-themes": "^6.1.0",
-    "typescript": "^4.9.4",
+    "typescript": "^5.1.6",
     "vitest": "^0.34.2",
     "vue-eslint-parser": "^9.1.0"
   },
@@ -85,7 +85,7 @@
     "lodash.isstring": "^4.0.1",
     "lodash.pick": "^4.4.0",
     "moment": "^2.29.4",
-    "nuxt": "3.3.3",
+    "nuxt": "^3.8.2",
     "pinia": "^2.0.30",
     "pluralize": "^8.0.0",
     "tailwindcss": "^3.2.4",

pages/http-dumps/[id].vue

@@ -24,12 +24,12 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import { HttpDumpPage } from "~/src/screens/http-dump";
 import { useFetch, useNuxtApp, useRoute, useRouter } from "#app"; // eslint-disable-line @conarti/feature-sliced/layers-slices
 import { PageHeader } from "~/src/widgets/ui";
 import { useHttpDump } from "~/src/entities/http-dump";
-import { HttpDump } from "~/src/entities/http-dump/types";
-import { EventId, ServerEvent } from "~/src/shared/types";
+import type { HttpDump } from "~/src/entities/http-dump/types";
+import type { EventId, ServerEvent } from "~/src/shared/types";
+import { HttpDumpPage } from "~/src/screens/http-dump";
 
 const { normalizeHttpDumpEvent } = useHttpDump();
 

pages/index.vue

@@ -40,11 +40,11 @@
 <script lang="ts">
 import pluralize from "pluralize"; // eslint-disable-line @conarti/feature-sliced/public-api
 import { defineComponent } from "vue";
-import { PauseButton } from "~/src/screens/events/ui/pause-button";
 import { useNuxtApp } from "#app"; // eslint-disable-line @conarti/feature-sliced/layers-slices
 import { PageHeader, EventCard, PagePlaceholder } from "~/src/widgets/ui";
 import { PAGE_TYPES } from "~/src/shared/constants";
-import { EventType } from "~/src/shared/types";
+import type { EventType } from "~/src/shared/types";
+import { PauseButton } from "~/src/screens/events/ui/pause-button";
 
 export default defineComponent({
   components: {

pages/inspector/[id].vue

@@ -24,11 +24,11 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import { InspectorPage } from "~/src/screens/inspector";
 import { useFetch, useNuxtApp, useRoute, useRouter } from "#app"; // eslint-disable-line @conarti/feature-sliced/layers-slices
 import { PageHeader } from "~/src/widgets/ui";
 import { useInspector } from "~/src/entities/inspector";
-import { EventId } from "~/src/shared/types";
+import type { EventId } from "~/src/shared/types";
+import { InspectorPage } from "~/src/screens/inspector";
 
 const { normalizeInspectorEvent } = useInspector();
 

pages/profiler/[id].vue

@@ -24,11 +24,11 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import { ProfilerPage } from "~/src/screens/profiler";
 import { useFetch, useNuxtApp, useRoute, useRouter } from "#app"; // eslint-disable-line @conarti/feature-sliced/layers-slices
 import { PageHeader } from "~/src/widgets/ui";
 import { useProfiler } from "~/src/entities/profiler/lib";
-import { EventId } from "~/src/shared/types";
+import type { EventId } from "~/src/shared/types";
+import { ProfilerPage } from "~/src/screens/profiler";
 
 const { normalizeProfilerEvent } = useProfiler();
 

pages/sentry/[id].vue

@@ -22,11 +22,11 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import { SentryPage } from "~/src/screens/sentry";
 import { useNuxtApp, useRoute, useRouter, useFetch } from "#app"; // eslint-disable-line @conarti/feature-sliced/layers-slices
 import { PageHeader } from "~/src/widgets/ui";
 import { useSentry } from "~/src/entities/sentry";
-import { EventId } from "~/src/shared/types";
+import type { EventId } from "~/src/shared/types";
+import { SentryPage } from "~/src/screens/sentry";
 
 const { normalizeSentryEvent } = useSentry();