upgrade to latest nuxt3

.gitignore

@@ -1,9 +1,23 @@
-node_modules
-*.log*
+# Nuxt dev/build outputs
+.output
 .nuxt
 .nitro
 .cache
-.output
-.env
 dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
 .DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

components/player/PlayerDisplay.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { millisToMinutesAndSeconds } from "~~/lib/utils";
-
 const showTime = ref(false);
 
 const { spotifyApi } = useSpotifyApi();
@@ -25,9 +23,12 @@ const progressPercent = computed(() => {
       class="flex-1 grid grid-rows-[auto_4px] grid-flow-row relative"
     >
       <div class="grid grid-rows-2 text-center m-2 text-xs">
-        <span class="truncate self-end">
+        <NuxtLink
+          :to="`/album/${state.item?.album.id}#${state.item?.id}`"
+          class="truncate self-end"
+        >
           {{ state.item?.name }}
-        </span>
+        </NuxtLink>
         <span class="truncate self-start">
           <span>
             {{ state.item?.artists.map((a) => a.name).join(", ") }}

nuxt.config.ts

@@ -1,7 +1,6 @@
-import { defineNuxtConfig } from "nuxt";
-
-// https://v3.nuxtjs.org/api/configuration/nuxt.config
+// https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  modules: ["@nuxtjs/tailwindcss", "@vueuse/nuxt"],
-  ssr: false
+  devtools: { enabled: true },
+  ssr: false,
+  modules: ["@nuxtjs/tailwindcss", "@vueuse/nuxt"]
 });