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..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
@@ -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
-
+
+ @inertia
```
@@ -169,8 +165,8 @@ if (theme === 'dark' || (theme === null && window.matchMedia('(prefers-color-sch
}
-
- @inertia({ class: 'isolate' })
+
+ @inertia()
```
@@ -179,4 +175,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
+
+
+
+
+
+```