diff --git a/apps/web/app/pages/projects/index.vue b/apps/web/app/pages/projects/index.vue
index 87702ba..f9a2de3 100644
--- a/apps/web/app/pages/projects/index.vue
+++ b/apps/web/app/pages/projects/index.vue
@@ -65,7 +65,7 @@ const columns: TableColumn<Project>[] = [
       :links="[{ label: newProjectLabel, icon: 'i-lucide-plus', to: '/projects/new', color: 'primary' }]" />
 
     <UPageBody>
-      <UAlert v-if="error" color="error" variant="soft" icon="i-lucide-alert-circle" :title="error" class="mb-4" />
+      <LazyUAlert v-if="error" color="error" variant="soft" icon="i-lucide-alert-circle" :title="error" class="mb-4" />
 
       <UCard>
         <UTable :columns="columns" :data="projects" :loading="loading" class="flex-1">
diff --git a/apps/web/nuxt.config.ts b/apps/web/nuxt.config.ts
index 0ae7124..7d0d5c1 100644
--- a/apps/web/nuxt.config.ts
+++ b/apps/web/nuxt.config.ts
@@ -1,6 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  modules: ["@nuxt/eslint", "@nuxt/ui", "@nuxtjs/i18n", "@nuxt/a11y"],
+  modules: ["@nuxt/eslint", "@nuxt/ui", "@nuxtjs/i18n", "@nuxt/a11y", "@nuxt/hints"],
 
   devtools: {
     enabled: true,