From 50dbea1993015c860307eb38af6224a0ef7c9660 Mon Sep 17 00:00:00 2001 From: y-l-g Date: Fri, 16 Jan 2026 12:11:32 +0100 Subject: [PATCH 1/3] docs(integrations): clarify icons SSR usage in Vue --- .../docs/1.getting-started/6.integrations/6.ssr.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/docs/content/docs/1.getting-started/6.integrations/6.ssr.md b/docs/content/docs/1.getting-started/6.integrations/6.ssr.md index 5f1274957d..296b6679c0 100644 --- a/docs/content/docs/1.getting-started/6.integrations/6.ssr.md +++ b/docs/content/docs/1.getting-started/6.integrations/6.ssr.md @@ -179,4 +179,14 @@ if (theme === 'dark' || (theme === null && window.matchMedia('(prefers-color-sch ### Icons Display -Unfortunately displaying icons with the SSR server of the Vue version is currently not supported. The icons will only be displayed after the application is initialized at the user's end. +For proper SSR support, pass the icon component directly rather than using a string identifier. This method is supported by any component accepting an icon prop. + +```vue + + + +``` From 6637d93a6a2ec82202e4b9e34916b37bde55a83c Mon Sep 17 00:00:00 2001 From: y-l-g Date: Fri, 16 Jan 2026 12:55:04 +0100 Subject: [PATCH 2/3] docs(integrations): various fixes in SSR page for Vue --- docs/content/docs/1.getting-started/6.integrations/6.ssr.md | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/docs/content/docs/1.getting-started/6.integrations/6.ssr.md b/docs/content/docs/1.getting-started/6.integrations/6.ssr.md index 296b6679c0..87f54f359b 100644 --- a/docs/content/docs/1.getting-started/6.integrations/6.ssr.md +++ b/docs/content/docs/1.getting-started/6.integrations/6.ssr.md @@ -36,7 +36,6 @@ import { createHead, renderSSRHead } from '@unhead/vue/server' import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers' import { createSSRApp, DefineComponent, h } from 'vue' import { renderToString } from 'vue/server-renderer' -import PersistentLayout from './layouts/PersistentLayout.vue' const appName = import.meta.env.VITE_APP_NAME || 'Laravel x Nuxt UI' @@ -75,7 +74,6 @@ import { createHead, renderSSRHead } from '@unhead/vue/server' import { resolvePageComponent } from '@adonisjs/inertia/helpers' import { createSSRApp, DefineComponent, h } from 'vue' import { renderToString } from 'vue/server-renderer' -import PersistentLayout from './layouts/PersistentLayout.vue' const appName = import.meta.env.VITE_APP_NAME || 'AdonisJS x Nuxt UI' @@ -144,10 +142,8 @@ if (theme === 'dark' || (theme === null && window.matchMedia('(prefers-color-sch } - -
+ @inertia -
``` From b226d0872537c205f868bcda0da94fe0935332c9 Mon Sep 17 00:00:00 2001 From: YL <116063953+y-l-g@users.noreply.github.com> Date: Fri, 16 Jan 2026 13:12:38 +0100 Subject: [PATCH 3/3] docs(integrations): Update SSR vue integration markup --- docs/content/docs/1.getting-started/6.integrations/6.ssr.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/content/docs/1.getting-started/6.integrations/6.ssr.md b/docs/content/docs/1.getting-started/6.integrations/6.ssr.md index 87f54f359b..0d51bc9c10 100644 --- a/docs/content/docs/1.getting-started/6.integrations/6.ssr.md +++ b/docs/content/docs/1.getting-started/6.integrations/6.ssr.md @@ -143,7 +143,7 @@ if (theme === 'dark' || (theme === null && window.matchMedia('(prefers-color-sch - @inertia + @inertia ``` @@ -165,8 +165,8 @@ if (theme === 'dark' || (theme === null && window.matchMedia('(prefers-color-sch } - - @inertia({ class: 'isolate' }) + + @inertia() ```