Update nuxt

components/ButtonStyled.vue

@@ -10,6 +10,10 @@ withDefaults(
   }
 );
 
+defineSlots<{
+  default: (props: {}) => any;
+}>();
+
 const className = cva("py-3 px-6 rounded-full flex gap-3 items-center", {
   variants: {
     intent: {

components/ContentSection.vue

@@ -11,6 +11,10 @@ withDefaults(
     linkLabel: "See all",
   }
 );
+
+defineSlots<{
+  default: (props: {}) => any;
+}>();
 </script>
 
 <template>

components/DropdownMenu.vue

@@ -12,7 +12,7 @@ defineProps<{
   items: DropdownMenuItem[];
 }>();
 
-const emit = defineEmits(["close"]);
+const emit = defineEmits<{ close: [] }>();
 
 function close(event: Event) {
   event.stopPropagation();

components/PageHeading.vue

@@ -11,6 +11,10 @@ const props = withDefaults(
   }
 );
 
+defineSlots<{
+  default: (props: {}) => any;
+}>();
+
 const component = computed(() => `h${props.level}`);
 
 const className = cva("font-bold leading-tight text-label-1", {

components/album/SubAlbum.vue

@@ -6,7 +6,7 @@ const props = defineProps<{
 
 const { data: album } = useAlbum({ id: props.id });
 
-const emit = defineEmits(["expand"]);
+const emit = defineEmits<{ expand: [] }>();
 
 function expand() {
   emit("expand");

components/sidebar/SidebarGroup.vue

@@ -2,6 +2,10 @@
 defineProps<{
   title?: string;
 }>();
+
+defineSlots<{
+  default: (props: {}) => any;
+}>();
 </script>
 
 <template>

components/track/TrackItem.vue

@@ -8,7 +8,11 @@ defineProps<{
   showThumbnail?: boolean;
 }>();
 
-const emit = defineEmits(["open-options", "play-track"]);
+defineSlots<{
+  default: (props: {}) => any;
+}>();
+
+const emit = defineEmits<{ "open-options": []; "play-track": [] }>();
 
 function openOptions(event: Event) {
   event.stopPropagation();

layouts/default.vue

@@ -1,6 +1,10 @@
 <script lang="ts" setup>
 import { MediaPlaylistInjectionKey } from "~/plugins/3.mediaPlayer";
 
+defineSlots<{
+  default: (props: {}) => any;
+}>();
+
 const onError = (error: any) => {
   console.error(error);
 };

nuxt.config.ts

@@ -1,17 +1,20 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { NuxtConfig } from "nuxt/config";
 import vueI18n from "./i18n.config";
 
-const modules: (string | any)[] = [
+const modules: NuxtConfig["modules"] = [
   ["nuxt-typed-router", { strict: true }],
   "@nuxt/devtools",
-  "./modules/figma2tailwind", // Must be placed before "@nuxtjs/tailwindcss"
+  // Use TS-path as workaround (See https://github.com/nuxt/nuxt/issues/20912)
+  "~/modules/figma2tailwind/index.ts", // Must be placed before "@nuxtjs/tailwindcss"
   "@nuxtjs/tailwindcss",
   "@nuxtjs/i18n",
   "nuxt-vitest",
   ["@pinia/nuxt", { autoImports: ["defineStore"] }],
 ];
 
-if (process.env.ELECTRON) modules.push(["nuxt-electron"]);
+if (process.env.ELECTRON) modules.push("nuxt-electron");
 
 export default defineNuxtConfig({
   modules,

package.json

@@ -41,7 +41,7 @@
     "eslint-config-prettier": "^8.8.0",
     "happy-dom": "^9.9.2",
     "log-symbols": "^5.1.0",
-    "nuxt": "^3.4.1",
+    "nuxt": "^3.5.0",
     "nuxt-electron": "^0.4.5",
     "nuxt-typed-router": "^3.2.0",
     "nuxt-vitest": "^0.7.0",