feat: modify plugin to fetch data when needed on app/page load.

src/runtime/plugin.ts

@@ -1,11 +1,33 @@
 import { defineNuxtPlugin, useRuntimeConfig } from '#app'
-import { useDirectusAuth } from './composables/useDirectusAuth'
+
+import { useDirectusToken } from './composables/useDirectusToken';
+import { useDirectusUser } from './composables/useDirectusUser';
+import { useDirectusAuth } from './composables/useDirectusAuth';
 
 export default defineNuxtPlugin(async (nuxtApp) => {
-  const config = useRuntimeConfig()
-  if (config.public.directus.autoFetch) {
-    const { fetchUser } = useDirectusAuth()
 
-    await fetchUser()
+  const config = useRuntimeConfig();
+  const { fetchUser } = useDirectusAuth();
+  const { token } = useDirectusToken();
+  const user = useDirectusUser();
+
+  async function checkIfUserExists() {
+    if (config.public.directus.autoFetch) {
+      if (!user.value && token.value) {
+        await fetchUser();
+      }
+    }
   }
-})
+
+  nuxtApp.hook('app:created', async () => {
+    if (process.server) {
+      await checkIfUserExists();
+    }
+  })
+
+  nuxtApp.hook('page:start', async () => {
+    if (process.client) {
+      await checkIfUserExists();
+    }
+  })
+})