From 832b1e6372cd3a5c1f17a4fa13a22ec775886e48 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:49:01 +0200
Subject: [PATCH 01/63] fix(nuxt): fix cross-request nuxt app pollution with
 nuxt islands

---
 packages/nuxt/src/core/runtime/nitro/renderer.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index 19439bb7fa3f..cee04fad95df 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -148,7 +148,7 @@ async function getIslandContext (event: H3Event): Promise<NuxtIslandContext> {
   const context = event.node.req.method === 'GET' ? getQuery(event) : await readBody(event)
 
   const ctx: NuxtIslandContext = {
-    url: '/',
+    url: event.node.req.url,
     ...context,
     id: hashId,
     name: componentName,

From 857781e557131a514695c2a0c2524fc97b266217 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:49:01 +0200
Subject: [PATCH 02/63] Revert "fix(nuxt): fix cross-request nuxt app pollution
 with nuxt islands"

This reverts commit 49a0f5195468695142763006fb9d62e030eae07b.
---
 packages/nuxt/src/core/runtime/nitro/renderer.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index cee04fad95df..19439bb7fa3f 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -148,7 +148,7 @@ async function getIslandContext (event: H3Event): Promise<NuxtIslandContext> {
   const context = event.node.req.method === 'GET' ? getQuery(event) : await readBody(event)
 
   const ctx: NuxtIslandContext = {
-    url: event.node.req.url,
+    url: '/',
     ...context,
     id: hashId,
     name: componentName,

From 7f061eca9202c9ca1e9bca48ceb1021ae3bd08fc Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:49:01 +0200
Subject: [PATCH 03/63] feat: working nuxtisland slot

---
 .../src/app/components/island-renderer.ts     | 24 +++++-
 .../nuxt/src/app/components/nuxt-island.ts    | 75 ++++++++++++++++++-
 .../AsyncServerComponent.server.vue           |  1 +
 .../components/islands/LongAsyncComponent.vue |  1 +
 test/fixtures/basic/pages/islands.vue         | 24 ++++--
 5 files changed, 111 insertions(+), 14 deletions(-)

diff --git a/packages/nuxt/src/app/components/island-renderer.ts b/packages/nuxt/src/app/components/island-renderer.ts
index 35ab352f8ef5..d284da53f53d 100644
--- a/packages/nuxt/src/app/components/island-renderer.ts
+++ b/packages/nuxt/src/app/components/island-renderer.ts
@@ -1,9 +1,12 @@
+import { randomUUID } from 'node:crypto'
 import type { defineAsyncComponent } from 'vue'
-import { defineComponent, createVNode } from 'vue'
+import { renderSlot, createBlock, defineComponent, createVNode, h } from 'vue'
 
 // @ts-ignore
+import { ssrRenderSlot } from 'vue/server-renderer'
 import * as islandComponents from '#build/components.islands.mjs'
 import { createError } from '#app/composables/error'
+const SLOT_RENDER_RE = /ssrRenderSlot\(_ctx.\$slots, "([a-zA-Z]*)"/g
 
 export default defineComponent({
   props: {
@@ -12,15 +15,30 @@ export default defineComponent({
       required: true
     }
   },
-  setup (props) {
+  async setup (props, ctx) {
+    const uid = randomUUID()
     const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
+    const slots: Record<string, Function> = {}
+    if (typeof component === 'object') {
+      await (component.__asyncLoader as Function)?.()
+      const matched = [...(component.__asyncResolved.ssrRender as Function).toString().matchAll(SLOT_RENDER_RE)]
 
+      for (const [_full, slotName] of matched) {
+        slots[slotName] = () => {
+          return createVNode('div', { 'v-ssr-slot-name': slotName },
+            renderSlot(ctx.slots, slotName)
+          )
+        }
+      }
+    }
     if (!component) {
       throw createError({
         statusCode: 404,
         statusMessage: `Island component not found: ${JSON.stringify(component)}`
       })
     }
-    return () => createVNode(component || 'span', props.context.props)
+
+    const toRender = component.__asyncResolved ?? component
+    return () => [createVNode(toRender || 'span', { ...props.context.props, 'v-ssr-component-uid': uid }, slots)]
   }
 })
diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 60a2c8e23d5c..41f9a88bf78d 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -1,4 +1,4 @@
-import { defineComponent, createStaticVNode, computed, ref, watch, getCurrentInstance } from 'vue'
+import { defineComponent, createStaticVNode, computed, ref, watch, getCurrentInstance, createBlock, Teleport, onMounted, createVNode } from 'vue'
 import { debounce } from 'perfect-debounce'
 import { hash } from 'ohash'
 import { appendHeader } from 'h3'
@@ -10,6 +10,7 @@ import { useNuxtApp } from '#app/nuxt'
 import { useRequestEvent } from '#app/composables/ssr'
 
 const pKey = '_islandPromises'
+const SSR_UID_RE = /v-ssr-component-uid="([^"]*)"/
 
 export default defineComponent({
   name: 'NuxtIsland',
@@ -27,13 +28,19 @@ export default defineComponent({
       default: () => ({})
     }
   },
-  async setup (props) {
+  async setup (props, { slots }) {
     const nuxtApp = useNuxtApp()
     const hashId = computed(() => hash([props.name, props.props, props.context]))
     const instance = getCurrentInstance()!
     const event = useRequestEvent()
-
+    const mounted = ref(false)
+    onMounted(() => { mounted.value = true })
+    console.log(instance.vnode.el)
     const html = ref<string>(process.client ? instance.vnode.el?.outerHTML ?? '<div></div>' : '<div></div>')
+    let uid = html.value.match(SSR_UID_RE)?.[1]
+    function setUid () {
+      uid = html.value.match(SSR_UID_RE)?.[1]
+    }
     const cHead = ref<Record<'link' | 'style', Array<Record<string, string>>>>({ link: [], style: [] })
     useHead(cHead)
 
@@ -63,6 +70,7 @@ export default defineComponent({
       cHead.value.link = res.head.link
       cHead.value.style = res.head.style
       html.value = res.html
+      setUid()
     }
 
     if (process.client) {
@@ -72,7 +80,66 @@ export default defineComponent({
     if (process.server || !nuxtApp.isHydrating) {
       await fetchComponent()
     }
+    if (process.client) {
+      console.log(html.value)
+    }
 
-    return () => createStaticVNode(html.value, 1)
+    return (ctx) => {
+      if (process.server) {
+        return [createStaticVNode(html.value, 1)]
+      }
+      if (!mounted.value && process.client) {
+        html.value = getFragmentHTML(instance.vnode.el).join('')
+        setUid()
+        return [getStaticVNode(instance.vnode)]
+      }
+      const nodes = [createStaticVNode(html.value, 1)]
+      console.log(uid)
+      if (uid) {
+        for (const slot in slots) {
+          nodes.push(createVNode(Teleport, { to: `[v-ssr-component-uid='${uid}'] [v-ssr-slot-name='${slot}']` }, [slots[slot]?.()]))
+        }
+      }
+      return nodes
+    }
   }
 })
+function getStaticVNode (vnode) {
+  const fragment = getFragmentHTML(vnode.el)
+
+  if (fragment.length === 0) {
+    return null
+  }
+  return createStaticVNode(fragment.join(''), fragment.length)
+}
+
+function getFragmentHTML (element) {
+  if (element) {
+    if (element.nodeName === '#comment' && element.nodeValue === '[') {
+      return getFragmentChildren(element)
+    }
+    return [element.outerHTML]
+  }
+  return []
+}
+
+function getFragmentChildren (element, blocks = []) {
+  if (element && element.nodeName) {
+    if (isEndFragment(element)) {
+      return blocks
+    } else if (!isStartFragment(element)) {
+      blocks.push(element.outerHTML)
+    }
+
+    getFragmentChildren(element.nextSibling, blocks)
+  }
+  return blocks
+}
+
+function isStartFragment (element) {
+  return element.nodeName === '#comment' && element.nodeValue === '['
+}
+
+function isEndFragment (element) {
+  return element.nodeName === '#comment' && element.nodeValue === ']'
+}
diff --git a/test/fixtures/basic/components/AsyncServerComponent.server.vue b/test/fixtures/basic/components/AsyncServerComponent.server.vue
index 6bbee5b9ab58..4bd9a1d4b05a 100644
--- a/test/fixtures/basic/components/AsyncServerComponent.server.vue
+++ b/test/fixtures/basic/components/AsyncServerComponent.server.vue
@@ -5,6 +5,7 @@
     <div id="async-server-component-count">
       {{ count }}
     </div>
+    <slot   />
   </div>
 </template>
 
diff --git a/test/fixtures/basic/components/islands/LongAsyncComponent.vue b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
index b5e9c0e9858d..117c3b38fc04 100644
--- a/test/fixtures/basic/components/islands/LongAsyncComponent.vue
+++ b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
@@ -4,6 +4,7 @@
     <div id="long-async-component-count">
       {{ count }}
     </div>
+    <slot name="test" />
     <p>hello world !!!</p>
   </div>
 </template>
diff --git a/test/fixtures/basic/pages/islands.vue b/test/fixtures/basic/pages/islands.vue
index 6ea3d6d5d7c3..f3f913bf2e9a 100644
--- a/test/fixtures/basic/pages/islands.vue
+++ b/test/fixtures/basic/pages/islands.vue
@@ -7,7 +7,7 @@ const islandProps = ref({
 })
 
 const routeIslandVisible = ref(false)
-
+const testCount = ref(0)
 const count = ref(0)
 </script>
 
@@ -31,13 +31,23 @@ const count = ref(0)
     </button>
 
     <p>async .server component</p>
-    <AsyncServerComponent :count="count" />
+    <AsyncServerComponent :count="count" >
+    
+      <div>WONDERFUl TEST SLOT .server</div></AsyncServerComponent>
     <div>
-      Async island component (20ms):
-      <NuxtIsland name="LongAsyncComponent" :props="{ count }" />
-      <button @click="count++">
-        add +1 to count
-      </button>
+      Async component (1000ms):
+      <div>
+        <NuxtIsland name="LongAsyncComponent" :props="{ count }">
+          <div>SLOT TESTING THIS IS A NICE DEFAULT SLOT </div>
+          <SugarCounter :multiplier="testCount" />
+          <template #test>
+            <div>WONDERFUl TEST SLOT</div>
+          </template>
+        </NuxtIsland>
+        <button @click="count++">
+          add +1 to count
+        </button>
+      </div>
     </div>
   </div>
 </template>

From bfa2a90644934ee5e5a6f431fa2834d6ee03650b Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:49:01 +0200
Subject: [PATCH 04/63] style: lint

---
 .../nuxt/src/app/components/island-renderer.ts  |  6 ++----
 packages/nuxt/src/app/components/nuxt-island.ts | 17 ++++++++++-------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/packages/nuxt/src/app/components/island-renderer.ts b/packages/nuxt/src/app/components/island-renderer.ts
index d284da53f53d..b62e01278a05 100644
--- a/packages/nuxt/src/app/components/island-renderer.ts
+++ b/packages/nuxt/src/app/components/island-renderer.ts
@@ -1,9 +1,8 @@
 import { randomUUID } from 'node:crypto'
 import type { defineAsyncComponent } from 'vue'
-import { renderSlot, createBlock, defineComponent, createVNode, h } from 'vue'
+import { renderSlot, createVNode, defineComponent } from 'vue'
 
 // @ts-ignore
-import { ssrRenderSlot } from 'vue/server-renderer'
 import * as islandComponents from '#build/components.islands.mjs'
 import { createError } from '#app/composables/error'
 const SLOT_RENDER_RE = /ssrRenderSlot\(_ctx.\$slots, "([a-zA-Z]*)"/g
@@ -38,7 +37,6 @@ export default defineComponent({
       })
     }
 
-    const toRender = component.__asyncResolved ?? component
-    return () => [createVNode(toRender || 'span', { ...props.context.props, 'v-ssr-component-uid': uid }, slots)]
+    return () => [createVNode(component || 'span', { ...props.context.props, 'v-ssr-component-uid': uid }, slots)]
   }
 })
diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 41f9a88bf78d..c3c5bbf713cb 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -1,4 +1,5 @@
-import { defineComponent, createStaticVNode, computed, ref, watch, getCurrentInstance, createBlock, Teleport, onMounted, createVNode } from 'vue'
+import type { VNode, RendererNode } from 'vue'
+import { defineComponent, createStaticVNode, computed, ref, watch, getCurrentInstance, Teleport, onMounted, createVNode } from 'vue'
 import { debounce } from 'perfect-debounce'
 import { hash } from 'ohash'
 import { appendHeader } from 'h3'
@@ -84,7 +85,7 @@ export default defineComponent({
       console.log(html.value)
     }
 
-    return (ctx) => {
+    return () => {
       if (process.server) {
         return [createStaticVNode(html.value, 1)]
       }
@@ -104,7 +105,9 @@ export default defineComponent({
     }
   }
 })
-function getStaticVNode (vnode) {
+
+// TODO refactor with https://github.com/nuxt/nuxt/pull/19231
+function getStaticVNode (vnode: VNode) {
   const fragment = getFragmentHTML(vnode.el)
 
   if (fragment.length === 0) {
@@ -113,7 +116,7 @@ function getStaticVNode (vnode) {
   return createStaticVNode(fragment.join(''), fragment.length)
 }
 
-function getFragmentHTML (element) {
+function getFragmentHTML (element: RendererNode | null) {
   if (element) {
     if (element.nodeName === '#comment' && element.nodeValue === '[') {
       return getFragmentChildren(element)
@@ -123,7 +126,7 @@ function getFragmentHTML (element) {
   return []
 }
 
-function getFragmentChildren (element, blocks = []) {
+function getFragmentChildren (element: RendererNode | null, blocks: string[] = []) {
   if (element && element.nodeName) {
     if (isEndFragment(element)) {
       return blocks
@@ -136,10 +139,10 @@ function getFragmentChildren (element, blocks = []) {
   return blocks
 }
 
-function isStartFragment (element) {
+function isStartFragment (element: RendererNode) {
   return element.nodeName === '#comment' && element.nodeValue === '['
 }
 
-function isEndFragment (element) {
+function isEndFragment (element: RendererNode) {
   return element.nodeName === '#comment' && element.nodeValue === ']'
 }

From b579885a08cb9400b673441650bd3f0c6079496d Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:49:02 +0200
Subject: [PATCH 05/63] test(fixtures): add default slot

---
 test/fixtures/basic/components/islands/LongAsyncComponent.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/test/fixtures/basic/components/islands/LongAsyncComponent.vue b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
index 117c3b38fc04..f363e228d61a 100644
--- a/test/fixtures/basic/components/islands/LongAsyncComponent.vue
+++ b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
@@ -1,5 +1,6 @@
 <template>
   <div>
+    <slot />
     {{ data }}
     <div id="long-async-component-count">
       {{ count }}

From 152907bd805ce39d1614f4183df599c0b0b0ad73 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:49:02 +0200
Subject: [PATCH 06/63] fix(nuxt): fix islands mounted post ssr

---
 packages/nuxt/src/app/components/nuxt-island.ts | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index c3c5bbf713cb..5b6dbe8f5475 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -36,7 +36,6 @@ export default defineComponent({
     const event = useRequestEvent()
     const mounted = ref(false)
     onMounted(() => { mounted.value = true })
-    console.log(instance.vnode.el)
     const html = ref<string>(process.client ? instance.vnode.el?.outerHTML ?? '<div></div>' : '<div></div>')
     let uid = html.value.match(SSR_UID_RE)?.[1]
     function setUid () {
@@ -81,21 +80,18 @@ export default defineComponent({
     if (process.server || !nuxtApp.isHydrating) {
       await fetchComponent()
     }
-    if (process.client) {
-      console.log(html.value)
-    }
-
     return () => {
       if (process.server) {
         return [createStaticVNode(html.value, 1)]
       }
+
+      // bypass hydration
       if (!mounted.value && process.client) {
+        if (html.value) { return [createStaticVNode(html.value, 1)] }
         html.value = getFragmentHTML(instance.vnode.el).join('')
-        setUid()
         return [getStaticVNode(instance.vnode)]
       }
       const nodes = [createStaticVNode(html.value, 1)]
-      console.log(uid)
       if (uid) {
         for (const slot in slots) {
           nodes.push(createVNode(Teleport, { to: `[v-ssr-component-uid='${uid}'] [v-ssr-slot-name='${slot}']` }, [slots[slot]?.()]))

From 42b92db98a2cad5beacbbc789eea0a3fa81608af Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:49:02 +0200
Subject: [PATCH 07/63] perf(islands): don't try to render slots in slots in
 ssr

---
 packages/nuxt/src/app/components/island-renderer.ts | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/nuxt/src/app/components/island-renderer.ts b/packages/nuxt/src/app/components/island-renderer.ts
index b62e01278a05..8e4586bd3959 100644
--- a/packages/nuxt/src/app/components/island-renderer.ts
+++ b/packages/nuxt/src/app/components/island-renderer.ts
@@ -14,7 +14,7 @@ export default defineComponent({
       required: true
     }
   },
-  async setup (props, ctx) {
+  async setup (props) {
     const uid = randomUUID()
     const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
     const slots: Record<string, Function> = {}
@@ -24,9 +24,7 @@ export default defineComponent({
 
       for (const [_full, slotName] of matched) {
         slots[slotName] = () => {
-          return createVNode('div', { 'v-ssr-slot-name': slotName },
-            renderSlot(ctx.slots, slotName)
-          )
+          return createVNode('div', { 'v-ssr-slot-name': slotName, style: 'display: contents;' })
         }
       }
     }

From 3266be29c2d66f3da378e40f925e36cfe1eb46c0 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:49:03 +0200
Subject: [PATCH 08/63] fix: fix slot on first mount

---
 packages/nuxt/src/app/components/nuxt-island.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 5b6dbe8f5475..b9075acdf697 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -86,9 +86,9 @@ export default defineComponent({
       }
 
       // bypass hydration
-      if (!mounted.value && process.client) {
-        if (html.value) { return [createStaticVNode(html.value, 1)] }
+      if (!mounted.value && process.client && !html.value) {
         html.value = getFragmentHTML(instance.vnode.el).join('')
+        setUid()
         return [getStaticVNode(instance.vnode)]
       }
       const nodes = [createStaticVNode(html.value, 1)]

From 68bfc6c4742fd7b3ae8a1a59b7bd723a77edb1c3 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:49:03 +0200
Subject: [PATCH 09/63] feat: first implementation of SSR server-only slots
 with hydration

---
 .../nuxt/src/app/components/island-renderer.ts |  2 +-
 .../nuxt/src/app/components/nuxt-island.ts     |  8 ++------
 .../nuxt/src/core/runtime/nitro/renderer.ts    | 18 +++++++++++++++++-
 3 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/packages/nuxt/src/app/components/island-renderer.ts b/packages/nuxt/src/app/components/island-renderer.ts
index 8e4586bd3959..dfc361c31b4b 100644
--- a/packages/nuxt/src/app/components/island-renderer.ts
+++ b/packages/nuxt/src/app/components/island-renderer.ts
@@ -1,6 +1,6 @@
 import { randomUUID } from 'node:crypto'
 import type { defineAsyncComponent } from 'vue'
-import { renderSlot, createVNode, defineComponent } from 'vue'
+import { createVNode, defineComponent } from 'vue'
 
 // @ts-ignore
 import * as islandComponents from '#build/components.islands.mjs'
diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index b9075acdf697..fb0bfa150817 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -36,7 +36,7 @@ export default defineComponent({
     const event = useRequestEvent()
     const mounted = ref(false)
     onMounted(() => { mounted.value = true })
-    const html = ref<string>(process.client ? instance.vnode.el?.outerHTML ?? '<div></div>' : '<div></div>')
+    const html = ref<string>(process.client ? getFragmentHTML(instance.vnode?.el ?? null).join('') ?? '<div></div>' : '<div></div>')
     let uid = html.value.match(SSR_UID_RE)?.[1]
     function setUid () {
       uid = html.value.match(SSR_UID_RE)?.[1]
@@ -81,10 +81,6 @@ export default defineComponent({
       await fetchComponent()
     }
     return () => {
-      if (process.server) {
-        return [createStaticVNode(html.value, 1)]
-      }
-
       // bypass hydration
       if (!mounted.value && process.client && !html.value) {
         html.value = getFragmentHTML(instance.vnode.el).join('')
@@ -94,7 +90,7 @@ export default defineComponent({
       const nodes = [createStaticVNode(html.value, 1)]
       if (uid) {
         for (const slot in slots) {
-          nodes.push(createVNode(Teleport, { to: `[v-ssr-component-uid='${uid}'] [v-ssr-slot-name='${slot}']` }, [slots[slot]?.()]))
+          nodes.push(createVNode(Teleport, { to: process.client ? `[v-ssr-component-uid='${uid}'] [v-ssr-slot-name='${slot}']` : `uid=${uid};slot=${slot}` }, [slots[slot]?.()]))
         }
       }
       return nodes
diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index 19439bb7fa3f..085b860950c1 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -290,7 +290,7 @@ export default defineRenderHandler(async (event) => {
       renderedMeta.bodyScriptsPrepend,
       ssrContext.teleports?.body
     ]),
-    body: [_rendered.html],
+    body: [replaceServerOnlyComponentsSlots(ssrContext, _rendered.html)],
     bodyAppend: normalizeChunks([
       process.env.NUXT_NO_SCRIPTS
         ? undefined
@@ -445,3 +445,19 @@ function getServerComponentHTML (body: string[]): string {
   const match = body[0].match(ROOT_NODE_REGEX)
   return match ? match[1] : body[0]
 }
+
+const SSR_TELEPORT_MARKER = /^uid=([^;]*);slot=(.*)$/
+function replaceServerOnlyComponentsSlots (ssrContext: NuxtSSRContext, html: string): string {
+  const { teleports } = ssrContext
+  if (!teleports) { return html }
+  for (const key in teleports) {
+    const match = key.match(SSR_TELEPORT_MARKER)
+    if (!match) { continue }
+    const [, uid, slot] = match
+    if (!uid || !slot) { continue }
+    html = html.replace(new RegExp(`<div v-ssr-component-uid="${uid}">(.*)<div v-ssr-slot-name="${slot}"([^>]*)>`, 'g'), (full) => {
+      return full + teleports[key]
+    })
+  }
+  return html
+}

From eb37764bf7b21828702f06cb441f6c346a2c40c6 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:52:00 +0200
Subject: [PATCH 10/63] chore: add uncrypto

---
 packages/nuxt/package.json |   1 +
 pnpm-lock.yaml             | 770 +++++++++++++++++++++++++++++++++++--
 2 files changed, 730 insertions(+), 41 deletions(-)

diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
index ec84ad24dab8..09263dcfdd98 100644
--- a/packages/nuxt/package.json
+++ b/packages/nuxt/package.json
@@ -94,6 +94,7 @@
     "scule": "^1.0.0",
     "strip-literal": "^1.0.1",
     "ufo": "^1.1.1",
+    "uncrypto": "^0.1.2",
     "unctx": "^2.1.2",
     "unenv": "^1.2.2",
     "unimport": "^3.0.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d3f92ca3adb2..99d8a8185324 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -161,7 +161,7 @@ importers:
         version: link:../../../packages/nuxt
       vitest:
         specifier: latest
-        version: 0.29.8(playwright@1.32.1)
+        version: 0.29.7
 
   examples/app-config:
     devDependencies:
@@ -410,7 +410,7 @@ importers:
         version: 2.1.2
       unimport:
         specifier: ^3.0.4
-        version: 3.0.4(rollup@3.20.2)
+        version: 3.0.4(rollup@3.19.1)
       untyped:
         specifier: ^1.3.2
         version: 1.3.2
@@ -620,6 +620,9 @@ importers:
       ufo:
         specifier: ^1.1.1
         version: 1.1.1
+      uncrypto:
+        specifier: ^0.1.2
+        version: 0.1.2
       unctx:
         specifier: ^2.1.2
         version: 2.1.2
@@ -628,7 +631,7 @@ importers:
         version: 1.2.2
       unimport:
         specifier: ^3.0.4
-        version: 3.0.4(rollup@3.20.2)
+        version: 3.0.4(rollup@3.19.1)
       unplugin:
         specifier: ^1.3.1
         version: 1.3.1
@@ -695,7 +698,7 @@ importers:
         version: 1.1.1
       unimport:
         specifier: ^3.0.4
-        version: 3.0.4(rollup@3.20.2)
+        version: 3.0.4(rollup@3.19.1)
       untyped:
         specifier: ^1.3.2
         version: 1.3.2
@@ -1364,6 +1367,23 @@ packages:
       jsdoc-type-pratt-parser: 4.0.0
     dev: true
 
+  /@esbuild/android-arm64@0.17.11:
+    resolution: {integrity: sha512-QnK4d/zhVTuV4/pRM4HUjcsbl43POALU2zvBynmrrqZt9LPcLA3x1fTZPBg2RRguBQnJcnU059yKr+bydkntjg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm64@0.17.12:
+    resolution: {integrity: sha512-WQ9p5oiXXYJ33F2EkE3r0FRDFVpEdcDiwNX3u7Xaibxfx6vQE0Sb8ytrfQsA5WO6kDn6mDfKLh6KrPBjvkk7xA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/android-arm64@0.17.14:
     resolution: {integrity: sha512-eLOpPO1RvtsP71afiFTvS7tVFShJBCT0txiv/xjFBo5a7R7Gjw7X0IgIaFoLKhqXYAXhahoXm7qAmRXhY4guJg==}
     engines: {node: '>=12'}
@@ -1381,6 +1401,23 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/android-arm@0.17.11:
+    resolution: {integrity: sha512-CdyX6sRVh1NzFCsf5vw3kULwlAhfy9wVt8SZlrhQ7eL2qBjGbFhRBWkkAzuZm9IIEOCKJw4DXA6R85g+qc8RDw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm@0.17.12:
+    resolution: {integrity: sha512-E/sgkvwoIfj4aMAPL2e35VnUJspzVYl7+M1B2cqeubdBhADV4uPon0KCc8p2G+LqSJ6i8ocYPCqY3A4GGq0zkQ==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/android-arm@0.17.14:
     resolution: {integrity: sha512-0CnlwnjDU8cks0yJLXfkaU/uoLyRf9VZJs4p1PskBr2AlAHeEsFEwJEo0of/Z3g+ilw5mpyDwThlxzNEIxOE4g==}
     engines: {node: '>=12'}
@@ -1389,6 +1426,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/android-x64@0.17.11:
+    resolution: {integrity: sha512-3PL3HKtsDIXGQcSCKtWD/dy+mgc4p2Tvo2qKgKHj9Yf+eniwFnuoQ0OUhlSfAEpKAFzF9N21Nwgnap6zy3L3MQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-x64@0.17.12:
+    resolution: {integrity: sha512-m4OsaCr5gT+se25rFPHKQXARMyAehHTQAz4XX1Vk3d27VtqiX0ALMBPoXZsGaB6JYryCLfgGwUslMqTfqeLU0w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/android-x64@0.17.14:
     resolution: {integrity: sha512-nrfQYWBfLGfSGLvRVlt6xi63B5IbfHm3tZCdu/82zuFPQ7zez4XjmRtF/wIRYbJQ/DsZrxJdEvYFE67avYXyng==}
     engines: {node: '>=12'}
@@ -1397,6 +1451,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/darwin-arm64@0.17.11:
+    resolution: {integrity: sha512-pJ950bNKgzhkGNO3Z9TeHzIFtEyC2GDQL3wxkMApDEghYx5Qers84UTNc1bAxWbRkuJOgmOha5V0WUeh8G+YGw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-arm64@0.17.12:
+    resolution: {integrity: sha512-O3GCZghRIx+RAN0NDPhyyhRgwa19MoKlzGonIb5hgTj78krqp9XZbYCvFr9N1eUxg0ZQEpiiZ4QvsOQwBpP+lg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/darwin-arm64@0.17.14:
     resolution: {integrity: sha512-eoSjEuDsU1ROwgBH/c+fZzuSyJUVXQTOIN9xuLs9dE/9HbV/A5IqdXHU1p2OfIMwBwOYJ9SFVGGldxeRCUJFyw==}
     engines: {node: '>=12'}
@@ -1405,6 +1476,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/darwin-x64@0.17.11:
+    resolution: {integrity: sha512-iB0dQkIHXyczK3BZtzw1tqegf0F0Ab5texX2TvMQjiJIWXAfM4FQl7D909YfXWnB92OQz4ivBYQ2RlxBJrMJOw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-x64@0.17.12:
+    resolution: {integrity: sha512-5D48jM3tW27h1qjaD9UNRuN+4v0zvksqZSPZqeSWggfMlsVdAhH3pwSfQIFJwcs9QJ9BRibPS4ViZgs3d2wsCA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/darwin-x64@0.17.14:
     resolution: {integrity: sha512-zN0U8RWfrDttdFNkHqFYZtOH8hdi22z0pFm0aIJPsNC4QQZv7je8DWCX5iA4Zx6tRhS0CCc0XC2m7wKsbWEo5g==}
     engines: {node: '>=12'}
@@ -1413,6 +1501,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/freebsd-arm64@0.17.11:
+    resolution: {integrity: sha512-7EFzUADmI1jCHeDRGKgbnF5sDIceZsQGapoO6dmw7r/ZBEKX7CCDnIz8m9yEclzr7mFsd+DyasHzpjfJnmBB1Q==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-arm64@0.17.12:
+    resolution: {integrity: sha512-OWvHzmLNTdF1erSvrfoEBGlN94IE6vCEaGEkEH29uo/VoONqPnoDFfShi41Ew+yKimx4vrmmAJEGNoyyP+OgOQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/freebsd-arm64@0.17.14:
     resolution: {integrity: sha512-z0VcD4ibeZWVQCW1O7szaLxGsx54gcCnajEJMdYoYjLiq4g1jrP2lMq6pk71dbS5+7op/L2Aod+erw+EUr28/A==}
     engines: {node: '>=12'}
@@ -1421,6 +1526,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/freebsd-x64@0.17.11:
+    resolution: {integrity: sha512-iPgenptC8i8pdvkHQvXJFzc1eVMR7W2lBPrTE6GbhR54sLcF42mk3zBOjKPOodezzuAz/KSu8CPyFSjcBMkE9g==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-x64@0.17.12:
+    resolution: {integrity: sha512-A0Xg5CZv8MU9xh4a+7NUpi5VHBKh1RaGJKqjxe4KG87X+mTjDE6ZvlJqpWoeJxgfXHT7IMP9tDFu7IZ03OtJAw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/freebsd-x64@0.17.14:
     resolution: {integrity: sha512-hd9mPcxfTgJlolrPlcXkQk9BMwNBvNBsVaUe5eNUqXut6weDQH8whcNaKNF2RO8NbpT6GY8rHOK2A9y++s+ehw==}
     engines: {node: '>=12'}
@@ -1429,6 +1551,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-arm64@0.17.11:
+    resolution: {integrity: sha512-Qxth3gsWWGKz2/qG2d5DsW/57SeA2AmpSMhdg9TSB5Svn2KDob3qxfQSkdnWjSd42kqoxIPy3EJFs+6w1+6Qjg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm64@0.17.12:
+    resolution: {integrity: sha512-cK3AjkEc+8v8YG02hYLQIQlOznW+v9N+OI9BAFuyqkfQFR+DnDLhEM5N8QRxAUz99cJTo1rLNXqRrvY15gbQUg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/linux-arm64@0.17.14:
     resolution: {integrity: sha512-FhAMNYOq3Iblcj9i+K0l1Fp/MHt+zBeRu/Qkf0LtrcFu3T45jcwB6A1iMsemQ42vR3GBhjNZJZTaCe3VFPbn9g==}
     engines: {node: '>=12'}
@@ -1437,6 +1576,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-arm@0.17.11:
+    resolution: {integrity: sha512-M9iK/d4lgZH0U5M1R2p2gqhPV/7JPJcRz+8O8GBKVgqndTzydQ7B2XGDbxtbvFkvIs53uXTobOhv+RyaqhUiMg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm@0.17.12:
+    resolution: {integrity: sha512-WsHyJ7b7vzHdJ1fv67Yf++2dz3D726oO3QCu8iNYik4fb5YuuReOI9OtA+n7Mk0xyQivNTPbl181s+5oZ38gyA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/linux-arm@0.17.14:
     resolution: {integrity: sha512-BNTl+wSJ1omsH8s3TkQmIIIQHwvwJrU9u1ggb9XU2KTVM4TmthRIVyxSp2qxROJHhZuW/r8fht46/QE8hU8Qvg==}
     engines: {node: '>=12'}
@@ -1445,6 +1601,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-ia32@0.17.11:
+    resolution: {integrity: sha512-dB1nGaVWtUlb/rRDHmuDQhfqazWE0LMro/AIbT2lWM3CDMHJNpLckH+gCddQyhhcLac2OYw69ikUMO34JLt3wA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ia32@0.17.12:
+    resolution: {integrity: sha512-jdOBXJqcgHlah/nYHnj3Hrnl9l63RjtQ4vn9+bohjQPI2QafASB5MtHAoEv0JQHVb/xYQTFOeuHnNYE1zF7tYw==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/linux-ia32@0.17.14:
     resolution: {integrity: sha512-91OK/lQ5y2v7AsmnFT+0EyxdPTNhov3y2CWMdizyMfxSxRqHazXdzgBKtlmkU2KYIc+9ZK3Vwp2KyXogEATYxQ==}
     engines: {node: '>=12'}
@@ -1462,6 +1635,23 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-loong64@0.17.11:
+    resolution: {integrity: sha512-aCWlq70Q7Nc9WDnormntGS1ar6ZFvUpqr8gXtO+HRejRYPweAFQN615PcgaSJkZjhHp61+MNLhzyVALSF2/Q0g==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-loong64@0.17.12:
+    resolution: {integrity: sha512-GTOEtj8h9qPKXCyiBBnHconSCV9LwFyx/gv3Phw0pa25qPYjVuuGZ4Dk14bGCfGX3qKF0+ceeQvwmtI+aYBbVA==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/linux-loong64@0.17.14:
     resolution: {integrity: sha512-vp15H+5NR6hubNgMluqqKza85HcGJgq7t6rMH7O3Y6ApiOWPkvW2AJfNojUQimfTp6OUrACUXfR4hmpcENXoMQ==}
     engines: {node: '>=12'}
@@ -1470,6 +1660,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-mips64el@0.17.11:
+    resolution: {integrity: sha512-cGeGNdQxqY8qJwlYH1BP6rjIIiEcrM05H7k3tR7WxOLmD1ZxRMd6/QIOWMb8mD2s2YJFNRuNQ+wjMhgEL2oCEw==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-mips64el@0.17.12:
+    resolution: {integrity: sha512-o8CIhfBwKcxmEENOH9RwmUejs5jFiNoDw7YgS0EJTF6kgPgcqLFjgoc5kDey5cMHRVCIWc6kK2ShUePOcc7RbA==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/linux-mips64el@0.17.14:
     resolution: {integrity: sha512-90TOdFV7N+fgi6c2+GO9ochEkmm9kBAKnuD5e08GQMgMINOdOFHuYLPQ91RYVrnWwQ5683sJKuLi9l4SsbJ7Hg==}
     engines: {node: '>=12'}
@@ -1478,6 +1685,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-ppc64@0.17.11:
+    resolution: {integrity: sha512-BdlziJQPW/bNe0E8eYsHB40mYOluS+jULPCjlWiHzDgr+ZBRXPtgMV1nkLEGdpjrwgmtkZHEGEPaKdS/8faLDA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ppc64@0.17.12:
+    resolution: {integrity: sha512-biMLH6NR/GR4z+ap0oJYb877LdBpGac8KfZoEnDiBKd7MD/xt8eaw1SFfYRUeMVx519kVkAOL2GExdFmYnZx3A==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/linux-ppc64@0.17.14:
     resolution: {integrity: sha512-NnBGeoqKkTugpBOBZZoktQQ1Yqb7aHKmHxsw43NddPB2YWLAlpb7THZIzsRsTr0Xw3nqiPxbA1H31ZMOG+VVPQ==}
     engines: {node: '>=12'}
@@ -1486,6 +1710,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-riscv64@0.17.11:
+    resolution: {integrity: sha512-MDLwQbtF+83oJCI1Cixn68Et/ME6gelmhssPebC40RdJaect+IM+l7o/CuG0ZlDs6tZTEIoxUe53H3GmMn8oMA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-riscv64@0.17.12:
+    resolution: {integrity: sha512-jkphYUiO38wZGeWlfIBMB72auOllNA2sLfiZPGDtOBb1ELN8lmqBrlMiucgL8awBw1zBXN69PmZM6g4yTX84TA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/linux-riscv64@0.17.14:
     resolution: {integrity: sha512-0qdlKScLXA8MGVy21JUKvMzCYWovctuP8KKqhtE5A6IVPq4onxXhSuhwDd2g5sRCzNDlDjitc5sX31BzDoL5Fw==}
     engines: {node: '>=12'}
@@ -1494,6 +1735,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-s390x@0.17.11:
+    resolution: {integrity: sha512-4N5EMESvws0Ozr2J94VoUD8HIRi7X0uvUv4c0wpTHZyZY9qpaaN7THjosdiW56irQ4qnJ6Lsc+i+5zGWnyqWqQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-s390x@0.17.12:
+    resolution: {integrity: sha512-j3ucLdeY9HBcvODhCY4b+Ds3hWGO8t+SAidtmWu/ukfLLG/oYDMaA+dnugTVAg5fnUOGNbIYL9TOjhWgQB8W5g==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/linux-s390x@0.17.14:
     resolution: {integrity: sha512-Hdm2Jo1yaaOro4v3+6/zJk6ygCqIZuSDJHdHaf8nVH/tfOuoEX5Riv03Ka15LmQBYJObUTNS1UdyoMk0WUn9Ww==}
     engines: {node: '>=12'}
@@ -1502,6 +1760,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/linux-x64@0.17.11:
+    resolution: {integrity: sha512-rM/v8UlluxpytFSmVdbCe1yyKQd/e+FmIJE2oPJvbBo+D0XVWi1y/NQ4iTNx+436WmDHQBjVLrbnAQLQ6U7wlw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-x64@0.17.12:
+    resolution: {integrity: sha512-uo5JL3cgaEGotaqSaJdRfFNSCUJOIliKLnDGWaVCgIKkHxwhYMm95pfMbWZ9l7GeW9kDg0tSxcy9NYdEtjwwmA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/linux-x64@0.17.14:
     resolution: {integrity: sha512-8KHF17OstlK4DuzeF/KmSgzrTWQrkWj5boluiiq7kvJCiQVzUrmSkaBvcLB2UgHpKENO2i6BthPkmUhNDaJsVw==}
     engines: {node: '>=12'}
@@ -1510,42 +1785,144 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@esbuild/netbsd-x64@0.17.11:
+    resolution: {integrity: sha512-4WaAhuz5f91h3/g43VBGdto1Q+X7VEZfpcWGtOFXnggEuLvjV+cP6DyLRU15IjiU9fKLLk41OoJfBFN5DhPvag==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/netbsd-x64@0.17.12:
+    resolution: {integrity: sha512-DNdoRg8JX+gGsbqt2gPgkgb00mqOgOO27KnrWZtdABl6yWTST30aibGJ6geBq3WM2TIeW6COs5AScnC7GwtGPg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    optional: true
+
   /@esbuild/netbsd-x64@0.17.14:
     resolution: {integrity: sha512-nVwpqvb3yyXztxIT2+VsxJhB5GCgzPdk1n0HHSnchRAcxqKO6ghXwHhJnr0j/B+5FSyEqSxF4q03rbA2fKXtUQ==}
     engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/openbsd-x64@0.17.11:
+    resolution: {integrity: sha512-UBj135Nx4FpnvtE+C8TWGp98oUgBcmNmdYgl5ToKc0mBHxVVqVE7FUS5/ELMImOp205qDAittL6Ezhasc2Ev/w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/openbsd-x64@0.17.12:
+    resolution: {integrity: sha512-aVsENlr7B64w8I1lhHShND5o8cW6sB9n9MUtLumFlPhG3elhNWtE7M1TFpj3m7lT3sKQUMkGFjTQBrvDDO1YWA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/openbsd-x64@0.17.14:
+    resolution: {integrity: sha512-1RZ7uQQ9zcy/GSAJL1xPdN7NDdOOtNEGiJalg/MOzeakZeTrgH/DoCkbq7TaPDiPhWqnDF+4bnydxRqQD7il6g==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/sunos-x64@0.17.11:
+    resolution: {integrity: sha512-1/gxTifDC9aXbV2xOfCbOceh5AlIidUrPsMpivgzo8P8zUtczlq1ncFpeN1ZyQJ9lVs2hILy1PG5KPp+w8QPPg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/sunos-x64@0.17.12:
+    resolution: {integrity: sha512-qbHGVQdKSwi0JQJuZznS4SyY27tYXYF0mrgthbxXrZI3AHKuRvU+Eqbg/F0rmLDpW/jkIZBlCO1XfHUBMNJ1pg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/sunos-x64@0.17.14:
+    resolution: {integrity: sha512-nqMjDsFwv7vp7msrwWRysnM38Sd44PKmW8EzV01YzDBTcTWUpczQg6mGao9VLicXSgW/iookNK6AxeogNVNDZA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/win32-arm64@0.17.11:
+    resolution: {integrity: sha512-vtSfyx5yRdpiOW9yp6Ax0zyNOv9HjOAw8WaZg3dF5djEHKKm3UnoohftVvIJtRh0Ec7Hso0RIdTqZvPXJ7FdvQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-arm64@0.17.12:
+    resolution: {integrity: sha512-zsCp8Ql+96xXTVTmm6ffvoTSZSV2B/LzzkUXAY33F/76EajNw1m+jZ9zPfNJlJ3Rh4EzOszNDHsmG/fZOhtqDg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/win32-arm64@0.17.14:
+    resolution: {integrity: sha512-xrD0mccTKRBBIotrITV7WVQAwNJ5+1va6L0H9zN92v2yEdjfAN7864cUaZwJS7JPEs53bDTzKFbfqVlG2HhyKQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/win32-ia32@0.17.11:
+    resolution: {integrity: sha512-GFPSLEGQr4wHFTiIUJQrnJKZhZjjq4Sphf+mM76nQR6WkQn73vm7IsacmBRPkALfpOCHsopSvLgqdd4iUW2mYw==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
     requiresBuild: true
+    dev: true
     optional: true
 
-  /@esbuild/openbsd-x64@0.17.14:
-    resolution: {integrity: sha512-1RZ7uQQ9zcy/GSAJL1xPdN7NDdOOtNEGiJalg/MOzeakZeTrgH/DoCkbq7TaPDiPhWqnDF+4bnydxRqQD7il6g==}
+  /@esbuild/win32-ia32@0.17.12:
+    resolution: {integrity: sha512-FfrFjR4id7wcFYOdqbDfDET3tjxCozUgbqdkOABsSFzoZGFC92UK7mg4JKRc/B3NNEf1s2WHxJ7VfTdVDPN3ng==}
     engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
+    cpu: [ia32]
+    os: [win32]
     requiresBuild: true
     optional: true
 
-  /@esbuild/sunos-x64@0.17.14:
-    resolution: {integrity: sha512-nqMjDsFwv7vp7msrwWRysnM38Sd44PKmW8EzV01YzDBTcTWUpczQg6mGao9VLicXSgW/iookNK6AxeogNVNDZA==}
+  /@esbuild/win32-ia32@0.17.14:
+    resolution: {integrity: sha512-nXpkz9bbJrLLyUTYtRotSS3t5b+FOuljg8LgLdINWFs3FfqZMtbnBCZFUmBzQPyxqU87F8Av+3Nco/M3hEcu1w==}
     engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
+    cpu: [ia32]
+    os: [win32]
     requiresBuild: true
     optional: true
 
-  /@esbuild/win32-arm64@0.17.14:
-    resolution: {integrity: sha512-xrD0mccTKRBBIotrITV7WVQAwNJ5+1va6L0H9zN92v2yEdjfAN7864cUaZwJS7JPEs53bDTzKFbfqVlG2HhyKQ==}
+  /@esbuild/win32-x64@0.17.11:
+    resolution: {integrity: sha512-N9vXqLP3eRL8BqSy8yn4Y98cZI2pZ8fyuHx6lKjiG2WABpT2l01TXdzq5Ma2ZUBzfB7tx5dXVhge8X9u0S70ZQ==}
     engines: {node: '>=12'}
-    cpu: [arm64]
+    cpu: [x64]
     os: [win32]
     requiresBuild: true
+    dev: true
     optional: true
 
-  /@esbuild/win32-ia32@0.17.14:
-    resolution: {integrity: sha512-nXpkz9bbJrLLyUTYtRotSS3t5b+FOuljg8LgLdINWFs3FfqZMtbnBCZFUmBzQPyxqU87F8Av+3Nco/M3hEcu1w==}
+  /@esbuild/win32-x64@0.17.12:
+    resolution: {integrity: sha512-JOOxw49BVZx2/5tW3FqkdjSD/5gXYeVGPDcB0lvap0gLQshkh1Nyel1QazC+wNxus3xPlsYAgqU1BUmrmCvWtw==}
     engines: {node: '>=12'}
-    cpu: [ia32]
+    cpu: [x64]
     os: [win32]
     requiresBuild: true
     optional: true
@@ -1880,6 +2257,19 @@ packages:
   /@polka/url@1.0.0-next.21:
     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
 
+  /@rollup/plugin-alias@4.0.3(rollup@3.19.1):
+    resolution: {integrity: sha512-ZuDWE1q4PQDhvm/zc5Prun8sBpLJy41DMptYrS6MhAy9s9kL/doN1613BWfEchGVfKxzliJ3BjbOPizXX38DbQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      rollup: 3.19.1
+      slash: 4.0.0
+    dev: true
+
   /@rollup/plugin-alias@4.0.3(rollup@3.20.2):
     resolution: {integrity: sha512-ZuDWE1q4PQDhvm/zc5Prun8sBpLJy41DMptYrS6MhAy9s9kL/doN1613BWfEchGVfKxzliJ3BjbOPizXX38DbQ==}
     engines: {node: '>=14.0.0'}
@@ -1892,6 +2282,24 @@ packages:
       rollup: 3.20.2
       slash: 4.0.0
 
+  /@rollup/plugin-commonjs@24.0.1(rollup@3.19.1):
+    resolution: {integrity: sha512-15LsiWRZk4eOGqvrJyu3z3DaBu5BhXIMeWnijSRvd8irrrg9SHpQ1pH+BUK4H6Z9wL9yOxZJMTLU+Au86XHxow==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.68.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@rollup/pluginutils': 5.0.2(rollup@3.19.1)
+      commondir: 1.0.1
+      estree-walker: 2.0.2
+      glob: 8.1.0
+      is-reference: 1.2.1
+      magic-string: 0.30.0
+      rollup: 3.19.1
+    dev: true
+
   /@rollup/plugin-commonjs@24.0.1(rollup@3.20.2):
     resolution: {integrity: sha512-15LsiWRZk4eOGqvrJyu3z3DaBu5BhXIMeWnijSRvd8irrrg9SHpQ1pH+BUK4H6Z9wL9yOxZJMTLU+Au86XHxow==}
     engines: {node: '>=14.0.0'}
@@ -1923,6 +2331,19 @@ packages:
       magic-string: 0.30.0
       rollup: 3.20.2
 
+  /@rollup/plugin-json@6.0.0(rollup@3.19.1):
+    resolution: {integrity: sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@rollup/pluginutils': 5.0.2(rollup@3.19.1)
+      rollup: 3.19.1
+    dev: true
+
   /@rollup/plugin-json@6.0.0(rollup@3.20.2):
     resolution: {integrity: sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==}
     engines: {node: '>=14.0.0'}
@@ -1935,6 +2356,24 @@ packages:
       '@rollup/pluginutils': 5.0.2(rollup@3.20.2)
       rollup: 3.20.2
 
+  /@rollup/plugin-node-resolve@15.0.1(rollup@3.19.1):
+    resolution: {integrity: sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.78.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@rollup/pluginutils': 5.0.2(rollup@3.19.1)
+      '@types/resolve': 1.20.2
+      deepmerge: 4.3.0
+      is-builtin-module: 3.2.1
+      is-module: 1.0.0
+      resolve: 1.22.1
+      rollup: 3.19.1
+    dev: true
+
   /@rollup/plugin-node-resolve@15.0.1(rollup@3.20.2):
     resolution: {integrity: sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==}
     engines: {node: '>=14.0.0'}
@@ -1952,6 +2391,20 @@ packages:
       resolve: 1.22.1
       rollup: 3.20.2
 
+  /@rollup/plugin-replace@5.0.2(rollup@3.19.1):
+    resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@rollup/pluginutils': 5.0.2(rollup@3.19.1)
+      magic-string: 0.30.0
+      rollup: 3.19.1
+    dev: true
+
   /@rollup/plugin-replace@5.0.2(rollup@3.20.2):
     resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==}
     engines: {node: '>=14.0.0'}
@@ -1997,6 +2450,20 @@ packages:
       estree-walker: 2.0.2
       picomatch: 2.3.1
 
+  /@rollup/pluginutils@5.0.2(rollup@3.19.1):
+    resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@types/estree': 1.0.0
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+      rollup: 3.19.1
+
   /@rollup/pluginutils@5.0.2(rollup@3.20.2):
     resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==}
     engines: {node: '>=14.0.0'}
@@ -2078,7 +2545,7 @@ packages:
     resolution: {integrity: sha512-MxObHvNl4A69ofaTRU8DFqvgzzv8s9yRtaPPm5gud9HDNvpB3GPQFvNuTWAI59B9huVGV5jXYJwbCsmBsOGYWA==}
     dependencies:
       '@types/jsonfile': 6.1.1
-      '@types/node': 18.15.11
+      '@types/node': 18.15.2
     dev: true
 
   /@types/glob@8.1.0:
@@ -2148,6 +2615,10 @@ packages:
   /@types/node@18.15.11:
     resolution: {integrity: sha512-E5Kwq2n4SbMzQOn6wnmBjuK9ouqlURrcZDVfbo9ftDDTFt3nk7ZKK4GMOzoYgnpQJKcxwQw+lGaBvvlMo0qN/Q==}
 
+  /@types/node@18.15.2:
+    resolution: {integrity: sha512-sDPHm2wfx2QhrMDK0pOt2J4KLJMAcerqWNvnED0itPRJWvI+bK+uNHzcH1dFsBlf7G3u8tqXmRF3wkvL9yUwMw==}
+    dev: true
+
   /@types/normalize-package-data@2.4.1:
     resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
     dev: true
@@ -2195,7 +2666,7 @@ packages:
   /@types/webpack-bundle-analyzer@4.6.0:
     resolution: {integrity: sha512-XeQmQCCXdZdap+A/60UKmxW5Mz31Vp9uieGlHB3T4z/o2OLVLtTI3bvTuS6A2OWd/rbAAQiGGWIEFQACu16szA==}
     dependencies:
-      '@types/node': 18.15.11
+      '@types/node': 18.15.2
       tapable: 2.2.1
       webpack: 5.77.0
     transitivePeerDependencies:
@@ -2669,6 +3140,14 @@ packages:
       vite: 4.2.1(@types/node@18.15.11)
       vue: 3.2.47
 
+  /@vitest/expect@0.29.7:
+    resolution: {integrity: sha512-UtG0tW0DP6b3N8aw7PHmweKDsvPv4wjGvrVZW7OSxaFg76ShtVdMiMcUkZJgCE8QWUmhwaM0aQhbbVLo4F4pkA==}
+    dependencies:
+      '@vitest/spy': 0.29.7
+      '@vitest/utils': 0.29.7
+      chai: 4.3.7
+    dev: true
+
   /@vitest/expect@0.29.8:
     resolution: {integrity: sha512-xlcVXn5I5oTq6NiZSY3ykyWixBxr5mG8HYtjvpgg6KaqHm0mvhX18xuwl5YGxIRNt/A5jidd7CWcNHrSvgaQqQ==}
     dependencies:
@@ -2677,6 +3156,14 @@ packages:
       chai: 4.3.7
     dev: true
 
+  /@vitest/runner@0.29.7:
+    resolution: {integrity: sha512-Yt0+csM945+odOx4rjZSjibQfl2ymxqVsmYz6sO2fiO5RGPYDFCo60JF6tLL9pz4G/kjY4irUxadeB1XT+H1jg==}
+    dependencies:
+      '@vitest/utils': 0.29.7
+      p-limit: 4.0.0
+      pathe: 1.1.0
+    dev: true
+
   /@vitest/runner@0.29.8:
     resolution: {integrity: sha512-FzdhnRDwEr/A3Oo1jtIk/B952BBvP32n1ObMEb23oEJNO+qO5cBet6M2XWIDQmA7BDKGKvmhUf2naXyp/2JEwQ==}
     dependencies:
@@ -2685,12 +3172,27 @@ packages:
       pathe: 1.1.0
     dev: true
 
+  /@vitest/spy@0.29.7:
+    resolution: {integrity: sha512-IalL0iO6A6Xz8hthR8sctk6ZS//zVBX48EiNwQguYACdgdei9ZhwMaBFV70mpmeYAFCRAm+DpoFHM5470Im78A==}
+    dependencies:
+      tinyspy: 1.1.1
+    dev: true
+
   /@vitest/spy@0.29.8:
     resolution: {integrity: sha512-VdjBe9w34vOMl5I5mYEzNX8inTxrZ+tYUVk9jxaZJmHFwmDFC/GV3KBFTA/JKswr3XHvZL+FE/yq5EVhb6pSAw==}
     dependencies:
       tinyspy: 1.1.1
     dev: true
 
+  /@vitest/utils@0.29.7:
+    resolution: {integrity: sha512-vNgGadp2eE5XKCXtZXL5UyNEDn68npSct75OC9AlELenSK0DiV1Mb9tfkwJHKjRb69iek+e79iipoJx8+s3SdA==}
+    dependencies:
+      cli-truncate: 3.1.0
+      diff: 5.1.0
+      loupe: 2.3.6
+      pretty-format: 27.5.1
+    dev: true
+
   /@vitest/utils@0.29.8:
     resolution: {integrity: sha512-qGzuf3vrTbnoY+RjjVVIBYfuWMjn3UMUqyQtdGNZ6ZIIyte7B37exj6LaVkrZiUTvzSadVvO/tJm8AEgbGCBPg==}
     dependencies:
@@ -4584,6 +5086,65 @@ packages:
       esbuild-windows-arm64: 0.15.18
     dev: true
 
+  /esbuild@0.17.11:
+    resolution: {integrity: sha512-pAMImyokbWDtnA/ufPxjQg0fYo2DDuzAlqwnDvbXqHLphe+m80eF++perYKVm8LeTuj2zUuFXC+xgSVxyoHUdg==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': 0.17.11
+      '@esbuild/android-arm64': 0.17.11
+      '@esbuild/android-x64': 0.17.11
+      '@esbuild/darwin-arm64': 0.17.11
+      '@esbuild/darwin-x64': 0.17.11
+      '@esbuild/freebsd-arm64': 0.17.11
+      '@esbuild/freebsd-x64': 0.17.11
+      '@esbuild/linux-arm': 0.17.11
+      '@esbuild/linux-arm64': 0.17.11
+      '@esbuild/linux-ia32': 0.17.11
+      '@esbuild/linux-loong64': 0.17.11
+      '@esbuild/linux-mips64el': 0.17.11
+      '@esbuild/linux-ppc64': 0.17.11
+      '@esbuild/linux-riscv64': 0.17.11
+      '@esbuild/linux-s390x': 0.17.11
+      '@esbuild/linux-x64': 0.17.11
+      '@esbuild/netbsd-x64': 0.17.11
+      '@esbuild/openbsd-x64': 0.17.11
+      '@esbuild/sunos-x64': 0.17.11
+      '@esbuild/win32-arm64': 0.17.11
+      '@esbuild/win32-ia32': 0.17.11
+      '@esbuild/win32-x64': 0.17.11
+    dev: true
+
+  /esbuild@0.17.12:
+    resolution: {integrity: sha512-bX/zHl7Gn2CpQwcMtRogTTBf9l1nl+H6R8nUbjk+RuKqAE3+8FDulLA+pHvX7aA7Xe07Iwa+CWvy9I8Y2qqPKQ==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': 0.17.12
+      '@esbuild/android-arm64': 0.17.12
+      '@esbuild/android-x64': 0.17.12
+      '@esbuild/darwin-arm64': 0.17.12
+      '@esbuild/darwin-x64': 0.17.12
+      '@esbuild/freebsd-arm64': 0.17.12
+      '@esbuild/freebsd-x64': 0.17.12
+      '@esbuild/linux-arm': 0.17.12
+      '@esbuild/linux-arm64': 0.17.12
+      '@esbuild/linux-ia32': 0.17.12
+      '@esbuild/linux-loong64': 0.17.12
+      '@esbuild/linux-mips64el': 0.17.12
+      '@esbuild/linux-ppc64': 0.17.12
+      '@esbuild/linux-riscv64': 0.17.12
+      '@esbuild/linux-s390x': 0.17.12
+      '@esbuild/linux-x64': 0.17.12
+      '@esbuild/netbsd-x64': 0.17.12
+      '@esbuild/openbsd-x64': 0.17.12
+      '@esbuild/sunos-x64': 0.17.12
+      '@esbuild/win32-arm64': 0.17.12
+      '@esbuild/win32-ia32': 0.17.12
+      '@esbuild/win32-x64': 0.17.12
+
   /esbuild@0.17.14:
     resolution: {integrity: sha512-vOO5XhmVj/1XQR9NQ1UPq6qvMYL7QFJU57J5fKBKBKxp17uDt5PgxFDb4A2nEiXhr1qQs4x0F5+66hVVw4ruNw==}
     engines: {node: '>=12'}
@@ -5588,6 +6149,10 @@ packages:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
 
+  /hookable@5.5.1:
+    resolution: {integrity: sha512-ac50aYjbtRMMZEtTG0qnVaBDA+1lqL9fHzDnxMQlVuO6LZWcBB7NXjIu9H9iImClewNdrit4RiEzi9QpRTgKrg==}
+    dev: true
+
   /hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
@@ -6495,11 +7060,11 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  /mkdist@1.2.0(typescript@4.9.5):
-    resolution: {integrity: sha512-UTqu/bXmIk/+VKNVgufAeMyjUcNy1dn9Bl7wL1zZlCKVrpDgj/VllmZBeh3ZCC/2HWqUrt6frNFTKt9TRZbNvQ==}
+  /mkdist@1.1.2(typescript@4.9.5):
+    resolution: {integrity: sha512-s9whPlQsr84iY3XoufsDrVlzGiDdTnMwf2+7QU6ekJPgTIgGwn7EsU8lcefWqLH6no+/4UqjDBwyIkGKfZyH9g==}
     hasBin: true
     peerDependencies:
-      sass: ^1.60.0
+      sass: ^1.58.3
       typescript: '>=4.9.5'
     peerDependenciesMeta:
       sass:
@@ -7679,7 +8244,7 @@ packages:
       glob: 9.2.1
     dev: true
 
-  /rollup-plugin-dts@5.2.0(rollup@3.20.2)(typescript@4.9.5):
+  /rollup-plugin-dts@5.2.0(rollup@3.19.1)(typescript@4.9.5):
     resolution: {integrity: sha512-B68T/haEu2MKcz4kNUhXB8/h5sq4gpplHAJIYNHbh8cp4ZkvzDvNca/11KQdFrB9ZeKucegQIotzo5T0JUtM8w==}
     engines: {node: '>=v14'}
     peerDependencies:
@@ -7687,7 +8252,7 @@ packages:
       typescript: ^4.1
     dependencies:
       magic-string: 0.30.0
-      rollup: 3.20.2
+      rollup: 3.19.1
       typescript: 4.9.5
     optionalDependencies:
       '@babel/code-frame': 7.18.6
@@ -7717,6 +8282,20 @@ packages:
       fsevents: 2.3.2
     dev: true
 
+  /rollup@3.19.1:
+    resolution: {integrity: sha512-lAbrdN7neYCg/8WaoWn/ckzCtz+jr70GFfYdlf50OF7387HTg+wiuiqJRFYawwSPpqfqDNYqK7smY/ks2iAudg==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.2
+
+  /rollup@3.20.0:
+    resolution: {integrity: sha512-YsIfrk80NqUDrxrjWPXUa7PWvAfegZEXHuPsEZg58fGCdjL1I9C1i/NaG+L+27kxxwkrG/QEDEQc8s/ynXWWGQ==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.2
+
   /rollup@3.20.2:
     resolution: {integrity: sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
@@ -8471,28 +9050,28 @@ packages:
     resolution: {integrity: sha512-EK5LeABThyn5KbX0eo5c7xKRQhnHVxKN8/e5Y+YQEf4ZobJB6OZ766756wbVqzIY/G/MvAfLbc6EwFPdSNnlpA==}
     hasBin: true
     dependencies:
-      '@rollup/plugin-alias': 4.0.3(rollup@3.20.2)
-      '@rollup/plugin-commonjs': 24.0.1(rollup@3.20.2)
-      '@rollup/plugin-json': 6.0.0(rollup@3.20.2)
-      '@rollup/plugin-node-resolve': 15.0.1(rollup@3.20.2)
-      '@rollup/plugin-replace': 5.0.2(rollup@3.20.2)
-      '@rollup/pluginutils': 5.0.2(rollup@3.20.2)
+      '@rollup/plugin-alias': 4.0.3(rollup@3.19.1)
+      '@rollup/plugin-commonjs': 24.0.1(rollup@3.19.1)
+      '@rollup/plugin-json': 6.0.0(rollup@3.19.1)
+      '@rollup/plugin-node-resolve': 15.0.1(rollup@3.19.1)
+      '@rollup/plugin-replace': 5.0.2(rollup@3.19.1)
+      '@rollup/pluginutils': 5.0.2(rollup@3.19.1)
       chalk: 5.2.0
       consola: 2.15.3
       defu: 6.1.2
-      esbuild: 0.17.14
+      esbuild: 0.17.11
       globby: 13.1.3
-      hookable: 5.5.3
+      hookable: 5.5.1
       jiti: 1.18.2
       magic-string: 0.30.0
-      mkdist: 1.2.0(typescript@4.9.5)
+      mkdist: 1.1.2(typescript@4.9.5)
       mlly: 1.2.0
       mri: 1.2.0
       pathe: 1.1.0
       pkg-types: 1.0.2
       pretty-bytes: 6.1.0
-      rollup: 3.20.2
-      rollup-plugin-dts: 5.2.0(rollup@3.20.2)(typescript@4.9.5)
+      rollup: 3.19.1
+      rollup-plugin-dts: 5.2.0(rollup@3.19.1)(typescript@4.9.5)
       scule: 1.0.0
       typescript: 4.9.5
       untyped: 1.3.2
@@ -8518,7 +9097,7 @@ packages:
       acorn: 8.8.2
       estree-walker: 3.0.3
       magic-string: 0.30.0
-      unplugin: 1.3.1
+      unplugin: 1.3.0
     dev: false
 
   /undici@5.20.0:
@@ -8545,6 +9124,24 @@ packages:
       hookable: 5.5.3
     dev: false
 
+  /unimport@3.0.4(rollup@3.19.1):
+    resolution: {integrity: sha512-eoof/HLiNJcIkVpnqc7sJbzKSLx39J6xTaP7E4ElgVQKeq2t9fPTkvJKcA55IJTaRPkEkDq8kcc/IZPmrypnFg==}
+    dependencies:
+      '@rollup/pluginutils': 5.0.2(rollup@3.19.1)
+      escape-string-regexp: 5.0.0
+      fast-glob: 3.2.12
+      local-pkg: 0.4.3
+      magic-string: 0.30.0
+      mlly: 1.2.0
+      pathe: 1.1.0
+      pkg-types: 1.0.2
+      scule: 1.0.0
+      strip-literal: 1.0.1
+      unplugin: 1.3.1
+    transitivePeerDependencies:
+      - rollup
+    dev: false
+
   /unimport@3.0.4(rollup@3.20.2):
     resolution: {integrity: sha512-eoof/HLiNJcIkVpnqc7sJbzKSLx39J6xTaP7E4ElgVQKeq2t9fPTkvJKcA55IJTaRPkEkDq8kcc/IZPmrypnFg==}
     dependencies:
@@ -8608,6 +9205,15 @@ packages:
       webpack-virtual-modules: 0.4.6
     dev: true
 
+  /unplugin@1.3.0:
+    resolution: {integrity: sha512-l4Udjxg2+vCuKRgIA2T8fHd7UwKWaLizh7t+3C72zjnN0+ZS+odzATFenymOUgcGqG1dkCSYE34h9wBbMXrKrA==}
+    dependencies:
+      acorn: 8.8.2
+      chokidar: 3.5.3
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.5.0
+    dev: false
+
   /unplugin@1.3.1:
     resolution: {integrity: sha512-h4uUTIvFBQRxUKS2Wjys6ivoeofGhxzTe2sRWlooyjHXVttcVfV/JiavNd3d4+jty0SVV0dxGw9AkY9MwiaCEw==}
     dependencies:
@@ -8737,6 +9343,27 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
+  /vite-node@0.29.7(@types/node@18.15.11):
+    resolution: {integrity: sha512-PakCZLvz37yFfUPWBnLa1OYHPCGm5v4pmRrTcFN4V/N/T3I6tyP3z07S//9w+DdeL7vVd0VSeyMZuAh+449ZWw==}
+    engines: {node: '>=v14.16.0'}
+    hasBin: true
+    dependencies:
+      cac: 6.7.14
+      debug: 4.3.4
+      mlly: 1.2.0
+      pathe: 1.1.0
+      picocolors: 1.0.0
+      vite: 4.2.1(@types/node@18.15.11)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+    dev: true
+
   /vite-node@0.29.8(@types/node@18.15.11):
     resolution: {integrity: sha512-b6OtCXfk65L6SElVM20q5G546yu10/kNrhg08afEoWlFRJXFq9/6glsvSVY+aI6YeC1tu2TtAqI2jHEQmOmsFw==}
     engines: {node: '>=v14.16.0'}
@@ -8870,13 +9497,74 @@ packages:
         optional: true
     dependencies:
       '@types/node': 18.15.11
-      esbuild: 0.17.14
+      esbuild: 0.17.12
       postcss: 8.4.21
       resolve: 1.22.1
-      rollup: 3.20.2
+      rollup: 3.20.0
     optionalDependencies:
       fsevents: 2.3.2
 
+  /vitest@0.29.7:
+    resolution: {integrity: sha512-aWinOSOu4jwTuZHkb+cCyrqQ116Q9TXaJrNKTHudKBknIpR0VplzeaOUuDF9jeZcrbtQKZQt6yrtd+eakbaxHg==}
+    engines: {node: '>=v14.16.0'}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@vitest/browser': '*'
+      '@vitest/ui': '*'
+      happy-dom: '*'
+      jsdom: '*'
+      safaridriver: '*'
+      webdriverio: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+      safaridriver:
+        optional: true
+      webdriverio:
+        optional: true
+    dependencies:
+      '@types/chai': 4.3.4
+      '@types/chai-subset': 1.3.3
+      '@types/node': 18.15.11
+      '@vitest/expect': 0.29.7
+      '@vitest/runner': 0.29.7
+      '@vitest/spy': 0.29.7
+      '@vitest/utils': 0.29.7
+      acorn: 8.8.2
+      acorn-walk: 8.2.0
+      cac: 6.7.14
+      chai: 4.3.7
+      debug: 4.3.4
+      local-pkg: 0.4.3
+      pathe: 1.1.0
+      picocolors: 1.0.0
+      source-map: 0.6.1
+      std-env: 3.3.2
+      strip-literal: 1.0.1
+      tinybench: 2.4.0
+      tinypool: 0.4.0
+      tinyspy: 1.1.1
+      vite: 4.2.1(@types/node@18.15.11)
+      vite-node: 0.29.7(@types/node@18.15.11)
+      why-is-node-running: 2.2.2
+    transitivePeerDependencies:
+      - less
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+    dev: true
+
   /vitest@0.29.8(playwright@1.32.1):
     resolution: {integrity: sha512-JIAVi2GK5cvA6awGpH0HvH/gEG9PZ0a/WoxdiV3PmqK+3CjQMf8c+J/Vhv4mdZ2nRyXFw66sAg6qz7VNkaHfDQ==}
     engines: {node: '>=v14.16.0'}

From fefd2d746b0e1ac6fcc65521ade42d5398e06bd4 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:52:00 +0200
Subject: [PATCH 11/63] refactor: send slotsName to islandRenderer

---
 .../nuxt/src/app/components/island-renderer.ts     | 14 +++++---------
 packages/nuxt/src/app/components/nuxt-island.ts    |  8 +++++---
 packages/nuxt/src/core/runtime/nitro/renderer.ts   |  3 ++-
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/packages/nuxt/src/app/components/island-renderer.ts b/packages/nuxt/src/app/components/island-renderer.ts
index dfc361c31b4b..f3e9a71fd448 100644
--- a/packages/nuxt/src/app/components/island-renderer.ts
+++ b/packages/nuxt/src/app/components/island-renderer.ts
@@ -1,28 +1,24 @@
-import { randomUUID } from 'node:crypto'
+import { randomUUID } from 'uncrypto'
 import type { defineAsyncComponent } from 'vue'
 import { createVNode, defineComponent } from 'vue'
 
 // @ts-ignore
 import * as islandComponents from '#build/components.islands.mjs'
 import { createError } from '#app/composables/error'
-const SLOT_RENDER_RE = /ssrRenderSlot\(_ctx.\$slots, "([a-zA-Z]*)"/g
 
 export default defineComponent({
   props: {
     context: {
-      type: Object as () => { name: string, props?: Record<string, any> },
+      type: Object as () => { name: string, props?: Record<string, any>, slotsName?: string[] },
       required: true
     }
   },
-  async setup (props) {
+  setup (props) {
     const uid = randomUUID()
     const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
     const slots: Record<string, Function> = {}
-    if (typeof component === 'object') {
-      await (component.__asyncLoader as Function)?.()
-      const matched = [...(component.__asyncResolved.ssrRender as Function).toString().matchAll(SLOT_RENDER_RE)]
-
-      for (const [_full, slotName] of matched) {
+    if (props.context.slotsName) {
+      for (const slotName of props.context.slotsName) {
         slots[slotName] = () => {
           return createVNode('div', { 'v-ssr-slot-name': slotName, style: 'display: contents;' })
         }
diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index fb0bfa150817..5573f94126a6 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -1,5 +1,6 @@
 import type { VNode, RendererNode } from 'vue'
-import { defineComponent, createStaticVNode, computed, ref, watch, getCurrentInstance, Teleport, onMounted, createVNode } from 'vue'
+import { h, Fragment, defineComponent, createStaticVNode, computed, Static, ref, watch, getCurrentInstance, Teleport, onMounted, createVNode } from 'vue'
+
 import { debounce } from 'perfect-debounce'
 import { hash } from 'ohash'
 import { appendHeader } from 'h3'
@@ -54,7 +55,8 @@ export default defineComponent({
       return $fetch<NuxtIslandResponse>(url, {
         params: {
           ...props.context,
-          props: props.props ? JSON.stringify(props.props) : undefined
+          props: props.props ? JSON.stringify(props.props) : undefined,
+          slotsName: Object.keys(slots)
         }
       })
     }
@@ -87,7 +89,7 @@ export default defineComponent({
         setUid()
         return [getStaticVNode(instance.vnode)]
       }
-      const nodes = [createStaticVNode(html.value, 1)]
+      const nodes = [createVNode(Fragment, null, [h(createStaticVNode(html.value, 1))], -2)]
       if (uid) {
         for (const slot in slots) {
           nodes.push(createVNode(Teleport, { to: process.client ? `[v-ssr-component-uid='${uid}'] [v-ssr-slot-name='${slot}']` : `uid=${uid};slot=${slot}` }, [slots[slot]?.()]))
diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index 085b860950c1..93a9896c896f 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -152,7 +152,8 @@ async function getIslandContext (event: H3Event): Promise<NuxtIslandContext> {
     ...context,
     id: hashId,
     name: componentName,
-    props: destr(context.props) || {}
+    props: destr(context.props) || {},
+    slotsName: destr(context.slotsName) || []
   }
 
   return ctx

From 7e3eec77b9457f9de23829b4a5cb40b123119203 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:52:01 +0200
Subject: [PATCH 12/63] fix: fix static node rerendering in production

---
 .../nuxt/src/app/components/nuxt-island.ts    | 22 +++--
 .../components/runtime/server-component.ts    | 93 +------------------
 2 files changed, 19 insertions(+), 96 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 5573f94126a6..90ba46d3cba5 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -1,5 +1,5 @@
 import type { VNode, RendererNode } from 'vue'
-import { h, Fragment, defineComponent, createStaticVNode, computed, Static, ref, watch, getCurrentInstance, Teleport, onMounted, createVNode } from 'vue'
+import { nextTick, h, Fragment, defineComponent, createStaticVNode, computed, ref, watch, getCurrentInstance, Teleport, onMounted, createVNode } from 'vue'
 
 import { debounce } from 'perfect-debounce'
 import { hash } from 'ohash'
@@ -36,11 +36,12 @@ export default defineComponent({
     const instance = getCurrentInstance()!
     const event = useRequestEvent()
     const mounted = ref(false)
+    const key = ref(0)
     onMounted(() => { mounted.value = true })
     const html = ref<string>(process.client ? getFragmentHTML(instance.vnode?.el ?? null).join('') ?? '<div></div>' : '<div></div>')
-    let uid = html.value.match(SSR_UID_RE)?.[1]
+    const uid = ref(html.value.match(SSR_UID_RE)?.[1])
     function setUid () {
-      uid = html.value.match(SSR_UID_RE)?.[1]
+      uid.value = html.value.match(SSR_UID_RE)?.[1]
     }
     const cHead = ref<Record<'link' | 'style', Array<Record<string, string>>>>({ link: [], style: [] })
     useHead(cHead)
@@ -72,6 +73,11 @@ export default defineComponent({
       cHead.value.link = res.head.link
       cHead.value.style = res.head.style
       html.value = res.html
+      key.value++
+      if (process.client) {
+        // must await next tick for Teleport to work correctly with static node re-rendering
+        await nextTick()
+      }
       setUid()
     }
 
@@ -89,10 +95,14 @@ export default defineComponent({
         setUid()
         return [getStaticVNode(instance.vnode)]
       }
-      const nodes = [createVNode(Fragment, null, [h(createStaticVNode(html.value, 1))], -2)]
-      if (uid) {
+      const nodes = [createVNode(Fragment, {
+        key: key.value
+      }, [h(createStaticVNode(html.value, 1))])]
+      if (uid.value) {
         for (const slot in slots) {
-          nodes.push(createVNode(Teleport, { to: process.client ? `[v-ssr-component-uid='${uid}'] [v-ssr-slot-name='${slot}']` : `uid=${uid};slot=${slot}` }, [slots[slot]?.()]))
+          nodes.push(createVNode(Teleport, { to: process.client ? `[v-ssr-component-uid='${uid.value}'] [v-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {
+            default: () => [slots[slot]?.()]
+          }))
         }
       }
       return nodes
diff --git a/packages/nuxt/src/components/runtime/server-component.ts b/packages/nuxt/src/components/runtime/server-component.ts
index 9c23b36ac3e6..137316a5e150 100644
--- a/packages/nuxt/src/components/runtime/server-component.ts
+++ b/packages/nuxt/src/components/runtime/server-component.ts
@@ -1,102 +1,15 @@
-import { defineComponent, createStaticVNode, computed, h, watch } from 'vue'
-import { debounce } from 'perfect-debounce'
-import { hash } from 'ohash'
-import { appendHeader } from 'h3'
-
-import { useHead } from '@unhead/vue'
-import type { NuxtIslandResponse } from '../../core/runtime/nitro/renderer'
-import { useNuxtApp } from '#app/nuxt'
-import { useRequestEvent } from '#app/composables/ssr'
-import { useAsyncData } from '#app/composables/asyncData'
-
-const pKey = '_islandPromises'
+import { defineComponent, h } from 'vue' 
+import NuxtIsland from '#app/components/nuxt-island'
 
 export const createServerComponent = (name: string) => {
   return defineComponent({
     name,
     inheritAttrs: false,
     setup (_props, { attrs }) {
-      return () => h(NuxtServerComponent, {
+      return () => h(NuxtIsland, {
         name,
         props: attrs
       })
     }
   })
 }
-
-const NuxtServerComponent = defineComponent({
-  name: 'NuxtServerComponent',
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    props: {
-      type: Object,
-      default: () => undefined
-    },
-    context: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  async setup (props) {
-    const nuxtApp = useNuxtApp()
-    const hashId = computed(() => hash([props.name, props.props, props.context]))
-
-    const event = useRequestEvent()
-
-    function _fetchComponent () {
-      const url = `/__nuxt_island/${props.name}:${hashId.value}`
-      if (process.server && process.env.prerender) {
-        // Hint to Nitro to prerender the island component
-        appendHeader(event, 'x-nitro-prerender', url)
-      }
-      // TODO: Validate response
-      return $fetch<NuxtIslandResponse>(url, {
-        params: {
-          ...props.context,
-          props: props.props ? JSON.stringify(props.props) : undefined
-        }
-      })
-    }
-
-    const res = useAsyncData(
-      `${props.name}:${hashId.value}`,
-      async () => {
-        nuxtApp[pKey] = nuxtApp[pKey] || {}
-        if (!nuxtApp[pKey][hashId.value]) {
-          nuxtApp[pKey][hashId.value] = _fetchComponent().finally(() => {
-            delete nuxtApp[pKey]![hashId.value]
-          })
-        }
-        const res: NuxtIslandResponse = await nuxtApp[pKey][hashId.value]
-        return {
-          html: res.html,
-          head: {
-            link: res.head.link,
-            style: res.head.style
-          }
-        }
-      }, {
-        immediate: process.server || !nuxtApp.isHydrating,
-        default: () => ({
-          html: '',
-          head: {
-            link: [], style: []
-          }
-        })
-      }
-    )
-
-    useHead(() => res.data.value!.head)
-
-    if (process.client) {
-      watch(props, debounce(() => res.execute(), 100))
-    }
-
-    await res
-
-    return () => createStaticVNode(res.data.value!.html, 1)
-  }
-})

From f267ffa2b77de34a507fea82cf1683c7b7b4c0d1 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:52:01 +0200
Subject: [PATCH 13/63] perf(renderer): don't go through replace if no
 islandContext

---
 packages/nuxt/src/core/runtime/nitro/renderer.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index 93a9896c896f..e37990874fc9 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -449,8 +449,8 @@ function getServerComponentHTML (body: string[]): string {
 
 const SSR_TELEPORT_MARKER = /^uid=([^;]*);slot=(.*)$/
 function replaceServerOnlyComponentsSlots (ssrContext: NuxtSSRContext, html: string): string {
-  const { teleports } = ssrContext
-  if (!teleports) { return html }
+  const { teleports, islandContext } = ssrContext
+  if (!islandContext || !teleports) { return html }
   for (const key in teleports) {
     const match = key.match(SSR_TELEPORT_MARKER)
     if (!match) { continue }

From 42d16c9183b3ee7b0340b9830b672231b3acbb2f Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:52:02 +0200
Subject: [PATCH 14/63] fix previous commit

---
 packages/nuxt/src/core/runtime/nitro/renderer.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index e37990874fc9..3d1b3b267f32 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -450,7 +450,7 @@ function getServerComponentHTML (body: string[]): string {
 const SSR_TELEPORT_MARKER = /^uid=([^;]*);slot=(.*)$/
 function replaceServerOnlyComponentsSlots (ssrContext: NuxtSSRContext, html: string): string {
   const { teleports, islandContext } = ssrContext
-  if (!islandContext || !teleports) { return html }
+  if (islandContext || !teleports) { return html }
   for (const key in teleports) {
     const match = key.match(SSR_TELEPORT_MARKER)
     if (!match) { continue }

From 1d2654870fc8387862de432c6a15cc7c2412b618 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:52:02 +0200
Subject: [PATCH 15/63] fix(renderer): fix regex

---
 packages/nuxt/src/core/runtime/nitro/renderer.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index 3d1b3b267f32..eb84c05e19ff 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -153,7 +153,8 @@ async function getIslandContext (event: H3Event): Promise<NuxtIslandContext> {
     id: hashId,
     name: componentName,
     props: destr(context.props) || {},
-    slotsName: destr(context.slotsName) || []
+    slotsName: destr(context.slotsName) || [],
+    uid: destr(context.uid) || undefined
   }
 
   return ctx
@@ -456,7 +457,7 @@ function replaceServerOnlyComponentsSlots (ssrContext: NuxtSSRContext, html: str
     if (!match) { continue }
     const [, uid, slot] = match
     if (!uid || !slot) { continue }
-    html = html.replace(new RegExp(`<div v-ssr-component-uid="${uid}">(.*)<div v-ssr-slot-name="${slot}"([^>]*)>`, 'g'), (full) => {
+    html = html.replace(new RegExp(`<div v-ssr-component-uid="${uid}">((?!v-ssr-slot-name="${slot}"|v-ssr-component-uid).)*<div v-ssr-slot-name="${slot}"([^>]*)>`), (full) => {
       return full + teleports[key]
     })
   }

From 8e20f44b0d5abcb2b2176fdcce62bb6477ee127b Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:52:02 +0200
Subject: [PATCH 16/63] fix(islands): fix islands request uniqueness

---
 .../nuxt/src/app/components/island-renderer.ts   |  5 +++--
 packages/nuxt/src/app/components/nuxt-island.ts  | 16 ++++++++--------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/packages/nuxt/src/app/components/island-renderer.ts b/packages/nuxt/src/app/components/island-renderer.ts
index f3e9a71fd448..b2ad7193b850 100644
--- a/packages/nuxt/src/app/components/island-renderer.ts
+++ b/packages/nuxt/src/app/components/island-renderer.ts
@@ -9,12 +9,12 @@ import { createError } from '#app/composables/error'
 export default defineComponent({
   props: {
     context: {
-      type: Object as () => { name: string, props?: Record<string, any>, slotsName?: string[] },
+      type: Object as () => { name: string, props?: Record<string, any>, slotsName?: string[], uid?: string },
       required: true
     }
   },
   setup (props) {
-    const uid = randomUUID()
+    const uid = props.context.uid ?? randomUUID()
     const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
     const slots: Record<string, Function> = {}
     if (props.context.slotsName) {
@@ -24,6 +24,7 @@ export default defineComponent({
         }
       }
     }
+    console.log(uid, props.context.slotsName)
     if (!component) {
       throw createError({
         statusCode: 404,
diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 90ba46d3cba5..eee44c27b8d5 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -5,7 +5,7 @@ import { debounce } from 'perfect-debounce'
 import { hash } from 'ohash'
 import { appendHeader } from 'h3'
 import { useHead } from '@unhead/vue'
-
+import { randomUUID } from 'uncrypto'
 // eslint-disable-next-line import/no-restricted-paths
 import type { NuxtIslandResponse } from '../../core/runtime/nitro/renderer'
 import { useNuxtApp } from '#app/nuxt'
@@ -39,9 +39,9 @@ export default defineComponent({
     const key = ref(0)
     onMounted(() => { mounted.value = true })
     const html = ref<string>(process.client ? getFragmentHTML(instance.vnode?.el ?? null).join('') ?? '<div></div>' : '<div></div>')
-    const uid = ref(html.value.match(SSR_UID_RE)?.[1])
+    const uid = ref<string>(html.value.match(SSR_UID_RE)?.[1] ?? randomUUID())
     function setUid () {
-      uid.value = html.value.match(SSR_UID_RE)?.[1]
+      uid.value = html.value.match(SSR_UID_RE)?.[1] as string
     }
     const cHead = ref<Record<'link' | 'style', Array<Record<string, string>>>>({ link: [], style: [] })
     useHead(cHead)
@@ -57,19 +57,19 @@ export default defineComponent({
         params: {
           ...props.context,
           props: props.props ? JSON.stringify(props.props) : undefined,
-          slotsName: Object.keys(slots)
+          slotsName: JSON.stringify(Object.keys(slots))
         }
       })
     }
 
     async function fetchComponent () {
       nuxtApp[pKey] = nuxtApp[pKey] || {}
-      if (!nuxtApp[pKey][hashId.value]) {
-        nuxtApp[pKey][hashId.value] = _fetchComponent().finally(() => {
-          delete nuxtApp[pKey]![hashId.value]
+      if (!nuxtApp[pKey][uid.value]) {
+        nuxtApp[pKey][uid.value] = _fetchComponent().finally(() => {
+          delete nuxtApp[pKey]![uid.value]
         })
       }
-      const res: NuxtIslandResponse = await nuxtApp[pKey][hashId.value]
+      const res: NuxtIslandResponse = await nuxtApp[pKey][uid.value]
       cHead.value.link = res.head.link
       cHead.value.style = res.head.style
       html.value = res.html

From 29c2a4d2bed71984db9cdab4fabc8498a796a52e Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:52:03 +0200
Subject: [PATCH 17/63] test(fixtures): add fixtures for islands uniqueness and
 islands mounted Client-side

---
 .../components/islands/LongAsyncComponent.vue |  3 ++
 test/fixtures/basic/pages/islands.vue         | 29 +++++++++++++++----
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/test/fixtures/basic/components/islands/LongAsyncComponent.vue b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
index f363e228d61a..4f9f41b3c8a8 100644
--- a/test/fixtures/basic/components/islands/LongAsyncComponent.vue
+++ b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
@@ -1,5 +1,8 @@
 <template>
   <div>
+    <div v-if="count > 2">
+      count is above 2
+    </div>
     <slot />
     {{ data }}
     <div id="long-async-component-count">
diff --git a/test/fixtures/basic/pages/islands.vue b/test/fixtures/basic/pages/islands.vue
index f3f913bf2e9a..7800e1635d66 100644
--- a/test/fixtures/basic/pages/islands.vue
+++ b/test/fixtures/basic/pages/islands.vue
@@ -6,6 +6,7 @@ const islandProps = ref({
   obj: { json: 'works' }
 })
 
+const showIslandSlot = ref(false)
 const routeIslandVisible = ref(false)
 const testCount = ref(0)
 const count = ref(0)
@@ -31,24 +32,40 @@ const count = ref(0)
     </button>
 
     <p>async .server component</p>
-    <AsyncServerComponent :count="count" >
-    
-      <div>WONDERFUl TEST SLOT .server</div></AsyncServerComponent>
+    <AsyncServerComponent :count="count">
+      <div id="slot-in-server">
+        Slot with in .server component
+      </div>
+    </AsyncServerComponent>
     <div>
       Async component (1000ms):
       <div>
         <NuxtIsland name="LongAsyncComponent" :props="{ count }">
-          <div>SLOT TESTING THIS IS A NICE DEFAULT SLOT </div>
+          <div>Interactive testing slot</div>
           <SugarCounter :multiplier="testCount" />
           <template #test>
-            <div>WONDERFUl TEST SLOT</div>
+            <div>Slot within test</div>
           </template>
         </NuxtIsland>
-        <button @click="count++">
+        <button id="update-server-components" @click="count++">
           add +1 to count
         </button>
       </div>
     </div>
+    <NuxtIsland v-if="showIslandSlot" name="LongAsyncComponent" :props="{ count }">
+      <div>Interactive testing slot this slot should not be teleported to the first LongAsyncComponent</div>
+      <SugarCounter :multiplier="testCount" />
+    </NuxtIsland>
+    <div>
+      <p>Island with props mounted client side</p>
+      <button @click="showIslandSlot = true">
+        Show Interactive island
+      </button>
+      <NuxtIsland v-if="showIslandSlot" name="LongAsyncComponent" :props="{ count }">
+        <div>Interactive testing slot post SSR</div>
+        <SugarCounter :multiplier="testCount" />
+      </NuxtIsland>
+    </div>
   </div>
 </template>
 

From 4c008716ab64fdab26ebb2894b81275861e2d7ba Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:52:03 +0200
Subject: [PATCH 18/63] test(basic): test island slot and interactivity

---
 test/basic.test.ts                    | 39 ++++++++++++++++++++++++---
 test/fixtures/basic/pages/islands.vue | 24 +++++++++--------
 2 files changed, 48 insertions(+), 15 deletions(-)

diff --git a/test/basic.test.ts b/test/basic.test.ts
index 8ddcc37abd2d..e99c31a01733 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -317,6 +317,37 @@ describe('pages', () => {
 
     await page.close()
   })
+
+  it('/islands', async () => {
+    const page = await createPage('/islands')
+    await page.waitForLoadState('networkidle')
+    await page.locator('#increase-pure-component').click()
+    await page.waitForResponse(response => response.url().includes('/__nuxt_island/') && response.status() === 200)
+    await page.waitForLoadState('networkidle')
+    expect(await page.locator('#slot-in-server').first().innerHTML()).toContain('Slot with in .server component')
+    expect(await page.locator('#test-slot').first().innerHTML()).toContain('Slot with name test')
+
+    // test islands update
+    expect(await page.locator('.box').innerHTML()).toContain('"number": 101,')
+    await page.locator('#update-server-components').click()
+    await Promise.all([
+      page.waitForResponse(response => response.url().includes('/__nuxt_island/LongAsyncComponent') && response.status() === 200),
+      page.waitForResponse(response => response.url().includes('/__nuxt_island/AsyncServerComponent') && response.status() === 200)
+    ])
+    await page.waitForLoadState('networkidle')
+    expect(await page.locator('#async-server-component-count').innerHTML()).toContain(('1'))
+    expect(await page.locator('#long-async-component-count').innerHTML()).toContain('1')
+
+    // test islands slots interactivity
+    await page.locator('#first-sugar-counter button').click()
+    expect(await page.locator('#first-sugar-counter').innerHTML()).toContain('Sugar Counter 13')
+
+    // test islands mounted client side with slot
+    await page.locator('#show-island').click()
+    await page.waitForResponse(response => response.url().includes('/__nuxt_island/') && response.status() === 200)
+    await page.waitForLoadState('networkidle')
+    expect(await page.locator('#island-mounted-client-side').innerHTML()).toContain('Interactive testing slot post SSR')
+  })
 })
 
 describe('nuxt links', () => {
@@ -1053,7 +1084,7 @@ describe('component islands', () => {
     const result: NuxtIslandResponse = await $fetch('/__nuxt_island/RouteComponent?url=/foo')
 
     if (isDev()) {
-      result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates'))
+      result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/RouteComponent')))
     }
 
     expect(result).toMatchInlineSnapshot(`
@@ -1076,7 +1107,7 @@ describe('component islands', () => {
       })
     }))
     if (isDev()) {
-      result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates'))
+      result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/LongAsyncComponent')))
     }
     expect(result).toMatchInlineSnapshot(`
       {
@@ -1097,7 +1128,7 @@ describe('component islands', () => {
       })
     }))
     if (isDev()) {
-      result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates'))
+      result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/AsyncServerComponent')))
     }
     expect(result).toMatchInlineSnapshot(`
     {
@@ -1198,7 +1229,7 @@ describe.skipIf(isDev() || isWindows)('payload rendering', () => {
   it('renders a payload', async () => {
     const payload = await $fetch('/random/a/_payload.js', { responseType: 'text' })
     expect(payload).toMatch(
-      /export default \{data:\{hey:\{[^}]*\},rand_a:\[[^\]]*\],".*":\{html:".*server-only component.*",head:\{link:\[\],style:\[\]\}\}\},prerenderedAt:\d*\}/
+      /export default \{data:\{hey:\{[^}]*\},rand_a:\[[^\]]*\]\},prerenderedAt:\d*\}/
     )
   })
 
diff --git a/test/fixtures/basic/pages/islands.vue b/test/fixtures/basic/pages/islands.vue
index 7800e1635d66..3a2bdbaafe9c 100644
--- a/test/fixtures/basic/pages/islands.vue
+++ b/test/fixtures/basic/pages/islands.vue
@@ -42,9 +42,13 @@ const count = ref(0)
       <div>
         <NuxtIsland name="LongAsyncComponent" :props="{ count }">
           <div>Interactive testing slot</div>
-          <SugarCounter :multiplier="testCount" />
+          <div id="first-sugar-counter">
+            <SugarCounter :multiplier="testCount" />
+          </div>
           <template #test>
-            <div>Slot within test</div>
+            <div id="test-slot">
+              Slot with name test
+            </div>
           </template>
         </NuxtIsland>
         <button id="update-server-components" @click="count++">
@@ -52,19 +56,17 @@ const count = ref(0)
         </button>
       </div>
     </div>
-    <NuxtIsland v-if="showIslandSlot" name="LongAsyncComponent" :props="{ count }">
-      <div>Interactive testing slot this slot should not be teleported to the first LongAsyncComponent</div>
-      <SugarCounter :multiplier="testCount" />
-    </NuxtIsland>
     <div>
       <p>Island with props mounted client side</p>
-      <button @click="showIslandSlot = true">
+      <button id="show-island" @click="showIslandSlot = true">
         Show Interactive island
       </button>
-      <NuxtIsland v-if="showIslandSlot" name="LongAsyncComponent" :props="{ count }">
-        <div>Interactive testing slot post SSR</div>
-        <SugarCounter :multiplier="testCount" />
-      </NuxtIsland>
+      <div id="island-mounted-client-side">
+        <NuxtIsland v-if="showIslandSlot" name="LongAsyncComponent" :props="{ count }">
+          <div>Interactive testing slot post SSR</div>
+          <SugarCounter :multiplier="testCount" />
+        </NuxtIsland>
+      </div>
     </div>
   </div>
 </template>

From 9fb431be4039b4d0f959fd8a9c7eb92c47bf7d70 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 21:57:11 +0200
Subject: [PATCH 19/63] chore: lint and remove logs

---
 packages/nuxt/src/app/components/island-renderer.ts            | 2 +-
 packages/nuxt/src/components/runtime/server-component.ts       | 2 +-
 test/fixtures/basic/components/AsyncServerComponent.server.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nuxt/src/app/components/island-renderer.ts b/packages/nuxt/src/app/components/island-renderer.ts
index b2ad7193b850..1a9b678bdb08 100644
--- a/packages/nuxt/src/app/components/island-renderer.ts
+++ b/packages/nuxt/src/app/components/island-renderer.ts
@@ -24,7 +24,7 @@ export default defineComponent({
         }
       }
     }
-    console.log(uid, props.context.slotsName)
+
     if (!component) {
       throw createError({
         statusCode: 404,
diff --git a/packages/nuxt/src/components/runtime/server-component.ts b/packages/nuxt/src/components/runtime/server-component.ts
index 137316a5e150..36b60a986908 100644
--- a/packages/nuxt/src/components/runtime/server-component.ts
+++ b/packages/nuxt/src/components/runtime/server-component.ts
@@ -1,4 +1,4 @@
-import { defineComponent, h } from 'vue' 
+import { defineComponent, h } from 'vue'
 import NuxtIsland from '#app/components/nuxt-island'
 
 export const createServerComponent = (name: string) => {
diff --git a/test/fixtures/basic/components/AsyncServerComponent.server.vue b/test/fixtures/basic/components/AsyncServerComponent.server.vue
index 4bd9a1d4b05a..221224efc45e 100644
--- a/test/fixtures/basic/components/AsyncServerComponent.server.vue
+++ b/test/fixtures/basic/components/AsyncServerComponent.server.vue
@@ -5,7 +5,7 @@
     <div id="async-server-component-count">
       {{ count }}
     </div>
-    <slot   />
+    <slot />
   </div>
 </template>
 

From f99cdf751df7f4244bd0e4277f38906455fc40b5 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 30 Mar 2023 22:14:54 +0200
Subject: [PATCH 20/63] feat(server-component): pass slot to NuxtIsland

---
 packages/nuxt/src/components/runtime/server-component.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nuxt/src/components/runtime/server-component.ts b/packages/nuxt/src/components/runtime/server-component.ts
index 36b60a986908..4dcfa8cce502 100644
--- a/packages/nuxt/src/components/runtime/server-component.ts
+++ b/packages/nuxt/src/components/runtime/server-component.ts
@@ -5,11 +5,11 @@ export const createServerComponent = (name: string) => {
   return defineComponent({
     name,
     inheritAttrs: false,
-    setup (_props, { attrs }) {
+    setup (_props, { attrs, slots }) {
       return () => h(NuxtIsland, {
         name,
         props: attrs
-      })
+      }, slots)
     }
   })
 }

From b28f5c42ac46df15ab0372e0a6c23b4cd1e43469 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 31 Mar 2023 00:04:11 +0200
Subject: [PATCH 21/63] chore: remove useless fragment

---
 packages/nuxt/src/app/components/island-renderer.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nuxt/src/app/components/island-renderer.ts b/packages/nuxt/src/app/components/island-renderer.ts
index 1a9b678bdb08..447445c2b90e 100644
--- a/packages/nuxt/src/app/components/island-renderer.ts
+++ b/packages/nuxt/src/app/components/island-renderer.ts
@@ -32,6 +32,6 @@ export default defineComponent({
       })
     }
 
-    return () => [createVNode(component || 'span', { ...props.context.props, 'v-ssr-component-uid': uid }, slots)]
+    return () => createVNode(component || 'span', { ...props.context.props, 'v-ssr-component-uid': uid }, slots)
   }
 })

From c2e3af3d45af1aaaff567e86a29b3b6dbc8a4593 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 31 Mar 2023 00:05:01 +0200
Subject: [PATCH 22/63] test: update test

---
 test/basic.test.ts                    | 14 +++++++++-----
 test/fixtures/basic/pages/islands.vue |  2 +-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/test/basic.test.ts b/test/basic.test.ts
index e99c31a01733..f1a6ede1b491 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -75,7 +75,7 @@ describe('pages', () => {
     // should apply attributes to client-only components
     expect(html).toContain('<div style="color:red;" class="client-only"></div>')
     // should render server-only components
-    expect(html).toContain('<div class="server-only" style="background-color:gray;"> server-only component </div>')
+    expect(html.replace(/ v-ssr-component-uid="([^"]*)"/g, '')).toContain('<div class="server-only" style="background-color:gray;"> server-only component </div>')
     // should register global components automatically
     expect(html).toContain('global component registered automatically')
     expect(html).toContain('global component via suffix')
@@ -1082,6 +1082,7 @@ describe('app config', () => {
 describe('component islands', () => {
   it('renders components with route', async () => {
     const result: NuxtIslandResponse = await $fetch('/__nuxt_island/RouteComponent?url=/foo')
+    result.html = result.html.replace(/ v-ssr-component-uid="([^"]*)"/g, '')
 
     if (isDev()) {
       result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/RouteComponent')))
@@ -1109,13 +1110,14 @@ describe('component islands', () => {
     if (isDev()) {
       result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/LongAsyncComponent')))
     }
+    result.html = result.html.replace(/ v-ssr-component-uid="([^"]*)"/g, '')
     expect(result).toMatchInlineSnapshot(`
       {
         "head": {
           "link": [],
           "style": [],
         },
-        "html": "<div>that was very long ... <div id=\\"long-async-component-count\\">3</div><p>hello world !!!</p></div>",
+        "html": "<div><div> count is above 2 </div><!--[--><!--]--> that was very long ... <div id="long-async-component-count">3</div><!--[--><!--]--><p>hello world !!!</p></div>",
         "state": {},
       }
     `)
@@ -1130,13 +1132,14 @@ describe('component islands', () => {
     if (isDev()) {
       result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/AsyncServerComponent')))
     }
+    result.html = result.html.replace(/ v-ssr-component-uid="([^"]*)"/g, '')
     expect(result).toMatchInlineSnapshot(`
     {
       "head": {
         "link": [],
         "style": [],
       },
-      "html": "<div> This is a .server (20ms) async component that was very long ... <div id=\\"async-server-component-count\\">2</div></div>",
+      "html": "<div> This is a .server (20ms) async component that was very long ... <div id=\\"async-server-component-count\\">2</div><!--[--><!--]--></div>",
       "state": {},
     }
   `)
@@ -1151,6 +1154,7 @@ describe('component islands', () => {
         obj: { foo: 42, bar: false, me: 'hi' }
       })
     }))
+    result.html = result.html.replace(/ v-ssr-component-uid="([^"]*)"/g, '')
 
     if (isDev()) {
       result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates'))
@@ -1178,7 +1182,7 @@ describe('component islands', () => {
             },
           ],
         }
-      `)
+    `)
     } else if (isDev() && !isWebpack) {
       expect(result.head).toMatchInlineSnapshot(`
         {
@@ -1194,7 +1198,7 @@ describe('component islands', () => {
       `)
     }
 
-    expect(result.html.replace(/data-v-\w+|"|<!--.*-->/g, '')).toMatchInlineSnapshot(`
+    expect(result.html.replace(/data-v-\w+|"|<!--.*-->/g, '').replace(/v-ssr-component-uid="([^"]*)"/g, '')).toMatchInlineSnapshot(`
     "<div > Was router enabled: true <br > Props: <pre >{
       number: 3487,
       str: something,
diff --git a/test/fixtures/basic/pages/islands.vue b/test/fixtures/basic/pages/islands.vue
index 3a2bdbaafe9c..083d6b3423fd 100644
--- a/test/fixtures/basic/pages/islands.vue
+++ b/test/fixtures/basic/pages/islands.vue
@@ -19,7 +19,7 @@ const count = ref(0)
       <NuxtIsland name="PureComponent" :props="islandProps" />
       <NuxtIsland name="PureComponent" :props="islandProps" />
     </div>
-    <button @click="islandProps.number++">
+    <button id="increase-pure-component" @click="islandProps.number++">
       Increase
     </button>
     <hr>

From 3081c05c6d33ac0e48053b0a7e9e89fe20b23876 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 31 Mar 2023 00:11:34 +0200
Subject: [PATCH 23/63] chore: bump server bundle size

---
 test/bundle.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/bundle.test.ts b/test/bundle.test.ts
index e1d60b24ea0b..064dbf51c8b6 100644
--- a/test/bundle.test.ts
+++ b/test/bundle.test.ts
@@ -40,7 +40,7 @@ describe.skipIf(isWindows)('minimal nuxt application', () => {
 
   it('default server bundle size', async () => {
     stats.server = await analyzeSizes(['**/*.mjs', '!node_modules'], serverDir)
-    expect(stats.server.totalBytes).toBeLessThan(93200)
+    expect(stats.server.totalBytes).toBeLessThan(94300)
 
     const modules = await analyzeSizes('node_modules/**/*', serverDir)
     expect(modules.totalBytes).toBeLessThan(2694900)

From 334edf33b3ed9f823cfc196848b8bf071cfee7c1 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 31 Mar 2023 00:23:18 +0200
Subject: [PATCH 24/63] test: udpate test

---
 test/basic.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/basic.test.ts b/test/basic.test.ts
index f1a6ede1b491..8fc3f749d745 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -1117,7 +1117,7 @@ describe('component islands', () => {
           "link": [],
           "style": [],
         },
-        "html": "<div><div> count is above 2 </div><!--[--><!--]--> that was very long ... <div id="long-async-component-count">3</div><!--[--><!--]--><p>hello world !!!</p></div>",
+        "html": "<div><div> count is above 2 </div><!--[--><!--]--> that was very long ... <div id=\\"long-async-component-count\\">3</div><!--[--><!--]--><p>hello world !!!</p></div>",
         "state": {},
       }
     `)

From 089a54560c53f661e57e65f0d2eaba0f58ea4f28 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 31 Mar 2023 00:51:49 +0200
Subject: [PATCH 25/63] docs(server): update alert block

---
 docs/2.guide/2.directory-structure/1.components.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/2.guide/2.directory-structure/1.components.md b/docs/2.guide/2.directory-structure/1.components.md
index 7a39da99f66f..7765bc54a4a2 100644
--- a/docs/2.guide/2.directory-structure/1.components.md
+++ b/docs/2.guide/2.directory-structure/1.components.md
@@ -296,8 +296,8 @@ Now you can register server-only components with the `.server` suffix and use th
 </template>
 ```
 
-::alert{type=warning}
-Slots are not supported by server components in their current state of development.
+::alert{type=info}
+Slots can be interactive and are wrapped within a `<div>` with `display: contents;`
 ::
 
 ### Paired with a `.client` component

From 07773cd7b689c573382deece24de506d432295bc Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Sun, 2 Apr 2023 21:37:40 +0200
Subject: [PATCH 26/63] docs(server-components): update limitations

---
 docs/2.guide/2.directory-structure/1.components.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/docs/2.guide/2.directory-structure/1.components.md b/docs/2.guide/2.directory-structure/1.components.md
index 7765bc54a4a2..713131bfb8ac 100644
--- a/docs/2.guide/2.directory-structure/1.components.md
+++ b/docs/2.guide/2.directory-structure/1.components.md
@@ -300,6 +300,11 @@ Now you can register server-only components with the `.server` suffix and use th
 Slots can be interactive and are wrapped within a `<div>` with `display: contents;`
 ::
 
+::alert{type=warning}
+Scoped slots are not supported by server components in their current state of development.
+Server only components slots can't be conditionnal and must be called when rendering the component.
+::
+
 ### Paired with a `.client` component
 
 In this case, the `.server` + `.client` components are two 'halves' of a component and can be used in advanced use cases for separate implementations of a component on server and client side.

From be40a575155bbc531055a34a64a79ca229838cb8 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Mon, 3 Apr 2023 20:28:11 +0200
Subject: [PATCH 27/63] chore(test): bump server bundle size

---
 test/bundle.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/bundle.test.ts b/test/bundle.test.ts
index 064dbf51c8b6..b25950a99475 100644
--- a/test/bundle.test.ts
+++ b/test/bundle.test.ts
@@ -40,7 +40,7 @@ describe.skipIf(isWindows)('minimal nuxt application', () => {
 
   it('default server bundle size', async () => {
     stats.server = await analyzeSizes(['**/*.mjs', '!node_modules'], serverDir)
-    expect(stats.server.totalBytes).toBeLessThan(94300)
+    expect(stats.server.totalBytes).toBeLessThan(94450)
 
     const modules = await analyzeSizes('node_modules/**/*', serverDir)
     expect(modules.totalBytes).toBeLessThan(2694900)

From 4a94f324d5458ff34978f327845c4db5f107d22f Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Mon, 3 Apr 2023 20:35:48 +0200
Subject: [PATCH 28/63] chore: update lock

---
 pnpm-lock.yaml | 598 ++++++-------------------------------------------
 1 file changed, 69 insertions(+), 529 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cd9a0638ae4f..4f50cae6fdc3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -161,7 +161,7 @@ importers:
         version: link:../../../packages/nuxt
       vitest:
         specifier: latest
-        version: 0.29.7
+        version: 0.29.8(playwright@1.32.1)
 
   examples/app-config:
     devDependencies:
@@ -410,7 +410,7 @@ importers:
         version: 2.1.2
       unimport:
         specifier: ^3.0.4
-        version: 3.0.4(rollup@3.19.1)
+        version: 3.0.4(rollup@3.20.2)
       untyped:
         specifier: ^1.3.2
         version: 1.3.2
@@ -631,7 +631,7 @@ importers:
         version: 1.2.2
       unimport:
         specifier: ^3.0.4
-        version: 3.0.4(rollup@3.19.1)
+        version: 3.0.4(rollup@3.20.2)
       unplugin:
         specifier: ^1.3.1
         version: 1.3.1
@@ -698,7 +698,7 @@ importers:
         version: 1.1.1
       unimport:
         specifier: ^3.0.4
-        version: 3.0.4(rollup@3.19.1)
+        version: 3.0.4(rollup@3.20.2)
       untyped:
         specifier: ^1.3.2
         version: 1.3.2
@@ -1082,6 +1082,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/highlight': 7.18.6
+    dev: false
 
   /@babel/code-frame@7.21.4:
     resolution: {integrity: sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==}
@@ -1136,7 +1137,6 @@ packages:
       semver: 6.3.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
   /@babel/generator@7.21.4:
     resolution: {integrity: sha512-NieM3pVIYW2SwGzKoqfPrQsf4xGs9M9AIG3ThppsSRmO+m7eQhmI6amajKMUeIO37wFfsvnvcxQFx6x6iqxDnA==}
@@ -1151,7 +1151,7 @@ packages:
     resolution: {integrity: sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.21.3
+      '@babel/types': 7.21.4
 
   /@babel/helper-compilation-targets@7.21.4(@babel/core@7.21.3):
     resolution: {integrity: sha512-Fa0tTuOXZ1iL8IeDFUWCzjZcn+sJGd9RZdH9esYVjEejGmzf+FFYQpMi/kZUk2kPy/q1H3/GPw7np8qar/stfg==}
@@ -1178,7 +1178,6 @@ packages:
       browserslist: 4.21.5
       lru-cache: 5.1.1
       semver: 6.3.0
-    dev: false
 
   /@babel/helper-create-class-features-plugin@7.21.0(@babel/core@7.21.3):
     resolution: {integrity: sha512-Q8wNiMIdwsv5la5SPxNYzzkPnjgC0Sy0i7jLkVOCdllu/xcVNkr3TeZzbHBJrj+XXRqzX5uCyCoV9eu6xUG7KQ==}
@@ -1207,7 +1206,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.20.7
-      '@babel/types': 7.21.3
+      '@babel/types': 7.21.4
 
   /@babel/helper-hoist-variables@7.18.6:
     resolution: {integrity: sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==}
@@ -1219,7 +1218,7 @@ packages:
     resolution: {integrity: sha512-Muu8cdZwNN6mRRNG6lAYErJ5X3bRevgYR2O8wN0yn7jJSnGDu6eG59RfT29JHxGUovyfrh6Pj0XzmR7drNVL3Q==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.21.3
+      '@babel/types': 7.21.4
 
   /@babel/helper-module-imports@7.18.6:
     resolution: {integrity: sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==}
@@ -1246,7 +1245,7 @@ packages:
     resolution: {integrity: sha512-HP59oD9/fEHQkdcbgFCnbmgH5vIQTJbxh2yf+CdM89/glUNnuzr87Q8GIjGEnOktTROemO0Pe0iPAYbqZuOUiA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.21.3
+      '@babel/types': 7.21.4
 
   /@babel/helper-plugin-utils@7.20.2:
     resolution: {integrity: sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==}
@@ -1260,8 +1259,8 @@ packages:
       '@babel/helper-member-expression-to-functions': 7.21.0
       '@babel/helper-optimise-call-expression': 7.18.6
       '@babel/template': 7.20.7
-      '@babel/traverse': 7.21.3
-      '@babel/types': 7.21.3
+      '@babel/traverse': 7.21.4
+      '@babel/types': 7.21.4
     transitivePeerDependencies:
       - supports-color
 
@@ -1275,13 +1274,13 @@ packages:
     resolution: {integrity: sha512-5y1JYeNKfvnT8sZcK9DVRtpTbGiomYIHviSP3OQWmDPU3DeH4a1ZlT/N2lyQ5P8egjcRaT/Y9aNqUxK0WsnIIg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.21.3
+      '@babel/types': 7.21.4
 
   /@babel/helper-split-export-declaration@7.18.6:
     resolution: {integrity: sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.21.3
+      '@babel/types': 7.21.4
 
   /@babel/helper-string-parser@7.19.4:
     resolution: {integrity: sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==}
@@ -1313,13 +1312,6 @@ packages:
       chalk: 2.4.2
       js-tokens: 4.0.0
 
-  /@babel/parser@7.21.3:
-    resolution: {integrity: sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-    dependencies:
-      '@babel/types': 7.21.3
-
   /@babel/parser@7.21.4:
     resolution: {integrity: sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==}
     engines: {node: '>=6.0.0'}
@@ -1370,23 +1362,6 @@ packages:
       '@babel/parser': 7.21.4
       '@babel/types': 7.21.4
 
-  /@babel/traverse@7.21.3:
-    resolution: {integrity: sha512-XLyopNeaTancVitYZe2MlUEvgKb6YVVPXzofHgqHijCImG33b/uTurMS488ht/Hbsb2XK3U2BnSTxKVNGV3nGQ==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': 7.21.4
-      '@babel/generator': 7.21.4
-      '@babel/helper-environment-visitor': 7.18.9
-      '@babel/helper-function-name': 7.21.0
-      '@babel/helper-hoist-variables': 7.18.6
-      '@babel/helper-split-export-declaration': 7.18.6
-      '@babel/parser': 7.21.4
-      '@babel/types': 7.21.4
-      debug: 4.3.4
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
-
   /@babel/traverse@7.21.4:
     resolution: {integrity: sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==}
     engines: {node: '>=6.9.0'}
@@ -1404,14 +1379,6 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/types@7.21.3:
-    resolution: {integrity: sha512-sBGdETxC+/M4o/zKC0sl6sjWv62WFR/uzxrJ6uYyMLZOUlPnwzw0tKgVHOXxaAd5l2g8pEDM5RZ495GPQI77kg==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': 7.19.4
-      '@babel/helper-validator-identifier': 7.19.1
-      to-fast-properties: 2.0.0
-
   /@babel/types@7.21.4:
     resolution: {integrity: sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==}
     engines: {node: '>=6.9.0'}
@@ -1439,15 +1406,6 @@ packages:
       jsdoc-type-pratt-parser: 4.0.0
     dev: true
 
-  /@esbuild/android-arm64@0.17.11:
-    resolution: {integrity: sha512-QnK4d/zhVTuV4/pRM4HUjcsbl43POALU2zvBynmrrqZt9LPcLA3x1fTZPBg2RRguBQnJcnU059yKr+bydkntjg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/android-arm64@0.17.12:
     resolution: {integrity: sha512-WQ9p5oiXXYJ33F2EkE3r0FRDFVpEdcDiwNX3u7Xaibxfx6vQE0Sb8ytrfQsA5WO6kDn6mDfKLh6KrPBjvkk7xA==}
     engines: {node: '>=12'}
@@ -1456,14 +1414,6 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/android-arm64@0.17.14:
-    resolution: {integrity: sha512-eLOpPO1RvtsP71afiFTvS7tVFShJBCT0txiv/xjFBo5a7R7Gjw7X0IgIaFoLKhqXYAXhahoXm7qAmRXhY4guJg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    optional: true
-
   /@esbuild/android-arm64@0.17.15:
     resolution: {integrity: sha512-0kOB6Y7Br3KDVgHeg8PRcvfLkq+AccreK///B4Z6fNZGr/tNHX0z2VywCc7PTeWp+bPvjA5WMvNXltHw5QjAIA==}
     engines: {node: '>=12'}
@@ -1481,15 +1431,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-arm@0.17.11:
-    resolution: {integrity: sha512-CdyX6sRVh1NzFCsf5vw3kULwlAhfy9wVt8SZlrhQ7eL2qBjGbFhRBWkkAzuZm9IIEOCKJw4DXA6R85g+qc8RDw==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/android-arm@0.17.12:
     resolution: {integrity: sha512-E/sgkvwoIfj4aMAPL2e35VnUJspzVYl7+M1B2cqeubdBhADV4uPon0KCc8p2G+LqSJ6i8ocYPCqY3A4GGq0zkQ==}
     engines: {node: '>=12'}
@@ -1498,14 +1439,6 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/android-arm@0.17.14:
-    resolution: {integrity: sha512-0CnlwnjDU8cks0yJLXfkaU/uoLyRf9VZJs4p1PskBr2AlAHeEsFEwJEo0of/Z3g+ilw5mpyDwThlxzNEIxOE4g==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    optional: true
-
   /@esbuild/android-arm@0.17.15:
     resolution: {integrity: sha512-sRSOVlLawAktpMvDyJIkdLI/c/kdRTOqo8t6ImVxg8yT7LQDUYV5Rp2FKeEosLr6ZCja9UjYAzyRSxGteSJPYg==}
     engines: {node: '>=12'}
@@ -1514,8 +1447,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/android-x64@0.17.14:
-    resolution: {integrity: sha512-nrfQYWBfLGfSGLvRVlt6xi63B5IbfHm3tZCdu/82zuFPQ7zez4XjmRtF/wIRYbJQ/DsZrxJdEvYFE67avYXyng==}
+  /@esbuild/android-x64@0.17.12:
+    resolution: {integrity: sha512-m4OsaCr5gT+se25rFPHKQXARMyAehHTQAz4XX1Vk3d27VtqiX0ALMBPoXZsGaB6JYryCLfgGwUslMqTfqeLU0w==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
@@ -1530,8 +1463,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/darwin-arm64@0.17.14:
-    resolution: {integrity: sha512-eoSjEuDsU1ROwgBH/c+fZzuSyJUVXQTOIN9xuLs9dE/9HbV/A5IqdXHU1p2OfIMwBwOYJ9SFVGGldxeRCUJFyw==}
+  /@esbuild/darwin-arm64@0.17.12:
+    resolution: {integrity: sha512-O3GCZghRIx+RAN0NDPhyyhRgwa19MoKlzGonIb5hgTj78krqp9XZbYCvFr9N1eUxg0ZQEpiiZ4QvsOQwBpP+lg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
@@ -1546,8 +1479,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/darwin-x64@0.17.14:
-    resolution: {integrity: sha512-zN0U8RWfrDttdFNkHqFYZtOH8hdi22z0pFm0aIJPsNC4QQZv7je8DWCX5iA4Zx6tRhS0CCc0XC2m7wKsbWEo5g==}
+  /@esbuild/darwin-x64@0.17.12:
+    resolution: {integrity: sha512-5D48jM3tW27h1qjaD9UNRuN+4v0zvksqZSPZqeSWggfMlsVdAhH3pwSfQIFJwcs9QJ9BRibPS4ViZgs3d2wsCA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -1562,8 +1495,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/freebsd-arm64@0.17.14:
-    resolution: {integrity: sha512-z0VcD4ibeZWVQCW1O7szaLxGsx54gcCnajEJMdYoYjLiq4g1jrP2lMq6pk71dbS5+7op/L2Aod+erw+EUr28/A==}
+  /@esbuild/freebsd-arm64@0.17.12:
+    resolution: {integrity: sha512-OWvHzmLNTdF1erSvrfoEBGlN94IE6vCEaGEkEH29uo/VoONqPnoDFfShi41Ew+yKimx4vrmmAJEGNoyyP+OgOQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -1578,8 +1511,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/freebsd-x64@0.17.14:
-    resolution: {integrity: sha512-hd9mPcxfTgJlolrPlcXkQk9BMwNBvNBsVaUe5eNUqXut6weDQH8whcNaKNF2RO8NbpT6GY8rHOK2A9y++s+ehw==}
+  /@esbuild/freebsd-x64@0.17.12:
+    resolution: {integrity: sha512-A0Xg5CZv8MU9xh4a+7NUpi5VHBKh1RaGJKqjxe4KG87X+mTjDE6ZvlJqpWoeJxgfXHT7IMP9tDFu7IZ03OtJAw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -1594,8 +1527,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-arm64@0.17.14:
-    resolution: {integrity: sha512-FhAMNYOq3Iblcj9i+K0l1Fp/MHt+zBeRu/Qkf0LtrcFu3T45jcwB6A1iMsemQ42vR3GBhjNZJZTaCe3VFPbn9g==}
+  /@esbuild/linux-arm64@0.17.12:
+    resolution: {integrity: sha512-cK3AjkEc+8v8YG02hYLQIQlOznW+v9N+OI9BAFuyqkfQFR+DnDLhEM5N8QRxAUz99cJTo1rLNXqRrvY15gbQUg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -1610,8 +1543,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-arm@0.17.14:
-    resolution: {integrity: sha512-BNTl+wSJ1omsH8s3TkQmIIIQHwvwJrU9u1ggb9XU2KTVM4TmthRIVyxSp2qxROJHhZuW/r8fht46/QE8hU8Qvg==}
+  /@esbuild/linux-arm@0.17.12:
+    resolution: {integrity: sha512-WsHyJ7b7vzHdJ1fv67Yf++2dz3D726oO3QCu8iNYik4fb5YuuReOI9OtA+n7Mk0xyQivNTPbl181s+5oZ38gyA==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -1626,8 +1559,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-ia32@0.17.14:
-    resolution: {integrity: sha512-91OK/lQ5y2v7AsmnFT+0EyxdPTNhov3y2CWMdizyMfxSxRqHazXdzgBKtlmkU2KYIc+9ZK3Vwp2KyXogEATYxQ==}
+  /@esbuild/linux-ia32@0.17.12:
+    resolution: {integrity: sha512-jdOBXJqcgHlah/nYHnj3Hrnl9l63RjtQ4vn9+bohjQPI2QafASB5MtHAoEv0JQHVb/xYQTFOeuHnNYE1zF7tYw==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -1651,15 +1584,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-loong64@0.17.11:
-    resolution: {integrity: sha512-aCWlq70Q7Nc9WDnormntGS1ar6ZFvUpqr8gXtO+HRejRYPweAFQN615PcgaSJkZjhHp61+MNLhzyVALSF2/Q0g==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/linux-loong64@0.17.12:
     resolution: {integrity: sha512-GTOEtj8h9qPKXCyiBBnHconSCV9LwFyx/gv3Phw0pa25qPYjVuuGZ4Dk14bGCfGX3qKF0+ceeQvwmtI+aYBbVA==}
     engines: {node: '>=12'}
@@ -1668,14 +1592,6 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-loong64@0.17.14:
-    resolution: {integrity: sha512-vp15H+5NR6hubNgMluqqKza85HcGJgq7t6rMH7O3Y6ApiOWPkvW2AJfNojUQimfTp6OUrACUXfR4hmpcENXoMQ==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    optional: true
-
   /@esbuild/linux-loong64@0.17.15:
     resolution: {integrity: sha512-k7FsUJjGGSxwnBmMh8d7IbObWu+sF/qbwc+xKZkBe/lTAF16RqxRCnNHA7QTd3oS2AfGBAnHlXL67shV5bBThQ==}
     engines: {node: '>=12'}
@@ -1684,8 +1600,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-mips64el@0.17.14:
-    resolution: {integrity: sha512-90TOdFV7N+fgi6c2+GO9ochEkmm9kBAKnuD5e08GQMgMINOdOFHuYLPQ91RYVrnWwQ5683sJKuLi9l4SsbJ7Hg==}
+  /@esbuild/linux-mips64el@0.17.12:
+    resolution: {integrity: sha512-o8CIhfBwKcxmEENOH9RwmUejs5jFiNoDw7YgS0EJTF6kgPgcqLFjgoc5kDey5cMHRVCIWc6kK2ShUePOcc7RbA==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -1700,8 +1616,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-ppc64@0.17.14:
-    resolution: {integrity: sha512-NnBGeoqKkTugpBOBZZoktQQ1Yqb7aHKmHxsw43NddPB2YWLAlpb7THZIzsRsTr0Xw3nqiPxbA1H31ZMOG+VVPQ==}
+  /@esbuild/linux-ppc64@0.17.12:
+    resolution: {integrity: sha512-biMLH6NR/GR4z+ap0oJYb877LdBpGac8KfZoEnDiBKd7MD/xt8eaw1SFfYRUeMVx519kVkAOL2GExdFmYnZx3A==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -1716,8 +1632,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-riscv64@0.17.14:
-    resolution: {integrity: sha512-0qdlKScLXA8MGVy21JUKvMzCYWovctuP8KKqhtE5A6IVPq4onxXhSuhwDd2g5sRCzNDlDjitc5sX31BzDoL5Fw==}
+  /@esbuild/linux-riscv64@0.17.12:
+    resolution: {integrity: sha512-jkphYUiO38wZGeWlfIBMB72auOllNA2sLfiZPGDtOBb1ELN8lmqBrlMiucgL8awBw1zBXN69PmZM6g4yTX84TA==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -1732,8 +1648,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-s390x@0.17.14:
-    resolution: {integrity: sha512-Hdm2Jo1yaaOro4v3+6/zJk6ygCqIZuSDJHdHaf8nVH/tfOuoEX5Riv03Ka15LmQBYJObUTNS1UdyoMk0WUn9Ww==}
+  /@esbuild/linux-s390x@0.17.12:
+    resolution: {integrity: sha512-j3ucLdeY9HBcvODhCY4b+Ds3hWGO8t+SAidtmWu/ukfLLG/oYDMaA+dnugTVAg5fnUOGNbIYL9TOjhWgQB8W5g==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -1748,8 +1664,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/linux-x64@0.17.14:
-    resolution: {integrity: sha512-8KHF17OstlK4DuzeF/KmSgzrTWQrkWj5boluiiq7kvJCiQVzUrmSkaBvcLB2UgHpKENO2i6BthPkmUhNDaJsVw==}
+  /@esbuild/linux-x64@0.17.12:
+    resolution: {integrity: sha512-uo5JL3cgaEGotaqSaJdRfFNSCUJOIliKLnDGWaVCgIKkHxwhYMm95pfMbWZ9l7GeW9kDg0tSxcy9NYdEtjwwmA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -1764,21 +1680,20 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/netbsd-x64@0.17.14:
-    resolution: {integrity: sha512-nVwpqvb3yyXztxIT2+VsxJhB5GCgzPdk1n0HHSnchRAcxqKO6ghXwHhJnr0j/B+5FSyEqSxF4q03rbA2fKXtUQ==}
+  /@esbuild/netbsd-x64@0.17.12:
+    resolution: {integrity: sha512-DNdoRg8JX+gGsbqt2gPgkgb00mqOgOO27KnrWZtdABl6yWTST30aibGJ6geBq3WM2TIeW6COs5AScnC7GwtGPg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
     optional: true
 
-  /@esbuild/openbsd-x64@0.17.11:
-    resolution: {integrity: sha512-UBj135Nx4FpnvtE+C8TWGp98oUgBcmNmdYgl5ToKc0mBHxVVqVE7FUS5/ELMImOp205qDAittL6Ezhasc2Ev/w==}
+  /@esbuild/netbsd-x64@0.17.15:
+    resolution: {integrity: sha512-R6fKjtUysYGym6uXf6qyNephVUQAGtf3n2RCsOST/neIwPqRWcnc3ogcielOd6pT+J0RDR1RGcy0ZY7d3uHVLA==}
     engines: {node: '>=12'}
     cpu: [x64]
-    os: [openbsd]
+    os: [netbsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/openbsd-x64@0.17.12:
@@ -1789,23 +1704,14 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/openbsd-x64@0.17.14:
-    resolution: {integrity: sha512-1RZ7uQQ9zcy/GSAJL1xPdN7NDdOOtNEGiJalg/MOzeakZeTrgH/DoCkbq7TaPDiPhWqnDF+4bnydxRqQD7il6g==}
+  /@esbuild/openbsd-x64@0.17.15:
+    resolution: {integrity: sha512-mVD4PGc26b8PI60QaPUltYKeSX0wxuy0AltC+WCTFwvKCq2+OgLP4+fFd+hZXzO2xW1HPKcytZBdjqL6FQFa7w==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
     optional: true
 
-  /@esbuild/sunos-x64@0.17.11:
-    resolution: {integrity: sha512-1/gxTifDC9aXbV2xOfCbOceh5AlIidUrPsMpivgzo8P8zUtczlq1ncFpeN1ZyQJ9lVs2hILy1PG5KPp+w8QPPg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/sunos-x64@0.17.12:
     resolution: {integrity: sha512-qbHGVQdKSwi0JQJuZznS4SyY27tYXYF0mrgthbxXrZI3AHKuRvU+Eqbg/F0rmLDpW/jkIZBlCO1XfHUBMNJ1pg==}
     engines: {node: '>=12'}
@@ -1814,23 +1720,14 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/sunos-x64@0.17.14:
-    resolution: {integrity: sha512-nqMjDsFwv7vp7msrwWRysnM38Sd44PKmW8EzV01YzDBTcTWUpczQg6mGao9VLicXSgW/iookNK6AxeogNVNDZA==}
+  /@esbuild/sunos-x64@0.17.15:
+    resolution: {integrity: sha512-U6tYPovOkw3459t2CBwGcFYfFRjivcJJc1WC8Q3funIwX8x4fP+R6xL/QuTPNGOblbq/EUDxj9GU+dWKX0oWlQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
     optional: true
 
-  /@esbuild/win32-arm64@0.17.11:
-    resolution: {integrity: sha512-vtSfyx5yRdpiOW9yp6Ax0zyNOv9HjOAw8WaZg3dF5djEHKKm3UnoohftVvIJtRh0Ec7Hso0RIdTqZvPXJ7FdvQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/win32-arm64@0.17.12:
     resolution: {integrity: sha512-zsCp8Ql+96xXTVTmm6ffvoTSZSV2B/LzzkUXAY33F/76EajNw1m+jZ9zPfNJlJ3Rh4EzOszNDHsmG/fZOhtqDg==}
     engines: {node: '>=12'}
@@ -1839,72 +1736,6 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/win32-arm64@0.17.14:
-    resolution: {integrity: sha512-xrD0mccTKRBBIotrITV7WVQAwNJ5+1va6L0H9zN92v2yEdjfAN7864cUaZwJS7JPEs53bDTzKFbfqVlG2HhyKQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/win32-ia32@0.17.11:
-    resolution: {integrity: sha512-GFPSLEGQr4wHFTiIUJQrnJKZhZjjq4Sphf+mM76nQR6WkQn73vm7IsacmBRPkALfpOCHsopSvLgqdd4iUW2mYw==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/netbsd-x64@0.17.15:
-    resolution: {integrity: sha512-R6fKjtUysYGym6uXf6qyNephVUQAGtf3n2RCsOST/neIwPqRWcnc3ogcielOd6pT+J0RDR1RGcy0ZY7d3uHVLA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/openbsd-x64@0.17.14:
-    resolution: {integrity: sha512-1RZ7uQQ9zcy/GSAJL1xPdN7NDdOOtNEGiJalg/MOzeakZeTrgH/DoCkbq7TaPDiPhWqnDF+4bnydxRqQD7il6g==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/openbsd-x64@0.17.15:
-    resolution: {integrity: sha512-mVD4PGc26b8PI60QaPUltYKeSX0wxuy0AltC+WCTFwvKCq2+OgLP4+fFd+hZXzO2xW1HPKcytZBdjqL6FQFa7w==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/sunos-x64@0.17.14:
-    resolution: {integrity: sha512-nqMjDsFwv7vp7msrwWRysnM38Sd44PKmW8EzV01YzDBTcTWUpczQg6mGao9VLicXSgW/iookNK6AxeogNVNDZA==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/sunos-x64@0.17.15:
-    resolution: {integrity: sha512-U6tYPovOkw3459t2CBwGcFYfFRjivcJJc1WC8Q3funIwX8x4fP+R6xL/QuTPNGOblbq/EUDxj9GU+dWKX0oWlQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    optional: true
-
-  /@esbuild/win32-arm64@0.17.14:
-    resolution: {integrity: sha512-xrD0mccTKRBBIotrITV7WVQAwNJ5+1va6L0H9zN92v2yEdjfAN7864cUaZwJS7JPEs53bDTzKFbfqVlG2HhyKQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/win32-arm64@0.17.15:
     resolution: {integrity: sha512-W+Z5F++wgKAleDABemiyXVnzXgvRFs+GVKThSI+mGgleLWluv0D7Diz4oQpgdpNzh4i2nNDzQtWbjJiqutRp6Q==}
     engines: {node: '>=12'}
@@ -1913,10 +1744,10 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/win32-ia32@0.17.14:
-    resolution: {integrity: sha512-nXpkz9bbJrLLyUTYtRotSS3t5b+FOuljg8LgLdINWFs3FfqZMtbnBCZFUmBzQPyxqU87F8Av+3Nco/M3hEcu1w==}
+  /@esbuild/win32-ia32@0.17.12:
+    resolution: {integrity: sha512-FfrFjR4id7wcFYOdqbDfDET3tjxCozUgbqdkOABsSFzoZGFC92UK7mg4JKRc/B3NNEf1s2WHxJ7VfTdVDPN3ng==}
     engines: {node: '>=12'}
-    cpu: [x64]
+    cpu: [ia32]
     os: [win32]
     requiresBuild: true
     optional: true
@@ -1929,8 +1760,8 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@esbuild/win32-x64@0.17.14:
-    resolution: {integrity: sha512-gPQmsi2DKTaEgG14hc3CHXHp62k8g6qr0Pas+I4lUxRMugGSATh/Bi8Dgusoz9IQ0IfdrvLpco6kujEIBoaogA==}
+  /@esbuild/win32-x64@0.17.12:
+    resolution: {integrity: sha512-JOOxw49BVZx2/5tW3FqkdjSD/5gXYeVGPDcB0lvap0gLQshkh1Nyel1QazC+wNxus3xPlsYAgqU1BUmrmCvWtw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -2267,19 +2098,6 @@ packages:
   /@polka/url@1.0.0-next.21:
     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
 
-  /@rollup/plugin-alias@4.0.3(rollup@3.19.1):
-    resolution: {integrity: sha512-ZuDWE1q4PQDhvm/zc5Prun8sBpLJy41DMptYrS6MhAy9s9kL/doN1613BWfEchGVfKxzliJ3BjbOPizXX38DbQ==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-    dependencies:
-      rollup: 3.19.1
-      slash: 4.0.0
-    dev: true
-
   /@rollup/plugin-alias@4.0.3(rollup@3.20.2):
     resolution: {integrity: sha512-ZuDWE1q4PQDhvm/zc5Prun8sBpLJy41DMptYrS6MhAy9s9kL/doN1613BWfEchGVfKxzliJ3BjbOPizXX38DbQ==}
     engines: {node: '>=14.0.0'}
@@ -2292,24 +2110,6 @@ packages:
       rollup: 3.20.2
       slash: 4.0.0
 
-  /@rollup/plugin-commonjs@24.0.1(rollup@3.19.1):
-    resolution: {integrity: sha512-15LsiWRZk4eOGqvrJyu3z3DaBu5BhXIMeWnijSRvd8irrrg9SHpQ1pH+BUK4H6Z9wL9yOxZJMTLU+Au86XHxow==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.68.0||^3.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-    dependencies:
-      '@rollup/pluginutils': 5.0.2(rollup@3.19.1)
-      commondir: 1.0.1
-      estree-walker: 2.0.2
-      glob: 8.1.0
-      is-reference: 1.2.1
-      magic-string: 0.30.0
-      rollup: 3.19.1
-    dev: true
-
   /@rollup/plugin-commonjs@24.0.1(rollup@3.20.2):
     resolution: {integrity: sha512-15LsiWRZk4eOGqvrJyu3z3DaBu5BhXIMeWnijSRvd8irrrg9SHpQ1pH+BUK4H6Z9wL9yOxZJMTLU+Au86XHxow==}
     engines: {node: '>=14.0.0'}
@@ -2341,19 +2141,6 @@ packages:
       magic-string: 0.30.0
       rollup: 3.20.2
 
-  /@rollup/plugin-json@6.0.0(rollup@3.19.1):
-    resolution: {integrity: sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-    dependencies:
-      '@rollup/pluginutils': 5.0.2(rollup@3.19.1)
-      rollup: 3.19.1
-    dev: true
-
   /@rollup/plugin-json@6.0.0(rollup@3.20.2):
     resolution: {integrity: sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==}
     engines: {node: '>=14.0.0'}
@@ -2366,24 +2153,6 @@ packages:
       '@rollup/pluginutils': 5.0.2(rollup@3.20.2)
       rollup: 3.20.2
 
-  /@rollup/plugin-node-resolve@15.0.1(rollup@3.19.1):
-    resolution: {integrity: sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.78.0||^3.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-    dependencies:
-      '@rollup/pluginutils': 5.0.2(rollup@3.19.1)
-      '@types/resolve': 1.20.2
-      deepmerge: 4.3.0
-      is-builtin-module: 3.2.1
-      is-module: 1.0.0
-      resolve: 1.22.1
-      rollup: 3.19.1
-    dev: true
-
   /@rollup/plugin-node-resolve@15.0.1(rollup@3.20.2):
     resolution: {integrity: sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==}
     engines: {node: '>=14.0.0'}
@@ -2401,20 +2170,6 @@ packages:
       resolve: 1.22.1
       rollup: 3.20.2
 
-  /@rollup/plugin-replace@5.0.2(rollup@3.19.1):
-    resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-    dependencies:
-      '@rollup/pluginutils': 5.0.2(rollup@3.19.1)
-      magic-string: 0.30.0
-      rollup: 3.19.1
-    dev: true
-
   /@rollup/plugin-replace@5.0.2(rollup@3.20.2):
     resolution: {integrity: sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==}
     engines: {node: '>=14.0.0'}
@@ -2460,20 +2215,6 @@ packages:
       estree-walker: 2.0.2
       picomatch: 2.3.1
 
-  /@rollup/pluginutils@5.0.2(rollup@3.19.1):
-    resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-    dependencies:
-      '@types/estree': 1.0.0
-      estree-walker: 2.0.2
-      picomatch: 2.3.1
-      rollup: 3.19.1
-
   /@rollup/pluginutils@5.0.2(rollup@3.20.2):
     resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==}
     engines: {node: '>=14.0.0'}
@@ -3150,14 +2891,6 @@ packages:
       vite: 4.2.1(@types/node@18.15.11)
       vue: 3.2.47
 
-  /@vitest/expect@0.29.7:
-    resolution: {integrity: sha512-UtG0tW0DP6b3N8aw7PHmweKDsvPv4wjGvrVZW7OSxaFg76ShtVdMiMcUkZJgCE8QWUmhwaM0aQhbbVLo4F4pkA==}
-    dependencies:
-      '@vitest/spy': 0.29.7
-      '@vitest/utils': 0.29.7
-      chai: 4.3.7
-    dev: true
-
   /@vitest/expect@0.29.8:
     resolution: {integrity: sha512-xlcVXn5I5oTq6NiZSY3ykyWixBxr5mG8HYtjvpgg6KaqHm0mvhX18xuwl5YGxIRNt/A5jidd7CWcNHrSvgaQqQ==}
     dependencies:
@@ -3166,14 +2899,6 @@ packages:
       chai: 4.3.7
     dev: true
 
-  /@vitest/runner@0.29.7:
-    resolution: {integrity: sha512-Yt0+csM945+odOx4rjZSjibQfl2ymxqVsmYz6sO2fiO5RGPYDFCo60JF6tLL9pz4G/kjY4irUxadeB1XT+H1jg==}
-    dependencies:
-      '@vitest/utils': 0.29.7
-      p-limit: 4.0.0
-      pathe: 1.1.0
-    dev: true
-
   /@vitest/runner@0.29.8:
     resolution: {integrity: sha512-FzdhnRDwEr/A3Oo1jtIk/B952BBvP32n1ObMEb23oEJNO+qO5cBet6M2XWIDQmA7BDKGKvmhUf2naXyp/2JEwQ==}
     dependencies:
@@ -3182,27 +2907,12 @@ packages:
       pathe: 1.1.0
     dev: true
 
-  /@vitest/spy@0.29.7:
-    resolution: {integrity: sha512-IalL0iO6A6Xz8hthR8sctk6ZS//zVBX48EiNwQguYACdgdei9ZhwMaBFV70mpmeYAFCRAm+DpoFHM5470Im78A==}
-    dependencies:
-      tinyspy: 1.1.1
-    dev: true
-
   /@vitest/spy@0.29.8:
     resolution: {integrity: sha512-VdjBe9w34vOMl5I5mYEzNX8inTxrZ+tYUVk9jxaZJmHFwmDFC/GV3KBFTA/JKswr3XHvZL+FE/yq5EVhb6pSAw==}
     dependencies:
       tinyspy: 1.1.1
     dev: true
 
-  /@vitest/utils@0.29.7:
-    resolution: {integrity: sha512-vNgGadp2eE5XKCXtZXL5UyNEDn68npSct75OC9AlELenSK0DiV1Mb9tfkwJHKjRb69iek+e79iipoJx8+s3SdA==}
-    dependencies:
-      cli-truncate: 3.1.0
-      diff: 5.1.0
-      loupe: 2.3.6
-      pretty-format: 27.5.1
-    dev: true
-
   /@vitest/utils@0.29.8:
     resolution: {integrity: sha512-qGzuf3vrTbnoY+RjjVVIBYfuWMjn3UMUqyQtdGNZ6ZIIyte7B37exj6LaVkrZiUTvzSadVvO/tJm8AEgbGCBPg==}
     dependencies:
@@ -3255,8 +2965,8 @@ packages:
       '@babel/helper-module-imports': 7.18.6
       '@babel/plugin-syntax-jsx': 7.18.6(@babel/core@7.21.3)
       '@babel/template': 7.20.7
-      '@babel/traverse': 7.21.3
-      '@babel/types': 7.21.3
+      '@babel/traverse': 7.21.4
+      '@babel/types': 7.21.4
       '@vue/babel-helper-vue-transform-on': 1.0.2
       camelcase: 6.3.0
       html-tags: 3.2.0
@@ -3268,7 +2978,7 @@ packages:
   /@vue/compiler-core@3.2.47:
     resolution: {integrity: sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==}
     dependencies:
-      '@babel/parser': 7.21.3
+      '@babel/parser': 7.21.4
       '@vue/shared': 3.2.47
       estree-walker: 2.0.2
       source-map: 0.6.1
@@ -3306,7 +3016,7 @@ packages:
   /@vue/reactivity-transform@3.2.47:
     resolution: {integrity: sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==}
     dependencies:
-      '@babel/parser': 7.21.3
+      '@babel/parser': 7.21.4
       '@vue/compiler-core': 3.2.47
       '@vue/shared': 3.2.47
       estree-walker: 2.0.2
@@ -5096,36 +4806,6 @@ packages:
       esbuild-windows-arm64: 0.15.18
     dev: true
 
-  /esbuild@0.17.11:
-    resolution: {integrity: sha512-pAMImyokbWDtnA/ufPxjQg0fYo2DDuzAlqwnDvbXqHLphe+m80eF++perYKVm8LeTuj2zUuFXC+xgSVxyoHUdg==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/android-arm': 0.17.11
-      '@esbuild/android-arm64': 0.17.11
-      '@esbuild/android-x64': 0.17.11
-      '@esbuild/darwin-arm64': 0.17.11
-      '@esbuild/darwin-x64': 0.17.11
-      '@esbuild/freebsd-arm64': 0.17.11
-      '@esbuild/freebsd-x64': 0.17.11
-      '@esbuild/linux-arm': 0.17.11
-      '@esbuild/linux-arm64': 0.17.11
-      '@esbuild/linux-ia32': 0.17.11
-      '@esbuild/linux-loong64': 0.17.11
-      '@esbuild/linux-mips64el': 0.17.11
-      '@esbuild/linux-ppc64': 0.17.11
-      '@esbuild/linux-riscv64': 0.17.11
-      '@esbuild/linux-s390x': 0.17.11
-      '@esbuild/linux-x64': 0.17.11
-      '@esbuild/netbsd-x64': 0.17.11
-      '@esbuild/openbsd-x64': 0.17.11
-      '@esbuild/sunos-x64': 0.17.11
-      '@esbuild/win32-arm64': 0.17.11
-      '@esbuild/win32-ia32': 0.17.11
-      '@esbuild/win32-x64': 0.17.11
-    dev: true
-
   /esbuild@0.17.12:
     resolution: {integrity: sha512-bX/zHl7Gn2CpQwcMtRogTTBf9l1nl+H6R8nUbjk+RuKqAE3+8FDulLA+pHvX7aA7Xe07Iwa+CWvy9I8Y2qqPKQ==}
     engines: {node: '>=12'}
@@ -5155,35 +4835,6 @@ packages:
       '@esbuild/win32-ia32': 0.17.12
       '@esbuild/win32-x64': 0.17.12
 
-  /esbuild@0.17.14:
-    resolution: {integrity: sha512-vOO5XhmVj/1XQR9NQ1UPq6qvMYL7QFJU57J5fKBKBKxp17uDt5PgxFDb4A2nEiXhr1qQs4x0F5+66hVVw4ruNw==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/android-arm': 0.17.14
-      '@esbuild/android-arm64': 0.17.14
-      '@esbuild/android-x64': 0.17.14
-      '@esbuild/darwin-arm64': 0.17.14
-      '@esbuild/darwin-x64': 0.17.14
-      '@esbuild/freebsd-arm64': 0.17.14
-      '@esbuild/freebsd-x64': 0.17.14
-      '@esbuild/linux-arm': 0.17.14
-      '@esbuild/linux-arm64': 0.17.14
-      '@esbuild/linux-ia32': 0.17.14
-      '@esbuild/linux-loong64': 0.17.14
-      '@esbuild/linux-mips64el': 0.17.14
-      '@esbuild/linux-ppc64': 0.17.14
-      '@esbuild/linux-riscv64': 0.17.14
-      '@esbuild/linux-s390x': 0.17.14
-      '@esbuild/linux-x64': 0.17.14
-      '@esbuild/netbsd-x64': 0.17.14
-      '@esbuild/openbsd-x64': 0.17.14
-      '@esbuild/sunos-x64': 0.17.14
-      '@esbuild/win32-arm64': 0.17.14
-      '@esbuild/win32-ia32': 0.17.14
-      '@esbuild/win32-x64': 0.17.14
-
   /esbuild@0.17.15:
     resolution: {integrity: sha512-LBUV2VsUIc/iD9ME75qhT4aJj0r75abCVS0jakhFzOtR7TQsqQA5w0tZ+KTKnwl3kXE0MhskNdHDh/I5aCR1Zw==}
     engines: {node: '>=12'}
@@ -6188,10 +5839,6 @@ packages:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
 
-  /hookable@5.5.1:
-    resolution: {integrity: sha512-ac50aYjbtRMMZEtTG0qnVaBDA+1lqL9fHzDnxMQlVuO6LZWcBB7NXjIu9H9iImClewNdrit4RiEzi9QpRTgKrg==}
-    dev: true
-
   /hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
@@ -7103,7 +6750,7 @@ packages:
     resolution: {integrity: sha512-UTqu/bXmIk/+VKNVgufAeMyjUcNy1dn9Bl7wL1zZlCKVrpDgj/VllmZBeh3ZCC/2HWqUrt6frNFTKt9TRZbNvQ==}
     hasBin: true
     peerDependencies:
-      sass: ^1.58.3
+      sass: ^1.60.0
       typescript: '>=4.9.5'
     peerDependenciesMeta:
       sass:
@@ -7546,7 +7193,7 @@ packages:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
     dependencies:
-      '@babel/code-frame': 7.18.6
+      '@babel/code-frame': 7.21.4
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -8321,13 +7968,6 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /rollup@3.19.1:
-    resolution: {integrity: sha512-lAbrdN7neYCg/8WaoWn/ckzCtz+jr70GFfYdlf50OF7387HTg+wiuiqJRFYawwSPpqfqDNYqK7smY/ks2iAudg==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-
   /rollup@3.20.0:
     resolution: {integrity: sha512-YsIfrk80NqUDrxrjWPXUa7PWvAfegZEXHuPsEZg58fGCdjL1I9C1i/NaG+L+27kxxwkrG/QEDEQc8s/ynXWWGQ==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
@@ -9084,18 +8724,18 @@ packages:
     resolution: {integrity: sha512-GcolNMBatav7FbRdLDR8BMbnYWMoKfxXdJIHibpBtx3GERN4GbbUD5h4RfGIFi+mjWPz4AphSz5gIg9FWNWw3Q==}
     hasBin: true
     dependencies:
-      '@rollup/plugin-alias': 4.0.3(rollup@3.19.1)
-      '@rollup/plugin-commonjs': 24.0.1(rollup@3.19.1)
-      '@rollup/plugin-json': 6.0.0(rollup@3.19.1)
-      '@rollup/plugin-node-resolve': 15.0.1(rollup@3.19.1)
-      '@rollup/plugin-replace': 5.0.2(rollup@3.19.1)
-      '@rollup/pluginutils': 5.0.2(rollup@3.19.1)
+      '@rollup/plugin-alias': 4.0.3(rollup@3.20.2)
+      '@rollup/plugin-commonjs': 24.0.1(rollup@3.20.2)
+      '@rollup/plugin-json': 6.0.0(rollup@3.20.2)
+      '@rollup/plugin-node-resolve': 15.0.1(rollup@3.20.2)
+      '@rollup/plugin-replace': 5.0.2(rollup@3.20.2)
+      '@rollup/pluginutils': 5.0.2(rollup@3.20.2)
       chalk: 5.2.0
       consola: 2.15.3
       defu: 6.1.2
-      esbuild: 0.17.11
+      esbuild: 0.17.15
       globby: 13.1.3
-      hookable: 5.5.1
+      hookable: 5.5.3
       jiti: 1.18.2
       magic-string: 0.30.0
       mkdist: 1.2.0(typescript@5.0.3)
@@ -9158,24 +8798,6 @@ packages:
       hookable: 5.5.3
     dev: false
 
-  /unimport@3.0.4(rollup@3.19.1):
-    resolution: {integrity: sha512-eoof/HLiNJcIkVpnqc7sJbzKSLx39J6xTaP7E4ElgVQKeq2t9fPTkvJKcA55IJTaRPkEkDq8kcc/IZPmrypnFg==}
-    dependencies:
-      '@rollup/pluginutils': 5.0.2(rollup@3.19.1)
-      escape-string-regexp: 5.0.0
-      fast-glob: 3.2.12
-      local-pkg: 0.4.3
-      magic-string: 0.30.0
-      mlly: 1.2.0
-      pathe: 1.1.0
-      pkg-types: 1.0.2
-      scule: 1.0.0
-      strip-literal: 1.0.1
-      unplugin: 1.3.1
-    transitivePeerDependencies:
-      - rollup
-    dev: false
-
   /unimport@3.0.4(rollup@3.20.2):
     resolution: {integrity: sha512-eoof/HLiNJcIkVpnqc7sJbzKSLx39J6xTaP7E4ElgVQKeq2t9fPTkvJKcA55IJTaRPkEkDq8kcc/IZPmrypnFg==}
     dependencies:
@@ -9305,9 +8927,9 @@ packages:
     resolution: {integrity: sha512-z219Z65rOGD6jXIvIhpZFfwWdqQckB8sdZec2NO+TkcH1Bph7gL0hwLzRJs1KsOo4Jz4mF9guBXhsEnyEBGVfw==}
     hasBin: true
     dependencies:
-      '@babel/core': 7.21.3
+      '@babel/core': 7.21.4
       '@babel/standalone': 7.21.3
-      '@babel/types': 7.21.3
+      '@babel/types': 7.21.4
       defu: 6.1.2
       jiti: 1.18.2
       mri: 1.2.0
@@ -9377,27 +8999,6 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-node@0.29.7(@types/node@18.15.11):
-    resolution: {integrity: sha512-PakCZLvz37yFfUPWBnLa1OYHPCGm5v4pmRrTcFN4V/N/T3I6tyP3z07S//9w+DdeL7vVd0VSeyMZuAh+449ZWw==}
-    engines: {node: '>=v14.16.0'}
-    hasBin: true
-    dependencies:
-      cac: 6.7.14
-      debug: 4.3.4
-      mlly: 1.2.0
-      pathe: 1.1.0
-      picocolors: 1.0.0
-      vite: 4.2.1(@types/node@18.15.11)
-    transitivePeerDependencies:
-      - '@types/node'
-      - less
-      - sass
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-    dev: true
-
   /vite-node@0.29.8(@types/node@18.15.11):
     resolution: {integrity: sha512-b6OtCXfk65L6SElVM20q5G546yu10/kNrhg08afEoWlFRJXFq9/6glsvSVY+aI6YeC1tu2TtAqI2jHEQmOmsFw==}
     engines: {node: '>=v14.16.0'}
@@ -9538,67 +9139,6 @@ packages:
     optionalDependencies:
       fsevents: 2.3.2
 
-  /vitest@0.29.7:
-    resolution: {integrity: sha512-aWinOSOu4jwTuZHkb+cCyrqQ116Q9TXaJrNKTHudKBknIpR0VplzeaOUuDF9jeZcrbtQKZQt6yrtd+eakbaxHg==}
-    engines: {node: '>=v14.16.0'}
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@vitest/browser': '*'
-      '@vitest/ui': '*'
-      happy-dom: '*'
-      jsdom: '*'
-      safaridriver: '*'
-      webdriverio: '*'
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@vitest/browser':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
-      safaridriver:
-        optional: true
-      webdriverio:
-        optional: true
-    dependencies:
-      '@types/chai': 4.3.4
-      '@types/chai-subset': 1.3.3
-      '@types/node': 18.15.11
-      '@vitest/expect': 0.29.7
-      '@vitest/runner': 0.29.7
-      '@vitest/spy': 0.29.7
-      '@vitest/utils': 0.29.7
-      acorn: 8.8.2
-      acorn-walk: 8.2.0
-      cac: 6.7.14
-      chai: 4.3.7
-      debug: 4.3.4
-      local-pkg: 0.4.3
-      pathe: 1.1.0
-      picocolors: 1.0.0
-      source-map: 0.6.1
-      std-env: 3.3.2
-      strip-literal: 1.0.1
-      tinybench: 2.4.0
-      tinypool: 0.4.0
-      tinyspy: 1.1.1
-      vite: 4.2.1(@types/node@18.15.11)
-      vite-node: 0.29.7(@types/node@18.15.11)
-      why-is-node-running: 2.2.2
-    transitivePeerDependencies:
-      - less
-      - sass
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-    dev: true
-
   /vitest@0.29.8(playwright@1.32.1):
     resolution: {integrity: sha512-JIAVi2GK5cvA6awGpH0HvH/gEG9PZ0a/WoxdiV3PmqK+3CjQMf8c+J/Vhv4mdZ2nRyXFw66sAg6qz7VNkaHfDQ==}
     engines: {node: '>=v14.16.0'}

From 8f4395ec3ace9de7407a8e9b0674d567c461f7dc Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Mon, 3 Apr 2023 20:53:09 +0200
Subject: [PATCH 29/63] chore: update bundle size

---
 test/bundle.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/bundle.test.ts b/test/bundle.test.ts
index 8a767d3a9f28..04c74e62dd65 100644
--- a/test/bundle.test.ts
+++ b/test/bundle.test.ts
@@ -43,7 +43,7 @@ describe.skipIf(isWindows || process.env.ECOSYSTEM_CI)('minimal nuxt application
     expect(stats.server.totalBytes).toBeLessThan(94450)
 
     const modules = await analyzeSizes('node_modules/**/*', serverDir)
-    expect(modules.totalBytes).toBeLessThan(2694900)
+    expect(modules.totalBytes).toBeLessThan(2695150)
 
     const packages = modules.files
       .filter(m => m.endsWith('package.json'))

From 0ceb7bc3a22d0ddf10fce2d71283cb88ae5b551b Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Tue, 11 Apr 2023 06:50:12 +0200
Subject: [PATCH 30/63] WIP slot state

---
 .../src/app/components/island-renderer.ts     | 12 +--
 .../nuxt/src/app/components/nuxt-island.ts    |  8 +-
 .../nuxt/src/components/islandsTransform.ts   | 74 +++++++++++++++++++
 packages/nuxt/src/components/module.ts        |  9 +++
 .../nuxt/src/core/runtime/nitro/renderer.ts   |  2 +-
 test/basic.test.ts                            | 12 +--
 .../components/islands/LongAsyncComponent.vue |  2 +-
 7 files changed, 99 insertions(+), 20 deletions(-)
 create mode 100644 packages/nuxt/src/components/islandsTransform.ts

diff --git a/packages/nuxt/src/app/components/island-renderer.ts b/packages/nuxt/src/app/components/island-renderer.ts
index 447445c2b90e..3ecf9668c3a2 100644
--- a/packages/nuxt/src/app/components/island-renderer.ts
+++ b/packages/nuxt/src/app/components/island-renderer.ts
@@ -16,15 +16,7 @@ export default defineComponent({
   setup (props) {
     const uid = props.context.uid ?? randomUUID()
     const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
-    const slots: Record<string, Function> = {}
-    if (props.context.slotsName) {
-      for (const slotName of props.context.slotsName) {
-        slots[slotName] = () => {
-          return createVNode('div', { 'v-ssr-slot-name': slotName, style: 'display: contents;' })
-        }
-      }
-    }
-
+ 
     if (!component) {
       throw createError({
         statusCode: 404,
@@ -32,6 +24,6 @@ export default defineComponent({
       })
     }
 
-    return () => createVNode(component || 'span', { ...props.context.props, 'v-ssr-component-uid': uid }, slots)
+    return () => createVNode(component || 'span', { ...props.context.props, 'nuxt-ssr-component-uid': uid })
   }
 })
diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index eee44c27b8d5..d9c29ae615a2 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -12,7 +12,7 @@ import { useNuxtApp } from '#app/nuxt'
 import { useRequestEvent } from '#app/composables/ssr'
 
 const pKey = '_islandPromises'
-const SSR_UID_RE = /v-ssr-component-uid="([^"]*)"/
+const SSR_UID_RE = /nuxt-ssr-component-uid="([^"]*)"/
 
 export default defineComponent({
   name: 'NuxtIsland',
@@ -45,6 +45,10 @@ export default defineComponent({
     }
     const cHead = ref<Record<'link' | 'style', Array<Record<string, string>>>>({ link: [], style: [] })
     useHead(cHead)
+    const slotProps = computed(() => {
+
+      return {}
+    })
 
     function _fetchComponent () {
       const url = `/__nuxt_island/${props.name}:${hashId.value}`
@@ -100,7 +104,7 @@ export default defineComponent({
       }, [h(createStaticVNode(html.value, 1))])]
       if (uid.value) {
         for (const slot in slots) {
-          nodes.push(createVNode(Teleport, { to: process.client ? `[v-ssr-component-uid='${uid.value}'] [v-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {
+          nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {
             default: () => [slots[slot]?.()]
           }))
         }
diff --git a/packages/nuxt/src/components/islandsTransform.ts b/packages/nuxt/src/components/islandsTransform.ts
new file mode 100644
index 000000000000..34ffa3aa3dab
--- /dev/null
+++ b/packages/nuxt/src/components/islandsTransform.ts
@@ -0,0 +1,74 @@
+import { pathToFileURL } from 'node:url'
+import type { Component } from '@nuxt/schema'
+import { parseURL } from 'ufo'
+import { createUnplugin } from 'unplugin'
+import MagicString from 'magic-string'
+
+interface ServerOnlyComponentTransformPluginOptions {
+    getComponents: () => Component[]
+}
+
+const ATTRS_RE = /([^=]*)="([^"]*)"/g
+
+export const islandsTransform = createUnplugin((options: ServerOnlyComponentTransformPluginOptions) => {
+  return {
+    name: 'server-only-component-transform',
+    enforce: 'pre',
+    transformInclude (id) {
+      const components = options.getComponents()
+      const islands = components.filter(component =>
+        component.island || (component.mode === 'server' && !components.some(c => c.pascalName === component.pascalName && c.mode === 'client'))
+      )
+      const { pathname } = parseURL(decodeURIComponent(pathToFileURL(id).href))
+      return islands.some(c => c.filePath === pathname) && !id.includes('NuxtIsland')
+    },
+    transform (code, id) {
+      if (!code.includes('<slot ')) { return }
+
+      const s = new MagicString(code)
+      s.replaceAll(/<slot ([^>]*)\/?>/g, (_, attrs: string) => {
+        let slotName = 'default'
+        const bindings: Record<string, string> = {}
+        const parsedAttrs = attrs.replaceAll(ATTRS_RE, (matched, name, value) => {
+          name = name.trim()
+          if (name.startsWith('v-')) {
+            return matched
+          }
+          if (name !== 'name') {
+            if (name === 'v-bind') {
+              bindings._bind = value
+            } else {
+              bindings[name] = value
+            }
+          } else {
+            slotName = value
+          }
+          return ''
+        })
+        const ssrScopeData = getBindings(bindings)
+
+        return `<div ssr-slot-name="${slotName}" ${ssrScopeData} ${parsedAttrs}>`
+      })
+      s.replaceAll('</slot>', '</div>')
+
+      if (s.hasChanged()) {
+        return {
+          code: s.toString(),
+          map: s.generateMap({ source: id, includeContent: true })
+
+        }
+      }
+    }
+  }
+})
+
+function isBinding (attr: string): boolean {
+  return attr.startsWith(':')
+}
+
+function getBindings (bindings: Record<string, string>): string {
+  if (Object.keys(bindings).length === 0) { return '' }
+
+  const content = Object.entries(bindings).map(([name, value]) => isBinding(name) ? `${name.slice(1)}: ${value}` : `${name}: \`${value}\``).join(',')
+  return `:ssr-slot-data="JSON.stringify({ ${content} })"`
+}
diff --git a/packages/nuxt/src/components/module.ts b/packages/nuxt/src/components/module.ts
index a8139e727d6a..8e15b893db73 100644
--- a/packages/nuxt/src/components/module.ts
+++ b/packages/nuxt/src/components/module.ts
@@ -9,6 +9,7 @@ import { componentsPluginTemplate, componentsTemplate, componentsIslandsTemplate
 import { scanComponents } from './scan'
 import { loaderPlugin } from './loader'
 import { TreeShakeTemplatePlugin } from './tree-shake'
+import { islandsTransform } from './islandsTransform'
 
 const isPureObjectOrString = (val: any) => (!Array.isArray(val) && typeof val === 'object') || typeof val === 'string'
 const isDirectory = (p: string) => { try { return statSync(p).isDirectory() } catch (_e) { return false } }
@@ -222,6 +223,10 @@ export default defineNuxtModule<ComponentsOptions>({
         transform: typeof nuxt.options.components === 'object' && !Array.isArray(nuxt.options.components) ? nuxt.options.components.transform : undefined,
         experimentalComponentIslands: nuxt.options.experimental.componentIslands
       }))
+
+      config.plugins.push(islandsTransform.vite({
+        getComponents
+      }))
     })
     nuxt.hook('webpack:config', (configs) => {
       configs.forEach((config) => {
@@ -244,6 +249,10 @@ export default defineNuxtModule<ComponentsOptions>({
           transform: typeof nuxt.options.components === 'object' && !Array.isArray(nuxt.options.components) ? nuxt.options.components.transform : undefined,
           experimentalComponentIslands: nuxt.options.experimental.componentIslands
         }))
+
+        config.plugins.push(islandsTransform.webpack({
+          getComponents
+        }))
       })
     })
   }
diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index dd9306224340..be2532266643 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -457,7 +457,7 @@ function replaceServerOnlyComponentsSlots (ssrContext: NuxtSSRContext, html: str
     if (!match) { continue }
     const [, uid, slot] = match
     if (!uid || !slot) { continue }
-    html = html.replace(new RegExp(`<div v-ssr-component-uid="${uid}">((?!v-ssr-slot-name="${slot}"|v-ssr-component-uid).)*<div v-ssr-slot-name="${slot}"([^>]*)>`), (full) => {
+    html = html.replace(new RegExp(`<div nuxt-ssr-component-uid="${uid}">((?!ssr-slot-name="${slot}"|nuxt-ssr-component-uid).)*<div ssr-slot-name="${slot}"([^>]*)>`), (full) => {
       return full + teleports[key]
     })
   }
diff --git a/test/basic.test.ts b/test/basic.test.ts
index 849a3f182df1..9621e82082a9 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -75,7 +75,7 @@ describe('pages', () => {
     // should apply attributes to client-only components
     expect(html).toContain('<div style="color:red;" class="client-only"></div>')
     // should render server-only components
-    expect(html.replace(/ v-ssr-component-uid="([^"]*)"/g, '')).toContain('<div class="server-only" style="background-color:gray;"> server-only component </div>')
+    expect(html.replace(/ nuxt-ssr-component-uid="([^"]*)"/g, '')).toContain('<div class="server-only" style="background-color:gray;"> server-only component </div>')
     // should register global components automatically
     expect(html).toContain('global component registered automatically')
     expect(html).toContain('global component via suffix')
@@ -1086,7 +1086,7 @@ describe('app config', () => {
 describe('component islands', () => {
   it('renders components with route', async () => {
     const result: NuxtIslandResponse = await $fetch('/__nuxt_island/RouteComponent?url=/foo')
-    result.html = result.html.replace(/ v-ssr-component-uid="([^"]*)"/g, '')
+    result.html = result.html.replace(/ nuxt-ssr-component-uid="([^"]*)"/g, '')
 
     if (isDev()) {
       result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/RouteComponent')))
@@ -1114,7 +1114,7 @@ describe('component islands', () => {
     if (isDev()) {
       result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/LongAsyncComponent')))
     }
-    result.html = result.html.replace(/ v-ssr-component-uid="([^"]*)"/g, '')
+    result.html = result.html.replace(/ nuxt-ssr-component-uid="([^"]*)"/g, '')
     expect(result).toMatchInlineSnapshot(`
       {
         "head": {
@@ -1136,7 +1136,7 @@ describe('component islands', () => {
     if (isDev()) {
       result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/AsyncServerComponent')))
     }
-    result.html = result.html.replace(/ v-ssr-component-uid="([^"]*)"/g, '')
+    result.html = result.html.replace(/ nuxt-ssr-component-uid="([^"]*)"/g, '')
     expect(result).toMatchInlineSnapshot(`
     {
       "head": {
@@ -1158,7 +1158,7 @@ describe('component islands', () => {
         obj: { foo: 42, bar: false, me: 'hi' }
       })
     }))
-    result.html = result.html.replace(/ v-ssr-component-uid="([^"]*)"/g, '')
+    result.html = result.html.replace(/ nuxt-ssr-component-uid="([^"]*)"/g, '')
 
     if (isDev()) {
       result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates'))
@@ -1202,7 +1202,7 @@ describe('component islands', () => {
       `)
     }
 
-    expect(result.html.replace(/data-v-\w+|"|<!--.*-->/g, '').replace(/v-ssr-component-uid="([^"]*)"/g, '')).toMatchInlineSnapshot(`
+    expect(result.html.replace(/data-v-\w+|"|<!--.*-->/g, '').replace(/nuxt-ssr-component-uid="([^"]*)"/g, '')).toMatchInlineSnapshot(`
     "<div > Was router enabled: true <br > Props: <pre >{
       number: 3487,
       str: something,
diff --git a/test/fixtures/basic/components/islands/LongAsyncComponent.vue b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
index 4f9f41b3c8a8..2069bb4d4c24 100644
--- a/test/fixtures/basic/components/islands/LongAsyncComponent.vue
+++ b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
@@ -8,7 +8,7 @@
     <div id="long-async-component-count">
       {{ count }}
     </div>
-    <slot name="test" />
+    <slot name="test" :count="count" />
     <p>hello world !!!</p>
   </div>
 </template>

From d0ecbc79df8caa8e643f431bfb48856c68cda409 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Wed, 12 Apr 2023 23:18:53 +0200
Subject: [PATCH 31/63] feat: first working slot implementation

---
 .../src/app/components/island-renderer.ts     |  2 +-
 .../nuxt/src/app/components/nuxt-island.ts    | 22 ++++++++++++++-----
 packages/nuxt/src/app/components/utils.ts     | 18 +++++++++++++++
 .../nuxt/src/components/islandsTransform.ts   |  8 +++----
 .../nuxt/src/core/runtime/nitro/renderer.ts   |  2 +-
 test/fixtures/basic/pages/islands.vue         |  4 ++--
 6 files changed, 42 insertions(+), 14 deletions(-)

diff --git a/packages/nuxt/src/app/components/island-renderer.ts b/packages/nuxt/src/app/components/island-renderer.ts
index 3ecf9668c3a2..8febb9ecc5fc 100644
--- a/packages/nuxt/src/app/components/island-renderer.ts
+++ b/packages/nuxt/src/app/components/island-renderer.ts
@@ -16,7 +16,7 @@ export default defineComponent({
   setup (props) {
     const uid = props.context.uid ?? randomUUID()
     const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
- 
+
     if (!component) {
       throw createError({
         statusCode: 404,
diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index d9c29ae615a2..370932150130 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -1,5 +1,6 @@
+import destr from 'destr'
 import type { VNode, RendererNode } from 'vue'
-import { nextTick, h, Fragment, defineComponent, createStaticVNode, computed, ref, watch, getCurrentInstance, Teleport, onMounted, createVNode } from 'vue'
+import { nextTick, h, Fragment, defineComponent, createStaticVNode, computed, ref, watch, getCurrentInstance, Teleport, onMounted, createVNode, mergeProps } from 'vue'
 
 import { debounce } from 'perfect-debounce'
 import { hash } from 'ohash'
@@ -8,6 +9,7 @@ import { useHead } from '@unhead/vue'
 import { randomUUID } from 'uncrypto'
 // eslint-disable-next-line import/no-restricted-paths
 import type { NuxtIslandResponse } from '../../core/runtime/nitro/renderer'
+import { decodeHtmlEntities } from './utils'
 import { useNuxtApp } from '#app/nuxt'
 import { useRequestEvent } from '#app/composables/ssr'
 
@@ -46,8 +48,7 @@ export default defineComponent({
     const cHead = ref<Record<'link' | 'style', Array<Record<string, string>>>>({ link: [], style: [] })
     useHead(cHead)
     const slotProps = computed(() => {
-
-      return {}
+      return getSlotProps(html.value)
     })
 
     function _fetchComponent () {
@@ -104,8 +105,8 @@ export default defineComponent({
       }, [h(createStaticVNode(html.value, 1))])]
       if (uid.value) {
         for (const slot in slots) {
-          nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {
-            default: () => [slots[slot]?.()]
+          nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [nuxt-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {
+            default: () => [slots[slot]?.(slotProps.value[slot])]
           }))
         }
       }
@@ -154,3 +155,14 @@ function isStartFragment (element: RendererNode) {
 function isEndFragment (element: RendererNode) {
   return element.nodeName === '#comment' && element.nodeValue === ']'
 }
+const SLOT_PROPS_RE = /<div[^>]*nuxt-ssr-slot-name="([^"]*)" nuxt-ssr-slot-data="([^"]*)"[^/|>]*>/g
+function getSlotProps (html: string) {
+  const slotsDivs = html.matchAll(SLOT_PROPS_RE)
+  const data:Record<string, any> = {}
+  for (const slot of slotsDivs) {
+    const [_, slotName, json] = slot
+    const slotData = destr(decodeHtmlEntities(json))
+    data[slotName] = mergeProps(slotData._default, slotData)
+  }
+  return data
+}
diff --git a/packages/nuxt/src/app/components/utils.ts b/packages/nuxt/src/app/components/utils.ts
index 5865558278e5..b6adc69765b5 100644
--- a/packages/nuxt/src/app/components/utils.ts
+++ b/packages/nuxt/src/app/components/utils.ts
@@ -50,3 +50,21 @@ export function createBuffer () {
     }
   }
 }
+
+const TRANSLATE_RE = /&(nbsp|amp|quot|lt|gt);/g
+const NUMSTR_RE = /&#(\d+);/gi
+export function decodeHtmlEntities (html: string) {
+  const translateDict = {
+    nbsp: ' ',
+    amp: '&',
+    quot: '"',
+    lt: '<',
+    gt: '>'
+  } as const
+  return html.replace(TRANSLATE_RE, function (_, entity: keyof typeof translateDict) {
+    return translateDict[entity]
+  }).replace(NUMSTR_RE, function (_, numStr: string) {
+    const num = parseInt(numStr, 10)
+    return String.fromCharCode(num)
+  })
+}
diff --git a/packages/nuxt/src/components/islandsTransform.ts b/packages/nuxt/src/components/islandsTransform.ts
index 34ffa3aa3dab..653f4f933cb9 100644
--- a/packages/nuxt/src/components/islandsTransform.ts
+++ b/packages/nuxt/src/components/islandsTransform.ts
@@ -26,7 +26,7 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
       if (!code.includes('<slot ')) { return }
 
       const s = new MagicString(code)
-      s.replaceAll(/<slot ([^>]*)\/?>/g, (_, attrs: string) => {
+      s.replaceAll(/<slot ([^/|>]*)(\/)?>/g, (_, attrs: string, selfClosing: string) => {
         let slotName = 'default'
         const bindings: Record<string, string> = {}
         const parsedAttrs = attrs.replaceAll(ATTRS_RE, (matched, name, value) => {
@@ -46,8 +46,7 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
           return ''
         })
         const ssrScopeData = getBindings(bindings)
-
-        return `<div ssr-slot-name="${slotName}" ${ssrScopeData} ${parsedAttrs}>`
+        return `<div ${parsedAttrs} nuxt-ssr-slot-name="${slotName}" ${ssrScopeData} ${selfClosing}>`
       })
       s.replaceAll('</slot>', '</div>')
 
@@ -55,7 +54,6 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
         return {
           code: s.toString(),
           map: s.generateMap({ source: id, includeContent: true })
-
         }
       }
     }
@@ -70,5 +68,5 @@ function getBindings (bindings: Record<string, string>): string {
   if (Object.keys(bindings).length === 0) { return '' }
 
   const content = Object.entries(bindings).map(([name, value]) => isBinding(name) ? `${name.slice(1)}: ${value}` : `${name}: \`${value}\``).join(',')
-  return `:ssr-slot-data="JSON.stringify({ ${content} })"`
+  return `:nuxt-ssr-slot-data="JSON.stringify({ ${content} })"`
 }
diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index be2532266643..6e469fb78c52 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -457,7 +457,7 @@ function replaceServerOnlyComponentsSlots (ssrContext: NuxtSSRContext, html: str
     if (!match) { continue }
     const [, uid, slot] = match
     if (!uid || !slot) { continue }
-    html = html.replace(new RegExp(`<div nuxt-ssr-component-uid="${uid}">((?!ssr-slot-name="${slot}"|nuxt-ssr-component-uid).)*<div ssr-slot-name="${slot}"([^>]*)>`), (full) => {
+    html = html.replace(new RegExp(`<div nuxt-ssr-component-uid="${uid}">((?!nuxt-ssr-slot-name="${slot}"|nuxt-ssr-component-uid).)*<div nuxt-ssr-slot-name="${slot}"([^>]*)>`), (full) => {
       return full + teleports[key]
     })
   }
diff --git a/test/fixtures/basic/pages/islands.vue b/test/fixtures/basic/pages/islands.vue
index 083d6b3423fd..85a9ce38ebc0 100644
--- a/test/fixtures/basic/pages/islands.vue
+++ b/test/fixtures/basic/pages/islands.vue
@@ -45,9 +45,9 @@ const count = ref(0)
           <div id="first-sugar-counter">
             <SugarCounter :multiplier="testCount" />
           </div>
-          <template #test>
+          <template #test="scoped">
             <div id="test-slot">
-              Slot with name test
+              Slot with name test - scoped data {{ scoped }}
             </div>
           </template>
         </NuxtIsland>

From 26e1d45668086bfcbd60b3ca6a4404c8380e29fa Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Thu, 13 Apr 2023 00:23:13 +0200
Subject: [PATCH 32/63] feat: scoped slots with v-for

---
 .../nuxt/src/app/components/nuxt-island.ts    |  5 +++--
 .../nuxt/src/components/islandsTransform.ts   | 20 ++++++++++++-------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 370932150130..49a924e63636 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -105,8 +105,9 @@ export default defineComponent({
       }, [h(createStaticVNode(html.value, 1))])]
       if (uid.value) {
         for (const slot in slots) {
+          console.log(slotProps.value[slot])
           nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [nuxt-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {
-            default: () => [slots[slot]?.(slotProps.value[slot])]
+            default: () => (slotProps.value[slot] ?? [undefined]).map((data: any) => slots[slot]?.(data))
           }))
         }
       }
@@ -162,7 +163,7 @@ function getSlotProps (html: string) {
   for (const slot of slotsDivs) {
     const [_, slotName, json] = slot
     const slotData = destr(decodeHtmlEntities(json))
-    data[slotName] = mergeProps(slotData._default, slotData)
+    data[slotName] = slotData
   }
   return data
 }
diff --git a/packages/nuxt/src/components/islandsTransform.ts b/packages/nuxt/src/components/islandsTransform.ts
index 653f4f933cb9..4ca97d2812ed 100644
--- a/packages/nuxt/src/components/islandsTransform.ts
+++ b/packages/nuxt/src/components/islandsTransform.ts
@@ -29,12 +29,14 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
       s.replaceAll(/<slot ([^/|>]*)(\/)?>/g, (_, attrs: string, selfClosing: string) => {
         let slotName = 'default'
         const bindings: Record<string, string> = {}
+        let vfor: [string, string] | undefined
         const parsedAttrs = attrs.replaceAll(ATTRS_RE, (matched, name, value) => {
           name = name.trim()
-          if (name.startsWith('v-')) {
+          if (name.startsWith('v-') && name !== 'v-for') {
             return matched
-          }
-          if (name !== 'name') {
+          } else if (name === 'v-for') {
+            vfor = value.split('in').map((v: string) => v.trim())
+          } else if (name !== 'name') {
             if (name === 'v-bind') {
               bindings._bind = value
             } else {
@@ -45,7 +47,7 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
           }
           return ''
         })
-        const ssrScopeData = getBindings(bindings)
+        const ssrScopeData = getBindings(bindings, vfor)
         return `<div ${parsedAttrs} nuxt-ssr-slot-name="${slotName}" ${ssrScopeData} ${selfClosing}>`
       })
       s.replaceAll('</slot>', '</div>')
@@ -64,9 +66,13 @@ function isBinding (attr: string): boolean {
   return attr.startsWith(':')
 }
 
-function getBindings (bindings: Record<string, string>): string {
+function getBindings (bindings: Record<string, string>, vfor?: [string, string]): string {
   if (Object.keys(bindings).length === 0) { return '' }
-
   const content = Object.entries(bindings).map(([name, value]) => isBinding(name) ? `${name.slice(1)}: ${value}` : `${name}: \`${value}\``).join(',')
-  return `:nuxt-ssr-slot-data="JSON.stringify({ ${content} })"`
+
+  if (!vfor) {
+    return `:nuxt-ssr-slot-data="JSON.stringify([{ ${content} }])"`
+  } else {
+    return `:nuxt-ssr-slot-data="JSON.stringify(${vfor[1]}.map((${vfor[0]}) => ({${content}})))"`
+  }
 }

From 47b5803e95cc6874b375847ba2639153c1c3825c Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 14 Apr 2023 00:23:10 +0200
Subject: [PATCH 33/63] feat: scoped slots with v-for

---
 packages/nuxt/src/app/components/nuxt-island.ts           | 3 +--
 packages/nuxt/src/components/islandsTransform.ts          | 8 ++++----
 .../basic/components/islands/LongAsyncComponent.vue       | 2 +-
 test/fixtures/basic/pages/islands.vue                     | 5 +++++
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 49a924e63636..7b11b50236a9 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -1,6 +1,6 @@
 import destr from 'destr'
 import type { VNode, RendererNode } from 'vue'
-import { nextTick, h, Fragment, defineComponent, createStaticVNode, computed, ref, watch, getCurrentInstance, Teleport, onMounted, createVNode, mergeProps } from 'vue'
+import { nextTick, h, Fragment, defineComponent, createStaticVNode, computed, ref, watch, getCurrentInstance, Teleport, onMounted, createVNode } from 'vue'
 
 import { debounce } from 'perfect-debounce'
 import { hash } from 'ohash'
@@ -105,7 +105,6 @@ export default defineComponent({
       }, [h(createStaticVNode(html.value, 1))])]
       if (uid.value) {
         for (const slot in slots) {
-          console.log(slotProps.value[slot])
           nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [nuxt-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {
             default: () => (slotProps.value[slot] ?? [undefined]).map((data: any) => slots[slot]?.(data))
           }))
diff --git a/packages/nuxt/src/components/islandsTransform.ts b/packages/nuxt/src/components/islandsTransform.ts
index 4ca97d2812ed..c34be4005d8f 100644
--- a/packages/nuxt/src/components/islandsTransform.ts
+++ b/packages/nuxt/src/components/islandsTransform.ts
@@ -68,11 +68,11 @@ function isBinding (attr: string): boolean {
 
 function getBindings (bindings: Record<string, string>, vfor?: [string, string]): string {
   if (Object.keys(bindings).length === 0) { return '' }
-  const content = Object.entries(bindings).map(([name, value]) => isBinding(name) ? `${name.slice(1)}: ${value}` : `${name}: \`${value}\``).join(',')
-
+  const content = Object.entries(bindings).filter(b => b[0] !== '_bind').map(([name, value]) => isBinding(name) ? `${name.slice(1)}: ${value}` : `${name}: \`${value}\``).join(',')
+  const data = bindings._bind ? `mergeProps(${bindings._bind}, { ${content} })` : `{ ${content} }`
   if (!vfor) {
-    return `:nuxt-ssr-slot-data="JSON.stringify([{ ${content} }])"`
+    return `:nuxt-ssr-slot-data="JSON.stringify([${data}])"`
   } else {
-    return `:nuxt-ssr-slot-data="JSON.stringify(${vfor[1]}.map((${vfor[0]}) => ({${content}})))"`
+    return `:nuxt-ssr-slot-data="JSON.stringify(${vfor[1]}.map((${vfor[0]}) => (${data})))"`
   }
 }
diff --git a/test/fixtures/basic/components/islands/LongAsyncComponent.vue b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
index 2069bb4d4c24..37497fa5f520 100644
--- a/test/fixtures/basic/components/islands/LongAsyncComponent.vue
+++ b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
@@ -10,6 +10,7 @@
     </div>
     <slot name="test" :count="count" />
     <p>hello world !!!</p>
+    <slot name="hello" v-for="t in ['test', 'hello']" :t="t"></slot>
   </div>
 </template>
 
@@ -17,6 +18,5 @@
 defineProps<{
   count: number
 }>()
-
 const { data } = await useFetch('/api/very-long-request')
 </script>
diff --git a/test/fixtures/basic/pages/islands.vue b/test/fixtures/basic/pages/islands.vue
index 85a9ce38ebc0..722edde550be 100644
--- a/test/fixtures/basic/pages/islands.vue
+++ b/test/fixtures/basic/pages/islands.vue
@@ -50,6 +50,11 @@ const count = ref(0)
               Slot with name test - scoped data {{ scoped }}
             </div>
           </template>
+          <template #hello="scoped">
+            <div id="test-slot">
+              Slot with name hello - scoped data {{ scoped }}
+            </div>
+          </template>
         </NuxtIsland>
         <button id="update-server-components" @click="count++">
           add +1 to count

From 7d3240aab58982100c1952c7ceba07e17fff95bc Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 14 Apr 2023 20:36:00 +0200
Subject: [PATCH 34/63] feat: add v-for util

---
 packages/nuxt/src/app/components/utils.ts     | 36 ++++++++++++++++++-
 .../nuxt/src/components/islandsTransform.ts   |  8 ++++-
 .../nuxt/src/core/runtime/nitro/renderer.ts   |  2 +-
 3 files changed, 43 insertions(+), 3 deletions(-)

diff --git a/packages/nuxt/src/app/components/utils.ts b/packages/nuxt/src/app/components/utils.ts
index b6adc69765b5..4242d1633e13 100644
--- a/packages/nuxt/src/app/components/utils.ts
+++ b/packages/nuxt/src/app/components/utils.ts
@@ -1,7 +1,7 @@
 import { defineComponent, h } from 'vue'
 import type { Component } from 'vue'
 // eslint-disable-next-line
-import { isString, isPromise, isArray } from '@vue/shared'
+import { isString, isPromise, isArray, isObject } from '@vue/shared'
 
 const Fragment = defineComponent({
   name: 'FragmentWrapper',
@@ -68,3 +68,37 @@ export function decodeHtmlEntities (html: string) {
     return String.fromCharCode(num)
   })
 }
+
+/**
+ * helper for NuxtIsland to generate a correct array for scoped data
+ */
+export function vforToArray (source: any): any[] {
+  if (isArray(source)) {
+    return source
+  } else if (isString(source)) {
+    return source.split('')
+  } else if (typeof source === 'number') {
+    if (process.dev && !Number.isInteger(source)) {
+      console.warn(`The v-for range expect an integer value but got ${source}.`)
+    }
+    const array = []
+    for (let i = 0; i < source; i++) {
+      array[i] = i
+    }
+  } else if (isObject(source)) {
+    if (source[Symbol.iterator as any]) {
+      return Array.from(source as Iterable<any>, item =>
+        item
+      )
+    } else {
+      const keys = Object.keys(source)
+      const array = new Array(keys.length)
+      for (let i = 0, l = keys.length; i < l; i++) {
+        const key = keys[i]
+        array[i] = source[key]
+      }
+      return array
+    }
+  }
+  return []
+}
diff --git a/packages/nuxt/src/components/islandsTransform.ts b/packages/nuxt/src/components/islandsTransform.ts
index c34be4005d8f..b7fcfec20027 100644
--- a/packages/nuxt/src/components/islandsTransform.ts
+++ b/packages/nuxt/src/components/islandsTransform.ts
@@ -9,6 +9,7 @@ interface ServerOnlyComponentTransformPluginOptions {
 }
 
 const ATTRS_RE = /([^=]*)="([^"]*)"/g
+const SCRIPT_RE = /<script[^>]*>/g
 
 export const islandsTransform = createUnplugin((options: ServerOnlyComponentTransformPluginOptions) => {
   return {
@@ -26,6 +27,11 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
       if (!code.includes('<slot ')) { return }
 
       const s = new MagicString(code)
+
+      s.replace(SCRIPT_RE, (full) => {
+        return full + '\nimport { vforToArray as __vforToArray } from \'#app/components/utils\''
+      })
+
       s.replaceAll(/<slot ([^/|>]*)(\/)?>/g, (_, attrs: string, selfClosing: string) => {
         let slotName = 'default'
         const bindings: Record<string, string> = {}
@@ -73,6 +79,6 @@ function getBindings (bindings: Record<string, string>, vfor?: [string, string])
   if (!vfor) {
     return `:nuxt-ssr-slot-data="JSON.stringify([${data}])"`
   } else {
-    return `:nuxt-ssr-slot-data="JSON.stringify(${vfor[1]}.map((${vfor[0]}) => (${data})))"`
+    return `:nuxt-ssr-slot-data="JSON.stringify(__vforToArray(${vfor[1]}).map((${vfor[0]}) => (${data})))"`
   }
 }
diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index 6e469fb78c52..de5691c5b081 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -457,7 +457,7 @@ function replaceServerOnlyComponentsSlots (ssrContext: NuxtSSRContext, html: str
     if (!match) { continue }
     const [, uid, slot] = match
     if (!uid || !slot) { continue }
-    html = html.replace(new RegExp(`<div nuxt-ssr-component-uid="${uid}">((?!nuxt-ssr-slot-name="${slot}"|nuxt-ssr-component-uid).)*<div nuxt-ssr-slot-name="${slot}"([^>]*)>`), (full) => {
+    html = html.replace(new RegExp(`<div nuxt-ssr-component-uid="${uid}"[^>]*>((?!nuxt-ssr-slot-name="${slot}"|nuxt-ssr-component-uid)[\\s\\S])*<div nuxt-ssr-slot-name="${slot}"[^>]*>`), (full) => {
       return full + teleports[key]
     })
   }

From 34cd560ec056acf573348528bc3311809ab4dcf5 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 14 Apr 2023 21:30:36 +0200
Subject: [PATCH 35/63] fix: set back display contents and fix attrs transform

---
 packages/nuxt/src/app/components/nuxt-island.ts  | 4 ++--
 packages/nuxt/src/components/islandsTransform.ts | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 7b11b50236a9..0248c1ead884 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -1,6 +1,6 @@
 import destr from 'destr'
-import type { VNode, RendererNode } from 'vue'
-import { nextTick, h, Fragment, defineComponent, createStaticVNode, computed, ref, watch, getCurrentInstance, Teleport, onMounted, createVNode } from 'vue'
+import type { RendererNode, VNode } from 'vue'
+import { Fragment, Teleport, computed, createStaticVNode, createVNode, defineComponent, getCurrentInstance, h, nextTick, onMounted, ref, watch } from 'vue'
 
 import { debounce } from 'perfect-debounce'
 import { hash } from 'ohash'
diff --git a/packages/nuxt/src/components/islandsTransform.ts b/packages/nuxt/src/components/islandsTransform.ts
index b7fcfec20027..48a08aa68573 100644
--- a/packages/nuxt/src/components/islandsTransform.ts
+++ b/packages/nuxt/src/components/islandsTransform.ts
@@ -54,7 +54,7 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
           return ''
         })
         const ssrScopeData = getBindings(bindings, vfor)
-        return `<div ${parsedAttrs} nuxt-ssr-slot-name="${slotName}" ${ssrScopeData} ${selfClosing}>`
+        return `<div ${parsedAttrs} style="display: contents;" nuxt-ssr-slot-name="${slotName}" ${ssrScopeData} ${selfClosing ?? ''}>`
       })
       s.replaceAll('</slot>', '</div>')
 

From ff8f1c76ee14c6c345cc82e880793e170400227a Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Fri, 14 Apr 2023 19:32:32 +0000
Subject: [PATCH 36/63] [autofix.ci] apply automated fixes

---
 test/bundle.test.ts                                           | 2 +-
 test/fixtures/basic/components/islands/LongAsyncComponent.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/bundle.test.ts b/test/bundle.test.ts
index 8ff9925618ff..f9744c5dd284 100644
--- a/test/bundle.test.ts
+++ b/test/bundle.test.ts
@@ -48,7 +48,7 @@ describe.skipIf(isWindows || process.env.TEST_BUILDER === 'webpack' || process.e
 
   it('default server bundle size', async () => {
     stats.server = await analyzeSizes(['**/*.mjs', '!node_modules'], serverDir)
-    expect(roundToKilobytes(stats.server.totalBytes)).toMatchInlineSnapshot('"92.4k"')
+    expect(roundToKilobytes(stats.server.totalBytes)).toMatchInlineSnapshot('"93.3k"')
 
     const modules = await analyzeSizes('node_modules/**/*', serverDir)
     expect(roundToKilobytes(modules.totalBytes)).toMatchInlineSnapshot('"2650k"')
diff --git a/test/fixtures/basic/components/islands/LongAsyncComponent.vue b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
index 37497fa5f520..f0b7ae55d1ec 100644
--- a/test/fixtures/basic/components/islands/LongAsyncComponent.vue
+++ b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
@@ -10,7 +10,7 @@
     </div>
     <slot name="test" :count="count" />
     <p>hello world !!!</p>
-    <slot name="hello" v-for="t in ['test', 'hello']" :t="t"></slot>
+    <slot v-for="t in ['test', 'hello']" name="hello" :t="t" />
   </div>
 </template>
 

From 28c7000738ab4ab09928891c53e482822ee623cb Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Sat, 15 Apr 2023 00:14:10 +0200
Subject: [PATCH 37/63] fix: fix regex

---
 packages/nuxt/src/core/runtime/nitro/renderer.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index 50a0e5bdcf8d..082d2a634966 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -493,7 +493,7 @@ function replaceServerOnlyComponentsSlots (ssrContext: NuxtSSRContext, html: str
     if (!match) { continue }
     const [, uid, slot] = match
     if (!uid || !slot) { continue }
-    html = html.replace(new RegExp(`<div nuxt-ssr-component-uid="${uid}"[^>]*>((?!nuxt-ssr-slot-name="${slot}"|nuxt-ssr-component-uid)[\\s\\S])*<div nuxt-ssr-slot-name="${slot}"[^>]*>`), (full) => {
+    html = html.replace(new RegExp(`<div nuxt-ssr-component-uid="${uid}"[^>]*>((?!nuxt-ssr-slot-name="${slot}"|nuxt-ssr-component-uid)[\\s\\S])*<div [^>]*nuxt-ssr-slot-name="${slot}"[^>]*>`), (full) => {
       return full + teleports[key]
     })
   }

From ab5fa1770fe74b20561f4a16a4500461d880e4f1 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Sat, 15 Apr 2023 00:23:55 +0200
Subject: [PATCH 38/63] perf: don't render non existing slots

---
 packages/nuxt/src/app/components/nuxt-island.ts | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 0248c1ead884..3f0a79cb3193 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -15,6 +15,7 @@ import { useRequestEvent } from '#app/composables/ssr'
 
 const pKey = '_islandPromises'
 const SSR_UID_RE = /nuxt-ssr-component-uid="([^"]*)"/
+const SLOTNAME_RE = /nuxt-ssr-slot-name="([^"]*)"/g
 
 export default defineComponent({
   name: 'NuxtIsland',
@@ -50,6 +51,9 @@ export default defineComponent({
     const slotProps = computed(() => {
       return getSlotProps(html.value)
     })
+    const availableSlots = computed(() => {
+      return [...html.value.matchAll(SLOTNAME_RE)].map(m => m[1])
+    })
 
     function _fetchComponent () {
       const url = `/__nuxt_island/${props.name}:${hashId.value}`
@@ -105,9 +109,11 @@ export default defineComponent({
       }, [h(createStaticVNode(html.value, 1))])]
       if (uid.value) {
         for (const slot in slots) {
-          nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [nuxt-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {
-            default: () => (slotProps.value[slot] ?? [undefined]).map((data: any) => slots[slot]?.(data))
-          }))
+          if (availableSlots.value.includes(slot)) {
+            nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [nuxt-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {
+              default: () => (slotProps.value[slot] ?? [undefined]).map((data: any) => slots[slot]?.(data))
+            }))
+          }
         }
       }
       return nodes

From 2d50c11799febf2c82399c9ef23eccf9a470448c Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Sat, 15 Apr 2023 00:43:19 +0200
Subject: [PATCH 39/63] test: update tests

---
 test/basic.test.ts | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/test/basic.test.ts b/test/basic.test.ts
index 08d6aaccf462..b0ab3f6a6d1f 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -1173,7 +1173,7 @@ describe('component islands', () => {
           "link": [],
           "style": [],
         },
-        "html": "<div><div> count is above 2 </div><!--[--><!--]--> that was very long ... <div id=\\"long-async-component-count\\">3</div><!--[--><!--]--><p>hello world !!!</p></div>",
+        "html": "<div><div> count is above 2 </div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"default\\"></div> that was very long ... <div id=\\"long-async-component-count\\">3</div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"test\\" nuxt-ssr-slot-data=\\"[{&quot;count&quot;:3}]\\"></div><p>hello world !!!</p><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"hello\\" nuxt-ssr-slot-data=\\"[{&quot;t&quot;:&quot;test&quot;},{&quot;t&quot;:&quot;hello&quot;}]\\"></div></div>",
         "state": {},
       }
     `)
@@ -1190,15 +1190,15 @@ describe('component islands', () => {
     }
     result.html = result.html.replace(/ nuxt-ssr-component-uid="([^"]*)"/g, '')
     expect(result).toMatchInlineSnapshot(`
-    {
-      "head": {
-        "link": [],
-        "style": [],
-      },
-      "html": "<div> This is a .server (20ms) async component that was very long ... <div id=\\"async-server-component-count\\">2</div><!--[--><!--]--></div>",
-      "state": {},
-    }
-  `)
+      {
+        "head": {
+          "link": [],
+          "style": [],
+        },
+        "html": "<div> This is a .server (20ms) async component that was very long ... <div id=\\"async-server-component-count\\">2</div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"default\\"></div></div>",
+        "state": {},
+      }
+    `)
   })
 
   it('renders pure components', async () => {

From 780e44baac738050787dfc35eaa730265728cd5f Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Sun, 16 Apr 2023 12:03:39 +0200
Subject: [PATCH 40/63] feat: first implementation of fallback slots

---
 packages/nuxt/package.json                    |   2 +
 .../nuxt/src/app/components/nuxt-island.ts    |  13 +-
 .../nuxt/src/components/islandsTransform.ts   |  69 ++++---
 pnpm-lock.yaml                                | 183 ++++++++++++++++--
 .../components/islands/LongAsyncComponent.vue |   4 +-
 5 files changed, 225 insertions(+), 46 deletions(-)

diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
index 8256702293f5..7337ed85bfed 100644
--- a/packages/nuxt/package.json
+++ b/packages/nuxt/package.json
@@ -92,8 +92,10 @@
     "perfect-debounce": "^0.1.3",
     "prompts": "^2.4.2",
     "scule": "^1.0.0",
+    "sfc-composer": "^0.0.4",
     "strip-literal": "^1.0.1",
     "ufo": "^1.1.1",
+    "ultrahtml": "^1.2.0",
     "uncrypto": "^0.1.2",
     "unctx": "^2.2.0",
     "unenv": "^1.3.1",
diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 3f0a79cb3193..9f5968515051 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -16,6 +16,7 @@ import { useRequestEvent } from '#app/composables/ssr'
 const pKey = '_islandPromises'
 const SSR_UID_RE = /nuxt-ssr-component-uid="([^"]*)"/
 const SLOTNAME_RE = /nuxt-ssr-slot-name="([^"]*)"/g
+const SLOT_FALLBACK_RE = /<!-- slot-fallback-start:(\S*) -->((?!<!-- slot-fallback-end -->)[\\s\\S])*<!-- slot-fallback-end -->/g
 
 export default defineComponent({
   name: 'NuxtIsland',
@@ -42,6 +43,16 @@ export default defineComponent({
     const key = ref(0)
     onMounted(() => { mounted.value = true })
     const html = ref<string>(process.client ? getFragmentHTML(instance.vnode?.el ?? null).join('') ?? '<div></div>' : '<div></div>')
+    const cleanedSlotHtml = computed(() => {
+      const currentSlots = Object.keys(slots)
+      const cleanedHtml = html.value.replaceAll(SLOT_FALLBACK_RE, (full, slotName) => {
+        if (currentSlots.includes(slotName)) {
+          return ''
+        }
+        return full
+      })
+      return cleanedHtml
+    })
     const uid = ref<string>(html.value.match(SSR_UID_RE)?.[1] ?? randomUUID())
     function setUid () {
       uid.value = html.value.match(SSR_UID_RE)?.[1] as string
@@ -106,7 +117,7 @@ export default defineComponent({
       }
       const nodes = [createVNode(Fragment, {
         key: key.value
-      }, [h(createStaticVNode(html.value, 1))])]
+      }, [h(createStaticVNode(cleanedSlotHtml.value, 1))])]
       if (uid.value) {
         for (const slot in slots) {
           if (availableSlots.value.includes(slot)) {
diff --git a/packages/nuxt/src/components/islandsTransform.ts b/packages/nuxt/src/components/islandsTransform.ts
index 48a08aa68573..5c6b28c511fa 100644
--- a/packages/nuxt/src/components/islandsTransform.ts
+++ b/packages/nuxt/src/components/islandsTransform.ts
@@ -3,12 +3,12 @@ import type { Component } from '@nuxt/schema'
 import { parseURL } from 'ufo'
 import { createUnplugin } from 'unplugin'
 import MagicString from 'magic-string'
+import { ELEMENT_NODE, __unsafeHTML, __unsafeRenderFn, parse, walk } from 'ultrahtml'
 
 interface ServerOnlyComponentTransformPluginOptions {
     getComponents: () => Component[]
 }
 
-const ATTRS_RE = /([^=]*)="([^"]*)"/g
 const SCRIPT_RE = /<script[^>]*>/g
 
 export const islandsTransform = createUnplugin((options: ServerOnlyComponentTransformPluginOptions) => {
@@ -23,40 +23,57 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
       const { pathname } = parseURL(decodeURIComponent(pathToFileURL(id).href))
       return islands.some(c => c.filePath === pathname) && !id.includes('NuxtIsland')
     },
-    transform (code, id) {
+    async transform (code, id) {
       if (!code.includes('<slot ')) { return }
-
+      const template = code.match(/<template>([\s\S]*)<\/template>/)
+      if (!template) { return }
       const s = new MagicString(code)
-
       s.replace(SCRIPT_RE, (full) => {
         return full + '\nimport { vforToArray as __vforToArray } from \'#app/components/utils\''
       })
 
-      s.replaceAll(/<slot ([^/|>]*)(\/)?>/g, (_, attrs: string, selfClosing: string) => {
-        let slotName = 'default'
-        const bindings: Record<string, string> = {}
-        let vfor: [string, string] | undefined
-        const parsedAttrs = attrs.replaceAll(ATTRS_RE, (matched, name, value) => {
-          name = name.trim()
-          if (name.startsWith('v-') && name !== 'v-for') {
-            return matched
-          } else if (name === 'v-for') {
-            vfor = value.split('in').map((v: string) => v.trim())
-          } else if (name !== 'name') {
-            if (name === 'v-bind') {
-              bindings._bind = value
-            } else {
-              bindings[name] = value
-            }
+      const ast = parse(template[0])
+
+      await walk(ast, (node) => {
+        if (node.type === ELEMENT_NODE && node.name === 'slot') {
+          const { attributes, children, loc, isSelfClosingTag } = node
+          const slotName = attributes.name ?? 'default'
+          let vfor: [string, string] | undefined
+          if (attributes['v-for']) {
+            vfor = attributes['v-for'].split('in').map((v: string) => v.trim()) as [string, string]
+            delete attributes['v-for']
+          }
+          if (attributes.name) { delete attributes.name }
+          if (attributes['v-bind']) {
+            attributes._bind = attributes['v-bind']
+            delete attributes['v-bind']
+          }
+          const bindings = getBindings(attributes, vfor)
+
+          if (isSelfClosingTag) {
+            s.overwrite(loc[0].start, loc[0].end, `<div style="display: contents;" nuxt-ssr-slot-name="${slotName}" ${bindings}/>`)
           } else {
-            slotName = value
+            s.overwrite(loc[0].start, loc[0].end, `<div style="display: contents;" nuxt-ssr-slot-name="${slotName}" ${bindings}>`)
+            s.overwrite(loc[1].start, loc[1].end, '</div>')
+
+            if (children.length > 1) {
+              // need to wrap instead of applying v-for on each child
+              const wrapperTag = `<div ${vfor ? `v-for="${vfor[0]} in ${vfor[1]}"` : ''} style="display: contents;">`
+              s.appendRight(loc[0].end, `<!-- slot-fallback-start:${slotName} -->${wrapperTag}`)
+              s.appendLeft(loc[1].start, '</div><!-- slot-fallback-end -->')
+            } else if (children.length === 1) {
+              if (children[0].type === ELEMENT_NODE) {
+                const { loc, name, attributes, isSelfClosingTag } = children[0]
+                const attrs = Object.entries(attributes).map(([attr, val]) => `${attr}="${val}"`).join(' ')
+                s.overwrite(loc[0].start, loc[0].end, `<${name} ${vfor ? `v-for="${vfor[0]} in ${vfor[1]}"` : ''} ${attrs} ${isSelfClosingTag ? '/' : ''}>`)
+              }
+
+              s.appendRight(loc[0].end, `<!-- slot-fallback-start:${slotName} -->`)
+              s.appendLeft(loc[1].start, '<!-- slot-fallback-end -->')
+            }
           }
-          return ''
-        })
-        const ssrScopeData = getBindings(bindings, vfor)
-        return `<div ${parsedAttrs} style="display: contents;" nuxt-ssr-slot-name="${slotName}" ${ssrScopeData} ${selfClosing ?? ''}>`
+        }
       })
-      s.replaceAll('</slot>', '</div>')
 
       if (s.hasChanged()) {
         return {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 27ee687cca61..c292a39d91fa 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -161,7 +161,7 @@ importers:
         version: link:../../../packages/nuxt
       vitest:
         specifier: latest
-        version: 0.30.1(playwright@1.32.3)
+        version: 0.29.8
 
   examples/app-config:
     devDependencies:
@@ -629,12 +629,18 @@ importers:
       scule:
         specifier: ^1.0.0
         version: 1.0.0
+      sfc-composer:
+        specifier: ^0.0.4
+        version: 0.0.4
       strip-literal:
         specifier: ^1.0.1
         version: 1.0.1
       ufo:
         specifier: ^1.1.1
         version: 1.1.1
+      ultrahtml:
+        specifier: ^1.2.0
+        version: 1.2.0
       uncrypto:
         specifier: ^0.1.2
         version: 0.1.2
@@ -1412,7 +1418,6 @@ packages:
     dev: true
     optional: true
 
-
   /@esbuild/android-arm@0.17.16:
     resolution: {integrity: sha512-baLqRpLe4JnKrUXLJChoTN0iXZH7El/mu58GE3WIA6/H834k0XWvLRmGLG8y8arTRS9hJJibPnF0tiGhmWeZgw==}
     engines: {node: '>=12'}
@@ -1436,7 +1441,7 @@ packages:
     os: [darwin]
     requiresBuild: true
     optional: true
-    
+
   /@esbuild/darwin-x64@0.17.16:
     resolution: {integrity: sha512-SzBQtCV3Pdc9kyizh36Ol+dNVhkDyIrGb/JXZqFq8WL37LIyrXU0gUpADcNV311sCOhvY+f2ivMhb5Tuv8nMOQ==}
     engines: {node: '>=12'}
@@ -2745,6 +2750,14 @@ packages:
       vite: 4.2.1(@types/node@18.15.11)
       vue: 3.2.47
 
+  /@vitest/expect@0.29.8:
+    resolution: {integrity: sha512-xlcVXn5I5oTq6NiZSY3ykyWixBxr5mG8HYtjvpgg6KaqHm0mvhX18xuwl5YGxIRNt/A5jidd7CWcNHrSvgaQqQ==}
+    dependencies:
+      '@vitest/spy': 0.29.8
+      '@vitest/utils': 0.29.8
+      chai: 4.3.7
+    dev: true
+
   /@vitest/expect@0.30.1:
     resolution: {integrity: sha512-c3kbEtN8XXJSeN81iDGq29bUzSjQhjES2WR3aColsS4lPGbivwLtas4DNUe0jD9gg/FYGIteqOenfU95EFituw==}
     dependencies:
@@ -2753,6 +2766,14 @@ packages:
       chai: 4.3.7
     dev: true
 
+  /@vitest/runner@0.29.8:
+    resolution: {integrity: sha512-FzdhnRDwEr/A3Oo1jtIk/B952BBvP32n1ObMEb23oEJNO+qO5cBet6M2XWIDQmA7BDKGKvmhUf2naXyp/2JEwQ==}
+    dependencies:
+      '@vitest/utils': 0.29.8
+      p-limit: 4.0.0
+      pathe: 1.1.0
+    dev: true
+
   /@vitest/runner@0.30.1:
     resolution: {integrity: sha512-W62kT/8i0TF1UBCNMRtRMOBWJKRnNyv9RrjIgdUryEe0wNpGZvvwPDLuzYdxvgSckzjp54DSpv1xUbv4BQ0qVA==}
     dependencies:
@@ -2770,12 +2791,27 @@ packages:
       pretty-format: 27.5.1
     dev: true
 
+  /@vitest/spy@0.29.8:
+    resolution: {integrity: sha512-VdjBe9w34vOMl5I5mYEzNX8inTxrZ+tYUVk9jxaZJmHFwmDFC/GV3KBFTA/JKswr3XHvZL+FE/yq5EVhb6pSAw==}
+    dependencies:
+      tinyspy: 1.1.1
+    dev: true
+
   /@vitest/spy@0.30.1:
     resolution: {integrity: sha512-YfJeIf37GvTZe04ZKxzJfnNNuNSmTEGnla2OdL60C8od16f3zOfv9q9K0nNii0NfjDJRt/CVN/POuY5/zTS+BA==}
     dependencies:
       tinyspy: 2.1.0
     dev: true
 
+  /@vitest/utils@0.29.8:
+    resolution: {integrity: sha512-qGzuf3vrTbnoY+RjjVVIBYfuWMjn3UMUqyQtdGNZ6ZIIyte7B37exj6LaVkrZiUTvzSadVvO/tJm8AEgbGCBPg==}
+    dependencies:
+      cli-truncate: 3.1.0
+      diff: 5.1.0
+      loupe: 2.3.6
+      pretty-format: 27.5.1
+    dev: true
+
   /@vitest/utils@0.30.1:
     resolution: {integrity: sha512-/c8Xv2zUVc+rnNt84QF0Y0zkfxnaGhp87K2dYJMLtLOIckPzuxLVzAtFCicGFdB4NeBHNzTRr1tNn7rCtQcWFA==}
     dependencies:
@@ -3204,7 +3240,6 @@ packages:
   /ansi-regex@6.0.1:
     resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
     engines: {node: '>=12'}
-    dev: false
 
   /ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
@@ -3226,7 +3261,6 @@ packages:
   /ansi-styles@6.2.1:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
-    dev: false
 
   /anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
@@ -3703,6 +3737,14 @@ packages:
     engines: {node: '>=6'}
     dev: false
 
+  /cli-truncate@3.1.0:
+    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      slice-ansi: 5.0.0
+      string-width: 5.1.2
+    dev: true
+
   /cli-width@4.0.0:
     resolution: {integrity: sha512-ZksGS2xpa/bYkNzN3BAw1wEjsLV/ZKOf/CCrJ/QOBsxx6fOARIkwTutxp1XIOIohi6HKmOFjMoK/XaqDVUpEEw==}
     engines: {node: '>= 12'}
@@ -4255,6 +4297,11 @@ packages:
     engines: {node: '>=0.3.1'}
     dev: false
 
+  /diff@5.1.0:
+    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
+    engines: {node: '>=0.3.1'}
+    dev: true
+
   /dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
@@ -4347,7 +4394,6 @@ packages:
 
   /eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-    dev: false
 
   /ecc-jsbn@0.1.2:
     resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==}
@@ -4367,7 +4413,6 @@ packages:
 
   /emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-    dev: false
 
   /emojis-list@3.0.0:
     resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
@@ -5985,6 +6030,11 @@ packages:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
 
+  /is-fullwidth-code-point@4.0.0:
+    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
+    engines: {node: '>=12'}
+    dev: true
+
   /is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -8079,6 +8129,12 @@ packages:
   /setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
+  /sfc-composer@0.0.4:
+    resolution: {integrity: sha512-qtu1mkI/zgQEUv98bCO2EgeOQzwuQkmOg8X3L0cVfg32/e4VUXbiQtvu7xcdfZbj9KbLZqscOfMsw6a7/YJpUg==}
+    dependencies:
+      magic-string: 0.30.0
+    dev: false
+
   /shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -8135,6 +8191,14 @@ packages:
     resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==}
     engines: {node: '>=12'}
 
+  /slice-ansi@5.0.0:
+    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 4.0.0
+    dev: true
+
   /smob@0.0.6:
     resolution: {integrity: sha512-V21+XeNni+tTyiST1MHsa84AQhT1aFZipzPpOFAVB8DkHzwJyjjAmt9bgwnuZiZWnIbMo2duE29wybxv/7HWUw==}
 
@@ -8236,7 +8300,6 @@ packages:
       eastasianwidth: 0.2.0
       emoji-regex: 9.2.2
       strip-ansi: 7.0.1
-    dev: false
 
   /string.prototype.trim@1.2.7:
     resolution: {integrity: sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==}
@@ -8284,7 +8347,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       ansi-regex: 6.0.1
-    dev: false
 
   /strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
@@ -8492,6 +8554,11 @@ packages:
     engines: {node: '>=14.0.0'}
     dev: true
 
+  /tinyspy@1.1.1:
+    resolution: {integrity: sha512-UVq5AXt/gQlti7oxoIg5oi/9r0WpF7DGEVwXgqWSMmyN16+e3tl5lIvTaOpJ3TAtu5xFzWccFRM4R5NaWHF+4g==}
+    engines: {node: '>=14.0.0'}
+    dev: true
+
   /tinyspy@2.1.0:
     resolution: {integrity: sha512-7eORpyqImoOvkQJCSkL0d0mB4NHHIFAy4b1u8PHdDa7SjGS2njzl6/lyGoZLm+eyYEtlUmFGE0rFj66SWxZgQQ==}
     engines: {node: '>=14.0.0'}
@@ -8687,6 +8754,10 @@ packages:
   /ufo@1.1.1:
     resolution: {integrity: sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg==}
 
+  /ultrahtml@1.2.0:
+    resolution: {integrity: sha512-vxZM2yNvajRmCj/SknRYGNXk2tqiy6kRNvZjJLaleG3zJbSh/aNkOqD1/CVzypw8tyHyhpzYuwQgMMhUB4ZVNQ==}
+    dev: false
+
   /unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
     dependencies:
@@ -8836,15 +8907,6 @@ packages:
       webpack-virtual-modules: 0.4.6
     dev: true
 
-  /unplugin@1.3.0:
-    resolution: {integrity: sha512-l4Udjxg2+vCuKRgIA2T8fHd7UwKWaLizh7t+3C72zjnN0+ZS+odzATFenymOUgcGqG1dkCSYE34h9wBbMXrKrA==}
-    dependencies:
-      acorn: 8.8.2
-      chokidar: 3.5.3
-      webpack-sources: 3.2.3
-      webpack-virtual-modules: 0.5.0
-    dev: false
-
   /unplugin@1.3.1:
     resolution: {integrity: sha512-h4uUTIvFBQRxUKS2Wjys6ivoeofGhxzTe2sRWlooyjHXVttcVfV/JiavNd3d4+jty0SVV0dxGw9AkY9MwiaCEw==}
     dependencies:
@@ -8978,6 +9040,27 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
+  /vite-node@0.29.8(@types/node@18.15.11):
+    resolution: {integrity: sha512-b6OtCXfk65L6SElVM20q5G546yu10/kNrhg08afEoWlFRJXFq9/6glsvSVY+aI6YeC1tu2TtAqI2jHEQmOmsFw==}
+    engines: {node: '>=v14.16.0'}
+    hasBin: true
+    dependencies:
+      cac: 6.7.14
+      debug: 4.3.4
+      mlly: 1.2.0
+      pathe: 1.1.0
+      picocolors: 1.0.0
+      vite: 4.2.1(@types/node@18.15.11)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+    dev: true
+
   /vite-node@0.30.1(@types/node@18.15.11):
     resolution: {integrity: sha512-vTikpU/J7e6LU/8iM3dzBo8ZhEiKZEKRznEMm+mJh95XhWaPrJQraT/QsT2NWmuEf+zgAoMe64PKT7hfZ1Njmg==}
     engines: {node: '>=v14.18.0'}
@@ -9118,6 +9201,70 @@ packages:
     optionalDependencies:
       fsevents: 2.3.2
 
+  /vitest@0.29.8:
+    resolution: {integrity: sha512-JIAVi2GK5cvA6awGpH0HvH/gEG9PZ0a/WoxdiV3PmqK+3CjQMf8c+J/Vhv4mdZ2nRyXFw66sAg6qz7VNkaHfDQ==}
+    engines: {node: '>=v14.16.0'}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@vitest/browser': '*'
+      '@vitest/ui': '*'
+      happy-dom: '*'
+      jsdom: '*'
+      playwright: '*'
+      safaridriver: '*'
+      webdriverio: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+      playwright:
+        optional: true
+      safaridriver:
+        optional: true
+      webdriverio:
+        optional: true
+    dependencies:
+      '@types/chai': 4.3.4
+      '@types/chai-subset': 1.3.3
+      '@types/node': 18.15.11
+      '@vitest/expect': 0.29.8
+      '@vitest/runner': 0.29.8
+      '@vitest/spy': 0.29.8
+      '@vitest/utils': 0.29.8
+      acorn: 8.8.2
+      acorn-walk: 8.2.0
+      cac: 6.7.14
+      chai: 4.3.7
+      debug: 4.3.4
+      local-pkg: 0.4.3
+      pathe: 1.1.0
+      picocolors: 1.0.0
+      source-map: 0.6.1
+      std-env: 3.3.2
+      strip-literal: 1.0.1
+      tinybench: 2.4.0
+      tinypool: 0.4.0
+      tinyspy: 1.1.1
+      vite: 4.2.1(@types/node@18.15.11)
+      vite-node: 0.29.8(@types/node@18.15.11)
+      why-is-node-running: 2.2.2
+    transitivePeerDependencies:
+      - less
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+    dev: true
+
   /vitest@0.30.1(playwright@1.32.3):
     resolution: {integrity: sha512-y35WTrSTlTxfMLttgQk4rHcaDkbHQwDP++SNwPb+7H8yb13Q3cu2EixrtHzF27iZ8v0XCciSsLg00RkPAzB/aA==}
     engines: {node: '>=v14.18.0'}
diff --git a/test/fixtures/basic/components/islands/LongAsyncComponent.vue b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
index f0b7ae55d1ec..615cedd34487 100644
--- a/test/fixtures/basic/components/islands/LongAsyncComponent.vue
+++ b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
@@ -10,7 +10,9 @@
     </div>
     <slot name="test" :count="count" />
     <p>hello world !!!</p>
-    <slot v-for="t in ['test', 'hello']" name="hello" :t="t" />
+    <slot v-for="t in ['test', 'hello']" name="hello" :t="t">
+      <div :key="t">fallback slot</div>
+    </slot>
   </div>
 </template>
 

From 86301d8154ae48aa6ddc02a3dbe592141f5401f7 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Sun, 16 Apr 2023 12:17:15 +0200
Subject: [PATCH 41/63] style and rename

---
 .../nuxt/src/app/components/nuxt-island.ts    | 27 ++++++++++---------
 .../nuxt/src/components/islandsTransform.ts   | 10 +++----
 2 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 9f5968515051..8e75a1278e17 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -42,10 +42,15 @@ export default defineComponent({
     const mounted = ref(false)
     const key = ref(0)
     onMounted(() => { mounted.value = true })
-    const html = ref<string>(process.client ? getFragmentHTML(instance.vnode?.el ?? null).join('') ?? '<div></div>' : '<div></div>')
-    const cleanedSlotHtml = computed(() => {
+    const ssrHTML = ref<string>(process.client ? getFragmentHTML(instance.vnode?.el ?? null).join('') ?? '<div></div>' : '<div></div>')
+    const uid = ref<string>(ssrHTML.value.match(SSR_UID_RE)?.[1] ?? randomUUID())
+    const availableSlots = computed(() => {
+      return [...ssrHTML.value.matchAll(SLOTNAME_RE)].map(m => m[1])
+    })
+
+    const html = computed(() => {
       const currentSlots = Object.keys(slots)
-      const cleanedHtml = html.value.replaceAll(SLOT_FALLBACK_RE, (full, slotName) => {
+      const cleanedHtml = ssrHTML.value.replaceAll(SLOT_FALLBACK_RE, (full, slotName) => {
         if (currentSlots.includes(slotName)) {
           return ''
         }
@@ -53,17 +58,13 @@ export default defineComponent({
       })
       return cleanedHtml
     })
-    const uid = ref<string>(html.value.match(SSR_UID_RE)?.[1] ?? randomUUID())
     function setUid () {
-      uid.value = html.value.match(SSR_UID_RE)?.[1] as string
+      uid.value = ssrHTML.value.match(SSR_UID_RE)?.[1] as string
     }
     const cHead = ref<Record<'link' | 'style', Array<Record<string, string>>>>({ link: [], style: [] })
     useHead(cHead)
     const slotProps = computed(() => {
-      return getSlotProps(html.value)
-    })
-    const availableSlots = computed(() => {
-      return [...html.value.matchAll(SLOTNAME_RE)].map(m => m[1])
+      return getSlotProps(ssrHTML.value)
     })
 
     function _fetchComponent () {
@@ -92,7 +93,7 @@ export default defineComponent({
       const res: NuxtIslandResponse = await nuxtApp[pKey][uid.value]
       cHead.value.link = res.head.link
       cHead.value.style = res.head.style
-      html.value = res.html
+      ssrHTML.value = res.html
       key.value++
       if (process.client) {
         // must await next tick for Teleport to work correctly with static node re-rendering
@@ -110,14 +111,14 @@ export default defineComponent({
     }
     return () => {
       // bypass hydration
-      if (!mounted.value && process.client && !html.value) {
-        html.value = getFragmentHTML(instance.vnode.el).join('')
+      if (!mounted.value && process.client && !ssrHTML.value) {
+        ssrHTML.value = getFragmentHTML(instance.vnode.el).join('')
         setUid()
         return [getStaticVNode(instance.vnode)]
       }
       const nodes = [createVNode(Fragment, {
         key: key.value
-      }, [h(createStaticVNode(cleanedSlotHtml.value, 1))])]
+      }, [h(createStaticVNode(html.value, 1))])]
       if (uid.value) {
         for (const slot in slots) {
           if (availableSlots.value.includes(slot)) {
diff --git a/packages/nuxt/src/components/islandsTransform.ts b/packages/nuxt/src/components/islandsTransform.ts
index 5c6b28c511fa..63af4a2be782 100644
--- a/packages/nuxt/src/components/islandsTransform.ts
+++ b/packages/nuxt/src/components/islandsTransform.ts
@@ -3,7 +3,7 @@ import type { Component } from '@nuxt/schema'
 import { parseURL } from 'ufo'
 import { createUnplugin } from 'unplugin'
 import MagicString from 'magic-string'
-import { ELEMENT_NODE, __unsafeHTML, __unsafeRenderFn, parse, walk } from 'ultrahtml'
+import { ELEMENT_NODE, parse, walk } from 'ultrahtml'
 
 interface ServerOnlyComponentTransformPluginOptions {
     getComponents: () => Component[]
@@ -21,19 +21,19 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
         component.island || (component.mode === 'server' && !components.some(c => c.pascalName === component.pascalName && c.mode === 'client'))
       )
       const { pathname } = parseURL(decodeURIComponent(pathToFileURL(id).href))
-      return islands.some(c => c.filePath === pathname) && !id.includes('NuxtIsland')
+      return islands.some(c => c.filePath === pathname)
     },
     async transform (code, id) {
       if (!code.includes('<slot ')) { return }
       const template = code.match(/<template>([\s\S]*)<\/template>/)
       if (!template) { return }
       const s = new MagicString(code)
+
       s.replace(SCRIPT_RE, (full) => {
         return full + '\nimport { vforToArray as __vforToArray } from \'#app/components/utils\''
       })
 
       const ast = parse(template[0])
-
       await walk(ast, (node) => {
         if (node.type === ELEMENT_NODE && node.name === 'slot') {
           const { attributes, children, loc, isSelfClosingTag } = node
@@ -62,10 +62,10 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
               s.appendRight(loc[0].end, `<!-- slot-fallback-start:${slotName} -->${wrapperTag}`)
               s.appendLeft(loc[1].start, '</div><!-- slot-fallback-end -->')
             } else if (children.length === 1) {
-              if (children[0].type === ELEMENT_NODE) {
+              if (vfor && children[0].type === ELEMENT_NODE) {
                 const { loc, name, attributes, isSelfClosingTag } = children[0]
                 const attrs = Object.entries(attributes).map(([attr, val]) => `${attr}="${val}"`).join(' ')
-                s.overwrite(loc[0].start, loc[0].end, `<${name} ${vfor ? `v-for="${vfor[0]} in ${vfor[1]}"` : ''} ${attrs} ${isSelfClosingTag ? '/' : ''}>`)
+                s.overwrite(loc[0].start, loc[0].end, `<${name} v-for="${vfor[0]} in ${vfor[1]}" ${attrs} ${isSelfClosingTag ? '/' : ''}>`)
               }
 
               s.appendRight(loc[0].end, `<!-- slot-fallback-start:${slotName} -->`)

From 74e97da0656370a198c55076f6afc28228608f29 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Sun, 16 Apr 2023 14:30:43 +0200
Subject: [PATCH 42/63] fix: several fixes

- use div for placeholder since comments are stripped in production
- lint
- style
- rename ssr-slot... to nuxt-ssr-slot...
- remove slotNames being send to the islandRenderer
- fix vforToArray utils
- update test
---
 packages/nuxt/src/app/components/nuxt-island.ts   | 10 +++++-----
 packages/nuxt/src/app/components/utils.ts         |  1 +
 packages/nuxt/src/components/islandsTransform.ts  | 12 ++++++------
 packages/nuxt/src/core/runtime/nitro/renderer.ts  |  1 -
 test/basic.test.ts                                |  4 +++-
 .../components/islands/LongAsyncComponent.vue     | 15 +++++++++++++--
 6 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 8e75a1278e17..257fdfc36225 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -16,7 +16,7 @@ import { useRequestEvent } from '#app/composables/ssr'
 const pKey = '_islandPromises'
 const SSR_UID_RE = /nuxt-ssr-component-uid="([^"]*)"/
 const SLOTNAME_RE = /nuxt-ssr-slot-name="([^"]*)"/g
-const SLOT_FALLBACK_RE = /<!-- slot-fallback-start:(\S*) -->((?!<!-- slot-fallback-end -->)[\\s\\S])*<!-- slot-fallback-end -->/g
+const SLOT_FALLBACK_RE = /<div nuxt-slot-fallback-start="([^"]*)"[^>]*><\/div>(((?!<div nuxt-slot-fallback-end[^>]*>)[\s\S])*)<div nuxt-slot-fallback-end[^>]*><\/div>/g
 
 export default defineComponent({
   name: 'NuxtIsland',
@@ -50,11 +50,12 @@ export default defineComponent({
 
     const html = computed(() => {
       const currentSlots = Object.keys(slots)
-      const cleanedHtml = ssrHTML.value.replaceAll(SLOT_FALLBACK_RE, (full, slotName) => {
+      const cleanedHtml = ssrHTML.value.replaceAll(SLOT_FALLBACK_RE, (full, slotName, content) => {
         if (currentSlots.includes(slotName)) {
           return ''
         }
-        return full
+
+        return content
       })
       return cleanedHtml
     })
@@ -77,8 +78,7 @@ export default defineComponent({
       return $fetch<NuxtIslandResponse>(url, {
         params: {
           ...props.context,
-          props: props.props ? JSON.stringify(props.props) : undefined,
-          slotsName: JSON.stringify(Object.keys(slots))
+          props: props.props ? JSON.stringify(props.props) : undefined
         }
       })
     }
diff --git a/packages/nuxt/src/app/components/utils.ts b/packages/nuxt/src/app/components/utils.ts
index 4242d1633e13..d1c569d73e0a 100644
--- a/packages/nuxt/src/app/components/utils.ts
+++ b/packages/nuxt/src/app/components/utils.ts
@@ -85,6 +85,7 @@ export function vforToArray (source: any): any[] {
     for (let i = 0; i < source; i++) {
       array[i] = i
     }
+    return array
   } else if (isObject(source)) {
     if (source[Symbol.iterator as any]) {
       return Array.from(source as Iterable<any>, item =>
diff --git a/packages/nuxt/src/components/islandsTransform.ts b/packages/nuxt/src/components/islandsTransform.ts
index 63af4a2be782..c6da0fff4e11 100644
--- a/packages/nuxt/src/components/islandsTransform.ts
+++ b/packages/nuxt/src/components/islandsTransform.ts
@@ -40,7 +40,7 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
           const slotName = attributes.name ?? 'default'
           let vfor: [string, string] | undefined
           if (attributes['v-for']) {
-            vfor = attributes['v-for'].split('in').map((v: string) => v.trim()) as [string, string]
+            vfor = attributes['v-for'].split(' in ').map((v: string) => v.trim()) as [string, string]
             delete attributes['v-for']
           }
           if (attributes.name) { delete attributes.name }
@@ -59,8 +59,8 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
             if (children.length > 1) {
               // need to wrap instead of applying v-for on each child
               const wrapperTag = `<div ${vfor ? `v-for="${vfor[0]} in ${vfor[1]}"` : ''} style="display: contents;">`
-              s.appendRight(loc[0].end, `<!-- slot-fallback-start:${slotName} -->${wrapperTag}`)
-              s.appendLeft(loc[1].start, '</div><!-- slot-fallback-end -->')
+              s.appendRight(loc[0].end, `<div nuxt-slot-fallback-start="${slotName}"/>${wrapperTag}`)
+              s.appendLeft(loc[1].start, '</div><div nuxt-slot-fallback-end/>')
             } else if (children.length === 1) {
               if (vfor && children[0].type === ELEMENT_NODE) {
                 const { loc, name, attributes, isSelfClosingTag } = children[0]
@@ -68,8 +68,8 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
                 s.overwrite(loc[0].start, loc[0].end, `<${name} v-for="${vfor[0]} in ${vfor[1]}" ${attrs} ${isSelfClosingTag ? '/' : ''}>`)
               }
 
-              s.appendRight(loc[0].end, `<!-- slot-fallback-start:${slotName} -->`)
-              s.appendLeft(loc[1].start, '<!-- slot-fallback-end -->')
+              s.appendRight(loc[0].end, `<div nuxt-slot-fallback-start="${slotName}"/>`)
+              s.appendLeft(loc[1].start, '<div nuxt-slot-fallback-end/>')
             }
           }
         }
@@ -96,6 +96,6 @@ function getBindings (bindings: Record<string, string>, vfor?: [string, string])
   if (!vfor) {
     return `:nuxt-ssr-slot-data="JSON.stringify([${data}])"`
   } else {
-    return `:nuxt-ssr-slot-data="JSON.stringify(__vforToArray(${vfor[1]}).map((${vfor[0]}) => (${data})))"`
+    return `:nuxt-ssr-slot-data="JSON.stringify(__vforToArray(${vfor[1]}).map(${vfor[0]} => (${data})))"`
   }
 }
diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index 082d2a634966..b018f9471314 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -155,7 +155,6 @@ async function getIslandContext (event: H3Event): Promise<NuxtIslandContext> {
     id: hashId,
     name: componentName,
     props: destr(context.props) || {},
-    slotsName: destr(context.slotsName) || [],
     uid: destr(context.uid) || undefined
   }
 
diff --git a/test/basic.test.ts b/test/basic.test.ts
index b0ab3f6a6d1f..5c211f30d254 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -347,6 +347,8 @@ describe('pages', () => {
     expect(await page.locator('#slot-in-server').first().innerHTML()).toContain('Slot with in .server component')
     expect(await page.locator('#test-slot').first().innerHTML()).toContain('Slot with name test')
 
+    // test fallback slot with v-for
+    expect(await page.locator('.fallback-slot-content').all()).toHaveLength(2)
     // test islands update
     expect(await page.locator('.box').innerHTML()).toContain('"number": 101,')
     await page.locator('#update-server-components').click()
@@ -1173,7 +1175,7 @@ describe('component islands', () => {
           "link": [],
           "style": [],
         },
-        "html": "<div><div> count is above 2 </div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"default\\"></div> that was very long ... <div id=\\"long-async-component-count\\">3</div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"test\\" nuxt-ssr-slot-data=\\"[{&quot;count&quot;:3}]\\"></div><p>hello world !!!</p><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"hello\\" nuxt-ssr-slot-data=\\"[{&quot;t&quot;:&quot;test&quot;},{&quot;t&quot;:&quot;hello&quot;}]\\"></div></div>",
+        "html": "<div><div> count is above 2 </div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"default\\"></div> that was very long ... <div id=\\"long-async-component-count\\">3</div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"test\\" nuxt-ssr-slot-data=\\"[{&quot;count&quot;:3}]\\"></div><p>hello world !!!</p><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"hello\\" nuxt-ssr-slot-data=\\"[{&quot;t&quot;:0},{&quot;t&quot;:1},{&quot;t&quot;:2}]\\"><div nuxt-slot-fallback-start=\\"hello\\"></div><!--[--><div style=\\"display:contents;\\"><div> fallback slot -- index: 0</div></div><div style=\\"display:contents;\\"><div> fallback slot -- index: 1</div></div><div style=\\"display:contents;\\"><div> fallback slot -- index: 2</div></div><!--]--><div nuxt-slot-fallback-end></div></div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"fallback\\" nuxt-ssr-slot-data=\\"[{&quot;t&quot;:&quot;fall&quot;},{&quot;t&quot;:&quot;back&quot;}]\\"><div nuxt-slot-fallback-start=\\"fallback\\"></div><!--[--><div style=\\"display:contents;\\"><div>fall slot -- index: 0</div><div class=\\"fallback-slot-content\\"> wonderful fallback </div></div><div style=\\"display:contents;\\"><div>back slot -- index: 1</div><div class=\\"fallback-slot-content\\"> wonderful fallback </div></div><!--]--><div nuxt-slot-fallback-end></div></div></div>",
         "state": {},
       }
     `)
diff --git a/test/fixtures/basic/components/islands/LongAsyncComponent.vue b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
index 615cedd34487..59cefd9a0467 100644
--- a/test/fixtures/basic/components/islands/LongAsyncComponent.vue
+++ b/test/fixtures/basic/components/islands/LongAsyncComponent.vue
@@ -10,8 +10,19 @@
     </div>
     <slot name="test" :count="count" />
     <p>hello world !!!</p>
-    <slot v-for="t in ['test', 'hello']" name="hello" :t="t">
-      <div :key="t">fallback slot</div>
+    <slot v-for="(t, index) in 3" name="hello" :t="t">
+      <div :key="t">
+        fallback slot -- index: {{ index }}
+      </div>
+    </slot>
+
+    <slot v-for="(t, index) in ['fall', 'back']" name="fallback" :t="t">
+      <div :key="t">
+        {{ t }} slot -- index: {{ index }}
+      </div>
+      <div :key="t" class="fallback-slot-content">
+        wonderful fallback
+      </div>
     </slot>
   </div>
 </template>

From 1b9d0b0f2618f9da22122e7195f8037640550710 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Sun, 16 Apr 2023 15:02:08 +0200
Subject: [PATCH 43/63] docs: update doc

---
 docs/2.guide/2.directory-structure/1.components.md | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/docs/2.guide/2.directory-structure/1.components.md b/docs/2.guide/2.directory-structure/1.components.md
index 713131bfb8ac..7765bc54a4a2 100644
--- a/docs/2.guide/2.directory-structure/1.components.md
+++ b/docs/2.guide/2.directory-structure/1.components.md
@@ -300,11 +300,6 @@ Now you can register server-only components with the `.server` suffix and use th
 Slots can be interactive and are wrapped within a `<div>` with `display: contents;`
 ::
 
-::alert{type=warning}
-Scoped slots are not supported by server components in their current state of development.
-Server only components slots can't be conditionnal and must be called when rendering the component.
-::
-
 ### Paired with a `.client` component
 
 In this case, the `.server` + `.client` components are two 'halves' of a component and can be used in advanced use cases for separate implementations of a component on server and client side.

From e00d16616e68067291e2256af5c783b103b5c339 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Sun, 16 Apr 2023 15:23:42 +0200
Subject: [PATCH 44/63] chore: remove sfc-composer

---
 packages/nuxt/package.json | 1 -
 pnpm-lock.yaml             | 9 ---------
 2 files changed, 10 deletions(-)

diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
index 7337ed85bfed..e1b42f83dc4a 100644
--- a/packages/nuxt/package.json
+++ b/packages/nuxt/package.json
@@ -92,7 +92,6 @@
     "perfect-debounce": "^0.1.3",
     "prompts": "^2.4.2",
     "scule": "^1.0.0",
-    "sfc-composer": "^0.0.4",
     "strip-literal": "^1.0.1",
     "ufo": "^1.1.1",
     "ultrahtml": "^1.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c292a39d91fa..965f90f87a7b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -629,9 +629,6 @@ importers:
       scule:
         specifier: ^1.0.0
         version: 1.0.0
-      sfc-composer:
-        specifier: ^0.0.4
-        version: 0.0.4
       strip-literal:
         specifier: ^1.0.1
         version: 1.0.1
@@ -8129,12 +8126,6 @@ packages:
   /setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
-  /sfc-composer@0.0.4:
-    resolution: {integrity: sha512-qtu1mkI/zgQEUv98bCO2EgeOQzwuQkmOg8X3L0cVfg32/e4VUXbiQtvu7xcdfZbj9KbLZqscOfMsw6a7/YJpUg==}
-    dependencies:
-      magic-string: 0.30.0
-    dev: false
-
   /shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}

From e2a91f04e3767441b5e473ca43c472e4aae7ef9a Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Sun, 16 Apr 2023 16:03:01 +0200
Subject: [PATCH 45/63] chore: clean island-renderer prop types

---
 packages/nuxt/src/app/components/island-renderer.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nuxt/src/app/components/island-renderer.ts b/packages/nuxt/src/app/components/island-renderer.ts
index 97b3af912b7a..0d6f54897aa5 100644
--- a/packages/nuxt/src/app/components/island-renderer.ts
+++ b/packages/nuxt/src/app/components/island-renderer.ts
@@ -9,7 +9,7 @@ import { createError } from '#app/composables/error'
 export default defineComponent({
   props: {
     context: {
-      type: Object as () => { name: string, props?: Record<string, any>, slotsName?: string[], uid?: string },
+      type: Object as () => { name: string, props?: Record<string, any>, uid?: string },
       required: true
     }
   },

From a6ca53854b43e98c14acfa13426ebd010bb48781 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 21 Apr 2023 18:39:29 +0200
Subject: [PATCH 46/63] fix: slot teleportation with client side navigation and
 set back NuxtServerComponent

---
 .../src/app/components/island-renderer.ts     |   6 +-
 .../nuxt/src/app/components/nuxt-island.ts    |  77 ++-------
 packages/nuxt/src/app/components/utils.ts     |  46 +++++-
 .../components/runtime/server-component.ts    | 154 +++++++++++++++++-
 test/basic.test.ts                            |  35 ++--
 5 files changed, 226 insertions(+), 92 deletions(-)

diff --git a/packages/nuxt/src/app/components/island-renderer.ts b/packages/nuxt/src/app/components/island-renderer.ts
index 0d6f54897aa5..07f5409803f2 100644
--- a/packages/nuxt/src/app/components/island-renderer.ts
+++ b/packages/nuxt/src/app/components/island-renderer.ts
@@ -1,4 +1,3 @@
-import { randomUUID } from 'uncrypto'
 import type { defineAsyncComponent } from 'vue'
 import { createVNode, defineComponent } from 'vue'
 
@@ -9,12 +8,11 @@ import { createError } from '#app/composables/error'
 export default defineComponent({
   props: {
     context: {
-      type: Object as () => { name: string, props?: Record<string, any>, uid?: string },
+      type: Object as () => { name: string, props?: Record<string, any> },
       required: true
     }
   },
   setup (props) {
-    const uid = props.context.uid ?? randomUUID()
     const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
 
     if (!component) {
@@ -24,6 +22,6 @@ export default defineComponent({
       })
     }
 
-    return () => createVNode(component || 'span', { ...props.context.props, 'nuxt-ssr-component-uid': uid })
+    return () => createVNode(component || 'span', { ...props.context.props, 'nuxt-ssr-component-uid': '' })
   }
 })
diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 257fdfc36225..ac0d8e758f08 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -1,5 +1,3 @@
-import destr from 'destr'
-import type { RendererNode, VNode } from 'vue'
 import { Fragment, Teleport, computed, createStaticVNode, createVNode, defineComponent, getCurrentInstance, h, nextTick, onMounted, ref, watch } from 'vue'
 
 import { debounce } from 'perfect-debounce'
@@ -9,12 +7,13 @@ import { useHead } from '@unhead/vue'
 import { randomUUID } from 'uncrypto'
 // eslint-disable-next-line import/no-restricted-paths
 import type { NuxtIslandResponse } from '../../core/runtime/nitro/renderer'
-import { decodeHtmlEntities } from './utils'
+import { getFragmentHTML, getSlotProps } from './utils'
 import { useNuxtApp } from '#app/nuxt'
 import { useRequestEvent } from '#app/composables/ssr'
 
 const pKey = '_islandPromises'
 const SSR_UID_RE = /nuxt-ssr-component-uid="([^"]*)"/
+const UID_ATTR = /nuxt-ssr-component-uid(="([^"]*)")?/
 const SLOTNAME_RE = /nuxt-ssr-slot-name="([^"]*)"/g
 const SLOT_FALLBACK_RE = /<div nuxt-slot-fallback-start="([^"]*)"[^>]*><\/div>(((?!<div nuxt-slot-fallback-end[^>]*>)[\s\S])*)<div nuxt-slot-fallback-end[^>]*><\/div>/g
 
@@ -50,17 +49,23 @@ export default defineComponent({
 
     const html = computed(() => {
       const currentSlots = Object.keys(slots)
-      const cleanedHtml = ssrHTML.value.replaceAll(SLOT_FALLBACK_RE, (full, slotName, content) => {
+      const cleanedHtml = ssrHTML.value.replace(UID_ATTR, (full, id) => {
+        // insert uid
+        if (!id) {
+          return `nuxt-ssr-component-uid="${uid.value}"`
+        }
+        return full
+      }).replaceAll(SLOT_FALLBACK_RE, (full, slotName, content) => {
+        // remove fallback to insert slots
         if (currentSlots.includes(slotName)) {
           return ''
         }
-
         return content
       })
       return cleanedHtml
     })
     function setUid () {
-      uid.value = ssrHTML.value.match(SSR_UID_RE)?.[1] as string
+      uid.value = ssrHTML.value.match(SSR_UID_RE)?.[1] ?? randomUUID() as string
     }
     const cHead = ref<Record<'link' | 'style', Array<Record<string, string>>>>({ link: [], style: [] })
     useHead(cHead)
@@ -110,16 +115,10 @@ export default defineComponent({
       await fetchComponent()
     }
     return () => {
-      // bypass hydration
-      if (!mounted.value && process.client && !ssrHTML.value) {
-        ssrHTML.value = getFragmentHTML(instance.vnode.el).join('')
-        setUid()
-        return [getStaticVNode(instance.vnode)]
-      }
       const nodes = [createVNode(Fragment, {
         key: key.value
       }, [h(createStaticVNode(html.value, 1))])]
-      if (uid.value) {
+      if (uid.value && (mounted.value || nuxtApp.isHydrating || process.server)) {
         for (const slot in slots) {
           if (availableSlots.value.includes(slot)) {
             nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [nuxt-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {
@@ -132,55 +131,3 @@ export default defineComponent({
     }
   }
 })
-
-// TODO refactor with https://github.com/nuxt/nuxt/pull/19231
-function getStaticVNode (vnode: VNode) {
-  const fragment = getFragmentHTML(vnode.el)
-
-  if (fragment.length === 0) {
-    return null
-  }
-  return createStaticVNode(fragment.join(''), fragment.length)
-}
-
-function getFragmentHTML (element: RendererNode | null) {
-  if (element) {
-    if (element.nodeName === '#comment' && element.nodeValue === '[') {
-      return getFragmentChildren(element)
-    }
-    return [element.outerHTML]
-  }
-  return []
-}
-
-function getFragmentChildren (element: RendererNode | null, blocks: string[] = []) {
-  if (element && element.nodeName) {
-    if (isEndFragment(element)) {
-      return blocks
-    } else if (!isStartFragment(element)) {
-      blocks.push(element.outerHTML)
-    }
-
-    getFragmentChildren(element.nextSibling, blocks)
-  }
-  return blocks
-}
-
-function isStartFragment (element: RendererNode) {
-  return element.nodeName === '#comment' && element.nodeValue === '['
-}
-
-function isEndFragment (element: RendererNode) {
-  return element.nodeName === '#comment' && element.nodeValue === ']'
-}
-const SLOT_PROPS_RE = /<div[^>]*nuxt-ssr-slot-name="([^"]*)" nuxt-ssr-slot-data="([^"]*)"[^/|>]*>/g
-function getSlotProps (html: string) {
-  const slotsDivs = html.matchAll(SLOT_PROPS_RE)
-  const data:Record<string, any> = {}
-  for (const slot of slotsDivs) {
-    const [_, slotName, json] = slot
-    const slotData = destr(decodeHtmlEntities(json))
-    data[slotName] = slotData
-  }
-  return data
-}
diff --git a/packages/nuxt/src/app/components/utils.ts b/packages/nuxt/src/app/components/utils.ts
index d1c569d73e0a..4a1264c8d442 100644
--- a/packages/nuxt/src/app/components/utils.ts
+++ b/packages/nuxt/src/app/components/utils.ts
@@ -1,7 +1,8 @@
 import { defineComponent, h } from 'vue'
-import type { Component } from 'vue'
+import type { Component, RendererNode } from 'vue'
 // eslint-disable-next-line
 import { isString, isPromise, isArray, isObject } from '@vue/shared'
+import destr from 'destr'
 
 const Fragment = defineComponent({
   name: 'FragmentWrapper',
@@ -103,3 +104,46 @@ export function vforToArray (source: any): any[] {
   }
   return []
 }
+
+export function getFragmentHTML (element: RendererNode | null) {
+  if (element) {
+    if (element.nodeName === '#comment' && element.nodeValue === '[') {
+      return getFragmentChildren(element)
+    }
+    return [element.outerHTML]
+  }
+  return []
+}
+
+function getFragmentChildren (element: RendererNode | null, blocks: string[] = []) {
+  if (element && element.nodeName) {
+    if (isEndFragment(element)) {
+      return blocks
+    } else if (!isStartFragment(element)) {
+      blocks.push(element.outerHTML)
+    }
+
+    getFragmentChildren(element.nextSibling, blocks)
+  }
+  return blocks
+}
+
+function isStartFragment (element: RendererNode) {
+  return element.nodeName === '#comment' && element.nodeValue === '['
+}
+
+function isEndFragment (element: RendererNode) {
+  return element.nodeName === '#comment' && element.nodeValue === ']'
+}
+const SLOT_PROPS_RE = /<div[^>]*nuxt-ssr-slot-name="([^"]*)" nuxt-ssr-slot-data="([^"]*)"[^/|>]*>/g
+
+export function getSlotProps (html: string) {
+  const slotsDivs = html.matchAll(SLOT_PROPS_RE)
+  const data:Record<string, any> = {}
+  for (const slot of slotsDivs) {
+    const [_, slotName, json] = slot
+    const slotData = destr(decodeHtmlEntities(json))
+    data[slotName] = slotData
+  }
+  return data
+}
diff --git a/packages/nuxt/src/components/runtime/server-component.ts b/packages/nuxt/src/components/runtime/server-component.ts
index 4dcfa8cce502..253f3a977b1c 100644
--- a/packages/nuxt/src/components/runtime/server-component.ts
+++ b/packages/nuxt/src/components/runtime/server-component.ts
@@ -1,15 +1,163 @@
-import { defineComponent, h } from 'vue'
-import NuxtIsland from '#app/components/nuxt-island'
+import { Fragment, Teleport, computed, createStaticVNode, createVNode, defineComponent, getCurrentInstance, h, nextTick, onMounted, ref, watch } from 'vue'
+import { debounce } from 'perfect-debounce'
+import { hash } from 'ohash'
+import { appendHeader } from 'h3'
+
+import { useHead } from '@unhead/vue'
+import { randomUUID } from 'uncrypto'
+import type { NuxtIslandResponse } from '../../core/runtime/nitro/renderer'
+import { useNuxtApp } from '#app/nuxt'
+import { useRequestEvent } from '#app/composables/ssr'
+import { useAsyncData } from '#app/composables/asyncData'
+import { getFragmentHTML, getSlotProps } from '#app/components/utils'
+
+const pKey = '_islandPromises'
+const UID_ATTR = /nuxt-ssr-component-uid(="([^"]*)")?/
+const SLOTNAME_RE = /nuxt-ssr-slot-name="([^"]*)"/g
+const SLOT_FALLBACK_RE = /<div nuxt-slot-fallback-start="([^"]*)"[^>]*><\/div>(((?!<div nuxt-slot-fallback-end[^>]*>)[\s\S])*)<div nuxt-slot-fallback-end[^>]*><\/div>/g
+const SSR_UID_RE = /nuxt-ssr-component-uid="([^"]*)"/
 
 export const createServerComponent = (name: string) => {
   return defineComponent({
     name,
     inheritAttrs: false,
     setup (_props, { attrs, slots }) {
-      return () => h(NuxtIsland, {
+      return () => h(NuxtServerComponent, {
         name,
         props: attrs
       }, slots)
     }
   })
 }
+
+const NuxtServerComponent = defineComponent({
+  name: 'NuxtServerComponent',
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    props: {
+      type: Object,
+      default: () => undefined
+    },
+    context: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  async setup (props, { slots }) {
+    const instance = getCurrentInstance()!
+    const uid = ref(getFragmentHTML(instance.vnode?.el)[0]?.match(SSR_UID_RE)?.[1] ?? randomUUID())
+
+    const nuxtApp = useNuxtApp()
+    const mounted = ref(false)
+    const key = ref(0)
+    onMounted(() => { mounted.value = true })
+    const hashId = computed(() => hash([props.name, props.props, props.context]))
+
+    const event = useRequestEvent()
+
+    function _fetchComponent () {
+      const url = `/__nuxt_island/${props.name}:${hashId.value}`
+      if (process.server && process.env.prerender) {
+        // Hint to Nitro to prerender the island component
+        appendHeader(event, 'x-nitro-prerender', url)
+      }
+      // TODO: Validate response
+      return $fetch<NuxtIslandResponse>(url, {
+        params: {
+          ...props.context,
+          props: props.props ? JSON.stringify(props.props) : undefined
+        }
+      })
+    }
+
+    const res = useAsyncData(
+      `${props.name}:${hashId.value}`,
+      async () => {
+        nuxtApp[pKey] = nuxtApp[pKey] || {}
+        if (!nuxtApp[pKey][hashId.value]) {
+          nuxtApp[pKey][hashId.value] = _fetchComponent().finally(() => {
+            delete nuxtApp[pKey]![hashId.value]
+          })
+        }
+        const res: NuxtIslandResponse = await nuxtApp[pKey][hashId.value]
+        return {
+          html: res.html,
+          head: {
+            link: res.head.link,
+            style: res.head.style
+          }
+        }
+      }, {
+        immediate: process.server,
+        default: () => ({
+          html: '',
+          head: {
+            link: [], style: []
+          }
+        })
+      }
+    )
+
+    useHead(() => res.data.value!.head)
+
+    if (process.client) {
+      watch(props, debounce(async () => {
+        await res.execute()
+        key.value++
+        if (process.client) {
+          // must await next tick for Teleport to work correctly with static node re-rendering
+          await nextTick()
+        }
+        setUid()
+      }, 100))
+    }
+
+    await res
+
+    const slotProps = computed(() => {
+      return getSlotProps(res.data.value!.html)
+    })
+    const availableSlots = computed(() => {
+      return [...res.data.value!.html.matchAll(SLOTNAME_RE)].map(m => m[1])
+    })
+
+    const html = computed(() => {
+      const currentSlots = Object.keys(slots)
+      const cleanedHtml = res.data.value!.html.replace(UID_ATTR, (full, id) => {
+        // insert uid
+        if (!id) {
+          return `nuxt-ssr-component-uid="${uid.value}"`
+        }
+        return full
+      }).replaceAll(SLOT_FALLBACK_RE, (full, slotName, content) => {
+        // remove fallback to insert slots
+        if (currentSlots.includes(slotName)) {
+          return ''
+        }
+        return content
+      })
+      return cleanedHtml
+    })
+    function setUid () {
+      uid.value = randomUUID()
+    }
+    return () => {
+      const nodes = [createVNode(Fragment, {
+        key: key.value
+      }, [createStaticVNode(html.value, 1)])]
+      if (uid.value && (mounted.value || nuxtApp.isHydrating || process.server)) {
+        for (const slot in slots) {
+          if (availableSlots.value.includes(slot)) {
+            nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [nuxt-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {
+              default: () => (slotProps.value[slot] ?? [undefined]).map((data: any) => slots[slot]?.(data))
+            }))
+          }
+        }
+      }
+      return nodes
+    }
+  }
+})
diff --git a/test/basic.test.ts b/test/basic.test.ts
index 5c211f30d254..ea56bf39c410 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -86,7 +86,7 @@ describe('pages', () => {
     // should apply attributes to client-only components
     expect(html).toContain('<div style="color:red;" class="client-only"></div>')
     // should render server-only components
-    expect(html.replace(/ nuxt-ssr-component-uid="([^"]*)"/g, '')).toContain('<div class="server-only" style="background-color:gray;"> server-only component </div>')
+    expect(html).toContain('<div class="server-only" style="background-color:gray;"> server-only component </div>')
     // should register global components automatically
     expect(html).toContain('global component registered automatically')
     expect(html).toContain('global component via suffix')
@@ -1140,7 +1140,6 @@ describe('app config', () => {
 describe('component islands', () => {
   it('renders components with route', async () => {
     const result: NuxtIslandResponse = await $fetch('/__nuxt_island/RouteComponent?url=/foo')
-    result.html = result.html.replace(/ nuxt-ssr-component-uid="([^"]*)"/g, '')
 
     if (isDev()) {
       result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/RouteComponent')))
@@ -1152,7 +1151,7 @@ describe('component islands', () => {
           "link": [],
           "style": [],
         },
-        "html": "<pre>    Route: /foo
+        "html": "<pre nuxt-ssr-component-uid>    Route: /foo
         </pre>",
         "state": {},
       }
@@ -1168,14 +1167,13 @@ describe('component islands', () => {
     if (isDev()) {
       result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/LongAsyncComponent')))
     }
-    result.html = result.html.replace(/ nuxt-ssr-component-uid="([^"]*)"/g, '')
     expect(result).toMatchInlineSnapshot(`
       {
         "head": {
           "link": [],
           "style": [],
         },
-        "html": "<div><div> count is above 2 </div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"default\\"></div> that was very long ... <div id=\\"long-async-component-count\\">3</div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"test\\" nuxt-ssr-slot-data=\\"[{&quot;count&quot;:3}]\\"></div><p>hello world !!!</p><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"hello\\" nuxt-ssr-slot-data=\\"[{&quot;t&quot;:0},{&quot;t&quot;:1},{&quot;t&quot;:2}]\\"><div nuxt-slot-fallback-start=\\"hello\\"></div><!--[--><div style=\\"display:contents;\\"><div> fallback slot -- index: 0</div></div><div style=\\"display:contents;\\"><div> fallback slot -- index: 1</div></div><div style=\\"display:contents;\\"><div> fallback slot -- index: 2</div></div><!--]--><div nuxt-slot-fallback-end></div></div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"fallback\\" nuxt-ssr-slot-data=\\"[{&quot;t&quot;:&quot;fall&quot;},{&quot;t&quot;:&quot;back&quot;}]\\"><div nuxt-slot-fallback-start=\\"fallback\\"></div><!--[--><div style=\\"display:contents;\\"><div>fall slot -- index: 0</div><div class=\\"fallback-slot-content\\"> wonderful fallback </div></div><div style=\\"display:contents;\\"><div>back slot -- index: 1</div><div class=\\"fallback-slot-content\\"> wonderful fallback </div></div><!--]--><div nuxt-slot-fallback-end></div></div></div>",
+        "html": "<div nuxt-ssr-component-uid><div> count is above 2 </div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"default\\"></div> that was very long ... <div id=\\"long-async-component-count\\">3</div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"test\\" nuxt-ssr-slot-data=\\"[{&quot;count&quot;:3}]\\"></div><p>hello world !!!</p><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"hello\\" nuxt-ssr-slot-data=\\"[{&quot;t&quot;:0},{&quot;t&quot;:1},{&quot;t&quot;:2}]\\"><div nuxt-slot-fallback-start=\\"hello\\"></div><!--[--><div style=\\"display:contents;\\"><div> fallback slot -- index: 0</div></div><div style=\\"display:contents;\\"><div> fallback slot -- index: 1</div></div><div style=\\"display:contents;\\"><div> fallback slot -- index: 2</div></div><!--]--><div nuxt-slot-fallback-end></div></div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"fallback\\" nuxt-ssr-slot-data=\\"[{&quot;t&quot;:&quot;fall&quot;},{&quot;t&quot;:&quot;back&quot;}]\\"><div nuxt-slot-fallback-start=\\"fallback\\"></div><!--[--><div style=\\"display:contents;\\"><div>fall slot -- index: 0</div><div class=\\"fallback-slot-content\\"> wonderful fallback </div></div><div style=\\"display:contents;\\"><div>back slot -- index: 1</div><div class=\\"fallback-slot-content\\"> wonderful fallback </div></div><!--]--><div nuxt-slot-fallback-end></div></div></div>",
         "state": {},
       }
     `)
@@ -1190,14 +1188,13 @@ describe('component islands', () => {
     if (isDev()) {
       result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/AsyncServerComponent')))
     }
-    result.html = result.html.replace(/ nuxt-ssr-component-uid="([^"]*)"/g, '')
     expect(result).toMatchInlineSnapshot(`
       {
         "head": {
           "link": [],
           "style": [],
         },
-        "html": "<div> This is a .server (20ms) async component that was very long ... <div id=\\"async-server-component-count\\">2</div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"default\\"></div></div>",
+        "html": "<div nuxt-ssr-component-uid> This is a .server (20ms) async component that was very long ... <div id=\\"async-server-component-count\\">2</div><div style=\\"display:contents;\\" nuxt-ssr-slot-name=\\"default\\"></div></div>",
         "state": {},
       }
     `)
@@ -1256,18 +1253,18 @@ describe('component islands', () => {
       `)
     }
 
-    expect(result.html.replace(/data-v-\w+|"|<!--.*-->/g, '').replace(/nuxt-ssr-component-uid="([^"]*)"/g, '')).toMatchInlineSnapshot(`
-    "<div > Was router enabled: true <br > Props: <pre >{
-      number: 3487,
-      str: something,
-      obj: {
-        foo: 42,
-        bar: false,
-        me: hi
-      },
-      bool: false
-    }</pre></div>"
-  `)
+    expect(result.html.replace(/data-v-\w+|"|<!--.*-->/g, '')).toMatchInlineSnapshot(`
+      "<div nuxt-ssr-component-uid > Was router enabled: true <br > Props: <pre >{
+        number: 3487,
+        str: something,
+        obj: {
+          foo: 42,
+          bar: false,
+          me: hi
+        },
+        bool: false
+      }</pre></div>"
+    `)
 
     expect(result.state).toMatchInlineSnapshot(`
       {

From 974caccd65c0f6a9d3b4c715a288688788fdd3ab Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 21 Apr 2023 18:55:00 +0200
Subject: [PATCH 47/63] chore: update lock

---
 pnpm-lock.yaml | 139 +------------------------------------------------
 1 file changed, 1 insertion(+), 138 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e8ea29e711bd..90662058ee1b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -167,7 +167,7 @@ importers:
         version: link:../../../packages/nuxt
       vitest:
         specifier: latest
-        version: 0.29.8
+        version: 0.30.1(playwright@1.32.3)
 
   examples/app-config:
     devDependencies:
@@ -2461,10 +2461,6 @@ packages:
   /@types/node@18.15.12:
     resolution: {integrity: sha512-Wha1UwsB3CYdqUm2PPzh/1gujGCNtWVUYF0mB00fJFoR4gTyWTDPjSm+zBF787Ahw8vSGgBja90MkgFwvB86Dg==}
 
-  /@types/node@18.15.2:
-    resolution: {integrity: sha512-sDPHm2wfx2QhrMDK0pOt2J4KLJMAcerqWNvnED0itPRJWvI+bK+uNHzcH1dFsBlf7G3u8tqXmRF3wkvL9yUwMw==}
-    dev: true
-
   /@types/normalize-package-data@2.4.1:
     resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
     dev: true
@@ -2988,14 +2984,6 @@ packages:
       vite: 4.3.1(@types/node@18.15.12)
       vue: 3.2.47
 
-  /@vitest/expect@0.29.8:
-    resolution: {integrity: sha512-xlcVXn5I5oTq6NiZSY3ykyWixBxr5mG8HYtjvpgg6KaqHm0mvhX18xuwl5YGxIRNt/A5jidd7CWcNHrSvgaQqQ==}
-    dependencies:
-      '@vitest/spy': 0.29.8
-      '@vitest/utils': 0.29.8
-      chai: 4.3.7
-    dev: true
-
   /@vitest/expect@0.30.1:
     resolution: {integrity: sha512-c3kbEtN8XXJSeN81iDGq29bUzSjQhjES2WR3aColsS4lPGbivwLtas4DNUe0jD9gg/FYGIteqOenfU95EFituw==}
     dependencies:
@@ -3004,14 +2992,6 @@ packages:
       chai: 4.3.7
     dev: true
 
-  /@vitest/runner@0.29.8:
-    resolution: {integrity: sha512-FzdhnRDwEr/A3Oo1jtIk/B952BBvP32n1ObMEb23oEJNO+qO5cBet6M2XWIDQmA7BDKGKvmhUf2naXyp/2JEwQ==}
-    dependencies:
-      '@vitest/utils': 0.29.8
-      p-limit: 4.0.0
-      pathe: 1.1.0
-    dev: true
-
   /@vitest/runner@0.30.1:
     resolution: {integrity: sha512-W62kT/8i0TF1UBCNMRtRMOBWJKRnNyv9RrjIgdUryEe0wNpGZvvwPDLuzYdxvgSckzjp54DSpv1xUbv4BQ0qVA==}
     dependencies:
@@ -3029,27 +3009,12 @@ packages:
       pretty-format: 27.5.1
     dev: true
 
-  /@vitest/spy@0.29.8:
-    resolution: {integrity: sha512-VdjBe9w34vOMl5I5mYEzNX8inTxrZ+tYUVk9jxaZJmHFwmDFC/GV3KBFTA/JKswr3XHvZL+FE/yq5EVhb6pSAw==}
-    dependencies:
-      tinyspy: 1.1.1
-    dev: true
-
   /@vitest/spy@0.30.1:
     resolution: {integrity: sha512-YfJeIf37GvTZe04ZKxzJfnNNuNSmTEGnla2OdL60C8od16f3zOfv9q9K0nNii0NfjDJRt/CVN/POuY5/zTS+BA==}
     dependencies:
       tinyspy: 2.1.0
     dev: true
 
-  /@vitest/utils@0.29.8:
-    resolution: {integrity: sha512-qGzuf3vrTbnoY+RjjVVIBYfuWMjn3UMUqyQtdGNZ6ZIIyte7B37exj6LaVkrZiUTvzSadVvO/tJm8AEgbGCBPg==}
-    dependencies:
-      cli-truncate: 3.1.0
-      diff: 5.1.0
-      loupe: 2.3.6
-      pretty-format: 27.5.1
-    dev: true
-
   /@vitest/utils@0.30.1:
     resolution: {integrity: sha512-/c8Xv2zUVc+rnNt84QF0Y0zkfxnaGhp87K2dYJMLtLOIckPzuxLVzAtFCicGFdB4NeBHNzTRr1tNn7rCtQcWFA==}
     dependencies:
@@ -4026,14 +3991,6 @@ packages:
     resolution: {integrity: sha512-qu3pN8Y3qHNgE2AFweciB1IfMnmZ/fsNTEE+NOFjmGB2F/7rLhnhzppvpCnN4FovtP26k8lHyy9ptEbNwWFLzw==}
     engines: {node: '>=6'}
 
-  /cli-truncate@3.1.0:
-    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      slice-ansi: 5.0.0
-      string-width: 5.1.2
-    dev: true
-
   /cli-width@4.0.0:
     resolution: {integrity: sha512-ZksGS2xpa/bYkNzN3BAw1wEjsLV/ZKOf/CCrJ/QOBsxx6fOARIkwTutxp1XIOIohi6HKmOFjMoK/XaqDVUpEEw==}
     engines: {node: '>= 12'}
@@ -4589,11 +4546,6 @@ packages:
     engines: {node: '>=0.3.1'}
     dev: false
 
-  /diff@5.1.0:
-    resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
-    engines: {node: '>=0.3.1'}
-    dev: true
-
   /dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
@@ -6345,11 +6297,6 @@ packages:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
 
-  /is-fullwidth-code-point@4.0.0:
-    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
-    engines: {node: '>=12'}
-    dev: true
-
   /is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -8413,13 +8360,6 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /rollup@3.20.0:
-    resolution: {integrity: sha512-YsIfrk80NqUDrxrjWPXUa7PWvAfegZEXHuPsEZg58fGCdjL1I9C1i/NaG+L+27kxxwkrG/QEDEQc8s/ynXWWGQ==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-
   /rollup@3.20.2:
     resolution: {integrity: sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
@@ -8627,14 +8567,6 @@ packages:
     resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==}
     engines: {node: '>=12'}
 
-  /slice-ansi@5.0.0:
-    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      ansi-styles: 6.2.1
-      is-fullwidth-code-point: 4.0.0
-    dev: true
-
   /smob@0.0.6:
     resolution: {integrity: sha512-V21+XeNni+tTyiST1MHsa84AQhT1aFZipzPpOFAVB8DkHzwJyjjAmt9bgwnuZiZWnIbMo2duE29wybxv/7HWUw==}
 
@@ -8996,11 +8928,6 @@ packages:
     engines: {node: '>=14.0.0'}
     dev: true
 
-  /tinyspy@1.1.1:
-    resolution: {integrity: sha512-UVq5AXt/gQlti7oxoIg5oi/9r0WpF7DGEVwXgqWSMmyN16+e3tl5lIvTaOpJ3TAtu5xFzWccFRM4R5NaWHF+4g==}
-    engines: {node: '>=14.0.0'}
-    dev: true
-
   /tinyspy@2.1.0:
     resolution: {integrity: sha512-7eORpyqImoOvkQJCSkL0d0mB4NHHIFAy4b1u8PHdDa7SjGS2njzl6/lyGoZLm+eyYEtlUmFGE0rFj66SWxZgQQ==}
     engines: {node: '>=14.0.0'}
@@ -9623,70 +9550,6 @@ packages:
     optionalDependencies:
       fsevents: 2.3.2
 
-  /vitest@0.29.8:
-    resolution: {integrity: sha512-JIAVi2GK5cvA6awGpH0HvH/gEG9PZ0a/WoxdiV3PmqK+3CjQMf8c+J/Vhv4mdZ2nRyXFw66sAg6qz7VNkaHfDQ==}
-    engines: {node: '>=v14.16.0'}
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@vitest/browser': '*'
-      '@vitest/ui': '*'
-      happy-dom: '*'
-      jsdom: '*'
-      playwright: '*'
-      safaridriver: '*'
-      webdriverio: '*'
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@vitest/browser':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
-      playwright:
-        optional: true
-      safaridriver:
-        optional: true
-      webdriverio:
-        optional: true
-    dependencies:
-      '@types/chai': 4.3.4
-      '@types/chai-subset': 1.3.3
-      '@types/node': 18.15.11
-      '@vitest/expect': 0.29.8
-      '@vitest/runner': 0.29.8
-      '@vitest/spy': 0.29.8
-      '@vitest/utils': 0.29.8
-      acorn: 8.8.2
-      acorn-walk: 8.2.0
-      cac: 6.7.14
-      chai: 4.3.7
-      debug: 4.3.4
-      local-pkg: 0.4.3
-      pathe: 1.1.0
-      picocolors: 1.0.0
-      source-map: 0.6.1
-      std-env: 3.3.2
-      strip-literal: 1.0.1
-      tinybench: 2.4.0
-      tinypool: 0.4.0
-      tinyspy: 1.1.1
-      vite: 4.2.1(@types/node@18.15.11)
-      vite-node: 0.29.8(@types/node@18.15.11)
-      why-is-node-running: 2.2.2
-    transitivePeerDependencies:
-      - less
-      - sass
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-    dev: true
-
   /vitest@0.30.1(playwright@1.32.3):
     resolution: {integrity: sha512-y35WTrSTlTxfMLttgQk4rHcaDkbHQwDP++SNwPb+7H8yb13Q3cu2EixrtHzF27iZ8v0XCciSsLg00RkPAzB/aA==}
     engines: {node: '>=v14.18.0'}

From c42e1001240f4a0c05ecde5265bae7348fb7362b Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Fri, 21 Apr 2023 16:56:49 +0000
Subject: [PATCH 48/63] [autofix.ci] apply automated fixes

---
 test/bundle.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/bundle.test.ts b/test/bundle.test.ts
index 19f0b976f577..0b1dca5b9e37 100644
--- a/test/bundle.test.ts
+++ b/test/bundle.test.ts
@@ -48,7 +48,7 @@ describe.skipIf(isWindows || process.env.TEST_BUILDER === 'webpack' || process.e
 
   it('default server bundle size', async () => {
     stats.server = await analyzeSizes(['**/*.mjs', '!node_modules'], serverDir)
-    expect(roundToKilobytes(stats.server.totalBytes)).toMatchInlineSnapshot('"93.3k"')
+    expect(roundToKilobytes(stats.server.totalBytes)).toMatchInlineSnapshot('"93.2k"')
 
     const modules = await analyzeSizes('node_modules/**/*', serverDir)
     expect(roundToKilobytes(modules.totalBytes)).toMatchInlineSnapshot('"2657k"')

From f05113a16a621eb34e66628b9141a3f9816f21fc Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 21 Apr 2023 18:57:23 +0200
Subject: [PATCH 49/63] fix: fix merge issue

---
 .../nuxt/src/app/components/nuxt-island.ts    | 33 -------------------
 1 file changed, 33 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 0e9ad360aee7..9348e129bdf7 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -38,7 +38,6 @@ export default defineComponent({
     const instance = getCurrentInstance()!
     const event = useRequestEvent()
     const mounted = ref(false)
-    const key = ref(0)
     onMounted(() => { mounted.value = true })
     const ssrHTML = ref<string>(process.client ? getFragmentHTML(instance.vnode?.el ?? null).join('') ?? '<div></div>' : '<div></div>')
     const uid = ref<string>(ssrHTML.value.match(SSR_UID_RE)?.[1] ?? randomUUID())
@@ -130,35 +129,3 @@ export default defineComponent({
     }
   }
 })
-
-// TODO refactor with https://github.com/nuxt/nuxt/pull/19231
-function getFragmentHTML (element: RendererNode | null) {
-  if (element) {
-    if (element.nodeName === '#comment' && element.nodeValue === '[') {
-      return getFragmentChildren(element)
-    }
-    return [element.outerHTML]
-  }
-  return []
-}
-
-function getFragmentChildren (element: RendererNode | null, blocks: string[] = []) {
-  if (element && element.nodeName) {
-    if (isEndFragment(element)) {
-      return blocks
-    } else if (!isStartFragment(element)) {
-      blocks.push(element.outerHTML)
-    }
-
-    getFragmentChildren(element.nextSibling, blocks)
-  }
-  return blocks
-}
-
-function isStartFragment (element: RendererNode) {
-  return element.nodeName === '#comment' && element.nodeValue === '['
-}
-
-function isEndFragment (element: RendererNode) {
-  return element.nodeName === '#comment' && element.nodeValue === ']'
-}

From a40fa1ee57341b19f1eb6a81eaa9521e92a49887 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 21 Apr 2023 19:18:12 +0200
Subject: [PATCH 50/63] test: update tests

---
 test/basic.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/basic.test.ts b/test/basic.test.ts
index ea56bf39c410..552583aa52b6 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -86,7 +86,7 @@ describe('pages', () => {
     // should apply attributes to client-only components
     expect(html).toContain('<div style="color:red;" class="client-only"></div>')
     // should render server-only components
-    expect(html).toContain('<div class="server-only" style="background-color:gray;"> server-only component </div>')
+    expect(html.replace(/ nuxt-ssr-component-uid="[^"]*"/, '')).toContain('<div class="server-only" style="background-color:gray;"> server-only component </div>')
     // should register global components automatically
     expect(html).toContain('global component registered automatically')
     expect(html).toContain('global component via suffix')

From d09863160dcfbf2d8a1559018939eeb1b54d47e2 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 21 Apr 2023 21:17:17 +0200
Subject: [PATCH 51/63] revert: revert teleport conditions

---
 packages/nuxt/src/app/components/nuxt-island.ts          | 2 +-
 packages/nuxt/src/components/runtime/server-component.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 9348e129bdf7..396bc95efddd 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -116,7 +116,7 @@ export default defineComponent({
       const nodes = [createVNode(Fragment, {
         key: key.value
       }, [h(createStaticVNode(html.value, 1))])]
-      if (uid.value && (mounted.value || nuxtApp.isHydrating || process.server)) {
+      if (uid.value) {
         for (const slot in slots) {
           if (availableSlots.value.includes(slot)) {
             nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [nuxt-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {
diff --git a/packages/nuxt/src/components/runtime/server-component.ts b/packages/nuxt/src/components/runtime/server-component.ts
index 253f3a977b1c..e9d3b08712bf 100644
--- a/packages/nuxt/src/components/runtime/server-component.ts
+++ b/packages/nuxt/src/components/runtime/server-component.ts
@@ -148,7 +148,7 @@ const NuxtServerComponent = defineComponent({
       const nodes = [createVNode(Fragment, {
         key: key.value
       }, [createStaticVNode(html.value, 1)])]
-      if (uid.value && (mounted.value || nuxtApp.isHydrating || process.server)) {
+      if (uid.value) {
         for (const slot in slots) {
           if (availableSlots.value.includes(slot)) {
             nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [nuxt-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {

From 4873b8414134a371c36132b80015d876e9494e00 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 21 Apr 2023 21:42:43 +0200
Subject: [PATCH 52/63] fix: fix island for client-side navigation load

---
 .../nuxt/src/app/components/nuxt-island.ts     | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 396bc95efddd..488f4a31a8fc 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -47,13 +47,7 @@ export default defineComponent({
 
     const html = computed(() => {
       const currentSlots = Object.keys(slots)
-      const cleanedHtml = ssrHTML.value.replace(UID_ATTR, (full, id) => {
-        // insert uid
-        if (!id) {
-          return `nuxt-ssr-component-uid="${uid.value}"`
-        }
-        return full
-      }).replaceAll(SLOT_FALLBACK_RE, (full, slotName, content) => {
+      const cleanedHtml = ssrHTML.value.replaceAll(SLOT_FALLBACK_RE, (full, slotName, content) => {
         // remove fallback to insert slots
         if (currentSlots.includes(slotName)) {
           return ''
@@ -96,7 +90,13 @@ export default defineComponent({
       const res: NuxtIslandResponse = await nuxtApp[pKey][uid.value]
       cHead.value.link = res.head.link
       cHead.value.style = res.head.style
-      ssrHTML.value = res.html
+      ssrHTML.value = res.html.replace(UID_ATTR, (full, id) => {
+        // insert uid
+        if (!id) {
+          return `nuxt-ssr-component-uid="${randomUUID()}"`
+        }
+        return full
+      })
       key.value++
       if (process.client) {
         // must await next tick for Teleport to work correctly with static node re-rendering
@@ -116,7 +116,7 @@ export default defineComponent({
       const nodes = [createVNode(Fragment, {
         key: key.value
       }, [h(createStaticVNode(html.value, 1))])]
-      if (uid.value) {
+      if (uid.value && (mounted.value || nuxtApp.isHydrating || process.server)) {
         for (const slot in slots) {
           if (availableSlots.value.includes(slot)) {
             nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [nuxt-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {

From 6187eeb7e51b2c0091ade3fc3ff99b628f7d1346 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 21 Apr 2023 23:32:23 +0200
Subject: [PATCH 53/63] fix: fix server components for client side navigation

---
 .../src/components/runtime/server-component.ts  | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/packages/nuxt/src/components/runtime/server-component.ts b/packages/nuxt/src/components/runtime/server-component.ts
index e9d3b08712bf..53ccf1ce96b8 100644
--- a/packages/nuxt/src/components/runtime/server-component.ts
+++ b/packages/nuxt/src/components/runtime/server-component.ts
@@ -91,7 +91,7 @@ const NuxtServerComponent = defineComponent({
           }
         }
       }, {
-        immediate: process.server,
+        immediate: process.server || !nuxtApp.isHydrating,
         default: () => ({
           html: '',
           head: {
@@ -115,8 +115,6 @@ const NuxtServerComponent = defineComponent({
       }, 100))
     }
 
-    await res
-
     const slotProps = computed(() => {
       return getSlotProps(res.data.value!.html)
     })
@@ -129,7 +127,7 @@ const NuxtServerComponent = defineComponent({
       const cleanedHtml = res.data.value!.html.replace(UID_ATTR, (full, id) => {
         // insert uid
         if (!id) {
-          return `nuxt-ssr-component-uid="${uid.value}"`
+          return `nuxt-ssr-component-uid="${randomUUID()}"`
         }
         return full
       }).replaceAll(SLOT_FALLBACK_RE, (full, slotName, content) => {
@@ -142,13 +140,20 @@ const NuxtServerComponent = defineComponent({
       return cleanedHtml
     })
     function setUid () {
-      uid.value = randomUUID()
+      uid.value = html.value.match(SSR_UID_RE)?.[1] ?? randomUUID() as string
     }
+
+    await res
+
+    if (process.server || !nuxtApp.isHydrating) {
+      setUid()
+    }
+
     return () => {
       const nodes = [createVNode(Fragment, {
         key: key.value
       }, [createStaticVNode(html.value, 1)])]
-      if (uid.value) {
+      if (uid.value && (mounted.value || nuxtApp.isHydrating || process.server)) {
         for (const slot in slots) {
           if (availableSlots.value.includes(slot)) {
             nodes.push(createVNode(Teleport, { to: process.client ? `[nuxt-ssr-component-uid='${uid.value}'] [nuxt-ssr-slot-name='${slot}']` : `uid=${uid.value};slot=${slot}` }, {

From 1758b422ade6d9754299d8a6114ed44bd0fc3b07 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 21 Apr 2023 23:43:07 +0200
Subject: [PATCH 54/63] test: test server components with client side
 navigation

---
 test/basic.test.ts                  | 29 ++++++++++++++++++++++++++++-
 test/fixtures/basic/pages/index.vue |  3 +++
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/test/basic.test.ts b/test/basic.test.ts
index 552583aa52b6..772f14e89aec 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -1137,7 +1137,7 @@ describe('app config', () => {
   })
 })
 
-describe('component islands', () => {
+describe.only('component islands', () => {
   it('renders components with route', async () => {
     const result: NuxtIslandResponse = await $fetch('/__nuxt_island/RouteComponent?url=/foo')
 
@@ -1272,6 +1272,33 @@ describe('component islands', () => {
       }
     `)
   })
+
+  it('test client-side navigation', async () => {
+    const page = await createPage('/')
+    await page.waitForLoadState('networkidle')
+    await page.click('#islands')
+    await page.waitForLoadState('networkidle')
+    await page.locator('#increase-pure-component').click()
+    await page.waitForResponse(response => response.url().includes('/__nuxt_island/') && response.status() === 200)
+    await page.waitForLoadState('networkidle')
+    expect(await page.locator('#slot-in-server').first().innerHTML()).toContain('Slot with in .server component')
+    expect(await page.locator('#test-slot').first().innerHTML()).toContain('Slot with name test')
+
+    // test islands update
+    expect(await page.locator('.box').innerHTML()).toContain('"number": 101,')
+    await page.locator('#update-server-components').click()
+    await Promise.all([
+      page.waitForResponse(response => response.url().includes('/__nuxt_island/LongAsyncComponent') && response.status() === 200),
+      page.waitForResponse(response => response.url().includes('/__nuxt_island/AsyncServerComponent') && response.status() === 200)
+    ])
+    await page.waitForLoadState('networkidle')
+    expect(await page.locator('#async-server-component-count').innerHTML()).toContain(('1'))
+    expect(await page.locator('#long-async-component-count').innerHTML()).toContain('1')
+
+    // test islands slots interactivity
+    await page.locator('#first-sugar-counter button').click()
+    expect(await page.locator('#first-sugar-counter').innerHTML()).toContain('Sugar Counter 13')
+  })
 })
 
 describe.runIf(isDev() && !isWebpack)('vite plugins', () => {
diff --git a/test/fixtures/basic/pages/index.vue b/test/fixtures/basic/pages/index.vue
index 7b6c4bb7349d..3a0fdb881d5a 100644
--- a/test/fixtures/basic/pages/index.vue
+++ b/test/fixtures/basic/pages/index.vue
@@ -15,6 +15,9 @@
     <NuxtLink to="/">
       Link
     </NuxtLink>
+    <NuxtLink id="islands" to="/islands">
+      islands
+    </NuxtLink>
     <NuxtLink to="/chunk-error" :prefetch="false">
       Chunk error
     </NuxtLink>

From a9de6e9ea5a2fbfddf61bfea1d06df95ed2d3bf8 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 21 Apr 2023 23:48:53 +0200
Subject: [PATCH 55/63] test: remove only

---
 test/basic.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/basic.test.ts b/test/basic.test.ts
index 772f14e89aec..2b102bc94fb7 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -1137,7 +1137,7 @@ describe('app config', () => {
   })
 })
 
-describe.only('component islands', () => {
+describe('component islands', () => {
   it('renders components with route', async () => {
     const result: NuxtIslandResponse = await $fetch('/__nuxt_island/RouteComponent?url=/foo')
 

From 79c94c6ebfbff706d4931d41feeb9b37f11c6e5d Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Sat, 22 Apr 2023 00:09:29 +0200
Subject: [PATCH 56/63] refactor: remove useless code

---
 packages/nuxt/src/app/components/nuxt-island.ts       | 11 +++--------
 .../nuxt/src/components/runtime/server-component.ts   |  9 ++-------
 2 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 488f4a31a8fc..96494790aa8c 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -47,14 +47,13 @@ export default defineComponent({
 
     const html = computed(() => {
       const currentSlots = Object.keys(slots)
-      const cleanedHtml = ssrHTML.value.replaceAll(SLOT_FALLBACK_RE, (full, slotName, content) => {
+      return ssrHTML.value.replaceAll(SLOT_FALLBACK_RE, (full, slotName, content) => {
         // remove fallback to insert slots
         if (currentSlots.includes(slotName)) {
           return ''
         }
         return content
       })
-      return cleanedHtml
     })
     function setUid () {
       uid.value = ssrHTML.value.match(SSR_UID_RE)?.[1] ?? randomUUID() as string
@@ -90,12 +89,8 @@ export default defineComponent({
       const res: NuxtIslandResponse = await nuxtApp[pKey][uid.value]
       cHead.value.link = res.head.link
       cHead.value.style = res.head.style
-      ssrHTML.value = res.html.replace(UID_ATTR, (full, id) => {
-        // insert uid
-        if (!id) {
-          return `nuxt-ssr-component-uid="${randomUUID()}"`
-        }
-        return full
+      ssrHTML.value = res.html.replace(UID_ATTR, () => {
+        return `nuxt-ssr-component-uid="${randomUUID()}"`
       })
       key.value++
       if (process.client) {
diff --git a/packages/nuxt/src/components/runtime/server-component.ts b/packages/nuxt/src/components/runtime/server-component.ts
index 53ccf1ce96b8..9e1826192319 100644
--- a/packages/nuxt/src/components/runtime/server-component.ts
+++ b/packages/nuxt/src/components/runtime/server-component.ts
@@ -124,12 +124,8 @@ const NuxtServerComponent = defineComponent({
 
     const html = computed(() => {
       const currentSlots = Object.keys(slots)
-      const cleanedHtml = res.data.value!.html.replace(UID_ATTR, (full, id) => {
-        // insert uid
-        if (!id) {
-          return `nuxt-ssr-component-uid="${randomUUID()}"`
-        }
-        return full
+      return res.data.value!.html.replace(UID_ATTR, () => {
+        return `nuxt-ssr-component-uid="${randomUUID()}"`
       }).replaceAll(SLOT_FALLBACK_RE, (full, slotName, content) => {
         // remove fallback to insert slots
         if (currentSlots.includes(slotName)) {
@@ -137,7 +133,6 @@ const NuxtServerComponent = defineComponent({
         }
         return content
       })
-      return cleanedHtml
     })
     function setUid () {
       uid.value = html.value.match(SSR_UID_RE)?.[1] ?? randomUUID() as string

From 39c7ad4408ad15bbc2ba37cec39d6bfde098c2b7 Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Mon, 1 May 2023 08:56:55 +0000
Subject: [PATCH 57/63] [autofix.ci] apply automated fixes

---
 docs/1.getting-started/10.deployment.md              |  2 +-
 docs/1.getting-started/2.installation.md             |  6 +++---
 docs/1.getting-started/9.layers.md                   |  2 +-
 docs/2.guide/1.concepts/2.vuejs-development.md       |  4 ++--
 docs/2.guide/2.directory-structure/1.components.md   |  2 +-
 docs/2.guide/2.directory-structure/1.plugins.md      |  2 +-
 docs/2.guide/2.directory-structure/1.server.md       |  6 +++---
 docs/3.api/1.composables/use-cookie.md               |  2 +-
 docs/3.api/1.composables/use-nuxt-app.md             |  2 +-
 docs/3.api/1.composables/use-route.md                |  2 +-
 docs/3.api/1.composables/use-router.md               |  6 +++---
 docs/3.api/2.components/2.nuxt-page.md               |  2 +-
 docs/3.api/2.components/4.nuxt-link.md               |  8 ++++----
 docs/3.api/2.components/5.nuxt-loading-indicator.md  |  2 +-
 docs/3.api/2.components/7.nuxt-welcome.md            |  2 +-
 docs/3.api/3.utils/on-before-route-leave.md          |  2 +-
 docs/3.api/3.utils/on-before-route-update.md         |  2 +-
 docs/3.api/5.commands/devtools.md                    |  2 +-
 docs/4.examples/6.advanced/jsx.md                    |  2 +-
 .../7.experimental/reactivity-transform.md           |  2 +-
 docs/5.community/3.reporting-bugs.md                 | 12 ++++++------
 21 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/docs/1.getting-started/10.deployment.md b/docs/1.getting-started/10.deployment.md
index da1aeb93bda1..b9b607b4ed49 100644
--- a/docs/1.getting-started/10.deployment.md
+++ b/docs/1.getting-started/10.deployment.md
@@ -70,7 +70,7 @@ By default, the workload gets distributed to the workers with the round robin st
 
 ### Learn More
 
-:ReadMore{link="https://nitro.unjs.io/deploy/node" title="the Nitro documentation for node-server preset"}
+:ReadMore{link="<https://nitro.unjs.io/deploy/node>" title="the Nitro documentation for node-server preset"}
 
 ## Static Hosting
 
diff --git a/docs/1.getting-started/2.installation.md b/docs/1.getting-started/2.installation.md
index 4b0a81e8e64b..fd23fb8a1465 100644
--- a/docs/1.getting-started/2.installation.md
+++ b/docs/1.getting-started/2.installation.md
@@ -10,12 +10,12 @@ Get started with Nuxt quickly with our online starters or start locally with you
 
 You can start playing with Nuxt 3 in your browser using our online sandboxes:
 
-:button-link[Play on StackBlitz]{href="https://nuxt.new/s/v3" blank .mr-2}
-:button-link[Play on CodeSandbox]{href="https://nuxt.new/c/v3" blank}
+:button-link[Play on StackBlitz]{href="<https://nuxt.new/s/v3>" blank .mr-2}
+:button-link[Play on CodeSandbox]{href="<https://nuxt.new/c/v3>" blank}
 
 Start with one of our starters and themes directly by opening [nuxt.new](https://nuxt.new).
 
-:button-link[Discover nuxt.new]{href="https://nuxt.new" blank}
+:button-link[Discover nuxt.new]{href="<https://nuxt.new>" blank}
 
 ## New Project
 
diff --git a/docs/1.getting-started/9.layers.md b/docs/1.getting-started/9.layers.md
index 3161569943fc..2c1a316f48e9 100644
--- a/docs/1.getting-started/9.layers.md
+++ b/docs/1.getting-started/9.layers.md
@@ -32,7 +32,7 @@ export default defineNuxtConfig({
 
 A quick video made by [Learn Vue](https://go.learnvue.co) to showcase the power of `extends`:
 
-:video-player{src="https://www.youtube.com/watch?v=lnFCM7c9f7I"}
+:video-player{src="<https://www.youtube.com/watch?v=lnFCM7c9f7I"}>
 
 ## Authoring Nuxt Layers
 
diff --git a/docs/2.guide/1.concepts/2.vuejs-development.md b/docs/2.guide/1.concepts/2.vuejs-development.md
index 137fb75f11b4..17ee2f79f38a 100644
--- a/docs/2.guide/1.concepts/2.vuejs-development.md
+++ b/docs/2.guide/1.concepts/2.vuejs-development.md
@@ -31,8 +31,8 @@ Most applications need multiple pages and a way to navigate between them. This i
 
 ### Example
 
-:button-link[Open on StackBlitz]{href="https://stackblitz.com/edit/github-9hzuns?file=app.vue" blank .mr-2}
-:button-link[Open on CodeSandbox]{href="https://codesandbox.io/s/nuxt-3-components-auto-import-2xq9z?file=/app.vue" blank}
+:button-link[Open on StackBlitz]{href="<https://stackblitz.com/edit/github-9hzuns?file=app.vue>" blank .mr-2}
+:button-link[Open on CodeSandbox]{href="<https://codesandbox.io/s/nuxt-3-components-auto-import-2xq9z?file=/app.vue>" blank}
 
 The `app.vue` file is the entry point, which represents the page displayed in the browser window.
 
diff --git a/docs/2.guide/2.directory-structure/1.components.md b/docs/2.guide/2.directory-structure/1.components.md
index 7765bc54a4a2..bae08c03713a 100644
--- a/docs/2.guide/2.directory-structure/1.components.md
+++ b/docs/2.guide/2.directory-structure/1.components.md
@@ -263,7 +263,7 @@ This feature only works with Nuxt auto-imports and `#components` imports. Explic
 
 Standalone server components will always be rendered on the server. When their props update, this will result in a network request that will update the rendered HTML in-place.
 
-:video-player{src="https://www.youtube.com/watch?v=u1yyXe86xJM"}
+:video-player{src="<https://www.youtube.com/watch?v=u1yyXe86xJM"}>
 
 > A video made by [LearnVue](https://go.learnvue.co) for the Nuxt documentation.
 
diff --git a/docs/2.guide/2.directory-structure/1.plugins.md b/docs/2.guide/2.directory-structure/1.plugins.md
index 091b3e68a46a..e086c1a0375a 100644
--- a/docs/2.guide/2.directory-structure/1.plugins.md
+++ b/docs/2.guide/2.directory-structure/1.plugins.md
@@ -207,7 +207,7 @@ export default defineNuxtPlugin((nuxtApp) => {
 })
 ```
 
-:ReadMore{link="https://vuejs.org/guide/reusability/custom-directives.html"}
+:ReadMore{link="<https://vuejs.org/guide/reusability/custom-directives.html"}>
 
 ::LinkExample{link="/docs/examples/app/plugins"}
 ::
diff --git a/docs/2.guide/2.directory-structure/1.server.md b/docs/2.guide/2.directory-structure/1.server.md
index 36927a446f19..0c9f982e2da7 100644
--- a/docs/2.guide/2.directory-structure/1.server.md
+++ b/docs/2.guide/2.directory-structure/1.server.md
@@ -13,7 +13,7 @@ Each file should export a default function defined with `defineEventHandler()`.
 
 The handler can directly return JSON data, a `Promise` or use `event.node.res.end()` to send response.
 
-::ReadMore{link="https://nitro.unjs.io/guide/routing" title="Nitro Route Handling Docs"}
+::ReadMore{link="<https://nitro.unjs.io/guide/routing>" title="Nitro Route Handling Docs"}
 ::
 
 ## Example
@@ -79,14 +79,14 @@ export default defineNitroPlugin((nitroApp) => {
 })
 ```
 
-::ReadMore{link="https://nitro.unjs.io/guide/plugins" title="Nitro Plugins"}
+::ReadMore{link="<https://nitro.unjs.io/guide/plugins>" title="Nitro Plugins"}
 ::
 
 ## Server Utilities
 
 Server routes are powered by [unjs/h3](https://github.com/unjs/h3) which comes with a handy set of helpers.
 
-::ReadMore{link="https://www.jsdocs.io/package/h3#package-index-functions" title="Available H3 Request Helpers"}
+::ReadMore{link="<https://www.jsdocs.io/package/h3#package-index-functions>" title="Available H3 Request Helpers"}
 ::
 
 You can add more helpers yourself inside the `~/server/utils` directory.
diff --git a/docs/3.api/1.composables/use-cookie.md b/docs/3.api/1.composables/use-cookie.md
index f36e466f0abb..601afbd0a3fa 100644
--- a/docs/3.api/1.composables/use-cookie.md
+++ b/docs/3.api/1.composables/use-cookie.md
@@ -38,7 +38,7 @@ counter.value = counter.value || Math.round(Math.random() * 1000)
 </script>
 ```
 
-:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/composables/use-cookie?terminal=dev&file=app.vue" blank}
+:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/composables/use-cookie?terminal=dev&file=app.vue>" blank}
 
 ## Options
 
diff --git a/docs/3.api/1.composables/use-nuxt-app.md b/docs/3.api/1.composables/use-nuxt-app.md
index 70d4777d4357..ba932c2da44a 100644
--- a/docs/3.api/1.composables/use-nuxt-app.md
+++ b/docs/3.api/1.composables/use-nuxt-app.md
@@ -72,7 +72,7 @@ await nuxtApp.callHook('my-plugin:init')
 - [**directive()**](https://vuejs.org/api/application.html#app-directive) - Registers a global custom directive if passing both a name string and a directive definition, or retrieves an already registered one if only the name is passed[(example)](/docs/guide/directory-structure/plugins#vue-directives).
 - [**use()**](https://vuejs.org/api/application.html#app-use) - Installs a **[Vue.js Plugin](https://vuejs.org/guide/reusability/plugins.html)** [(example)](/docs/guide/directory-structure/plugins#vue-plugins).
 
-:ReadMore{link="https://vuejs.org/api/application.html#application-api"}
+:ReadMore{link="<https://vuejs.org/api/application.html#application-api"}>
 
 ### `ssrContext`
 
diff --git a/docs/3.api/1.composables/use-route.md b/docs/3.api/1.composables/use-route.md
index 0d1f1f7146f8..de749b9859df 100644
--- a/docs/3.api/1.composables/use-route.md
+++ b/docs/3.api/1.composables/use-route.md
@@ -39,5 +39,5 @@ Apart from dynamic parameters and query parameters, `useRoute()` also provides t
 * **path**: encoded pathname section of the URL
 * **redirectedFrom**: route location that was attempted to access before ending up on the current route location
 
-::ReadMore{link="https://router.vuejs.org/api/interfaces/RouteLocationNormalizedLoaded.html"}
+::ReadMore{link="<https://router.vuejs.org/api/interfaces/RouteLocationNormalizedLoaded.html"}>
 ::
diff --git a/docs/3.api/1.composables/use-router.md b/docs/3.api/1.composables/use-router.md
index c38d14c36470..f4ea6935487c 100644
--- a/docs/3.api/1.composables/use-router.md
+++ b/docs/3.api/1.composables/use-router.md
@@ -11,7 +11,7 @@ Within the template of a Vue component, you can access the router using `$router
 
 If you have a `pages/` folder, `useRouter` is identical in behavior to the one provided by `vue-router`. Feel free to read the router documentation for more information on what each method does.
 
-::ReadMore{link="https://router.vuejs.org/api/interfaces/Router.html#Properties-currentRoute"}
+::ReadMore{link="<https://router.vuejs.org/api/interfaces/Router.html#Properties-currentRoute"}>
 ::
 
 ## Basic Manipulation
@@ -40,7 +40,7 @@ router.push({ path: "/home" });
 router.replace({ hash: "#bio" });
 ````
 
-::ReadMore{link="https://developer.mozilla.org/en-US/docs/Web/API/History"}
+::ReadMore{link="<https://developer.mozilla.org/en-US/docs/Web/API/History"}>
 ::
 
 ## Navigation Guards
@@ -58,7 +58,7 @@ However, Nuxt has a concept of **route middleware** that simplifies the implemen
 - **onError:** Adds an error handler that is called every time a non caught error happens during navigation.
 - **resolve:** Returns the normalized version of a route location. Also includes an `href` property that includes any existing base.
 
-::ReadMore{link="https://router.vuejs.org/api/interfaces/Router.html#Methods"}
+::ReadMore{link="<https://router.vuejs.org/api/interfaces/Router.html#Methods"}>
 ::
 
 ## Universal Router Instance
diff --git a/docs/3.api/2.components/2.nuxt-page.md b/docs/3.api/2.components/2.nuxt-page.md
index fac45130f701..698727a8093a 100644
--- a/docs/3.api/2.components/2.nuxt-page.md
+++ b/docs/3.api/2.components/2.nuxt-page.md
@@ -44,7 +44,7 @@ definePageMeta({
 </script>
 ```
 
-:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/pages?file=app.vue" blank}
+:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/pages?file=app.vue>" blank}
 
 ## Custom Props
 
diff --git a/docs/3.api/2.components/4.nuxt-link.md b/docs/3.api/2.components/4.nuxt-link.md
index 42d4cd8a8e26..2154c4a62253 100644
--- a/docs/3.api/2.components/4.nuxt-link.md
+++ b/docs/3.api/2.components/4.nuxt-link.md
@@ -24,7 +24,7 @@ In this example, we use `<NuxtLink>` component to link to a website.
 </template>
 ```
 
-:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/pages/index.vue" blank}
+:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/pages/index.vue>" blank}
 
 ### Internal Routing
 
@@ -39,7 +39,7 @@ In this example, we use `<NuxtLink>` component to link to another page of the ap
 </template>
 ```
 
-:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/pages/index.vue" blank}
+:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/pages/index.vue>" blank}
 
 ### `target` and `rel` Attributes
 
@@ -69,7 +69,7 @@ In this example, we use `<NuxtLink>` with `target`, `rel`, and `noRel` props.
 </template>
 ```
 
-:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/pages/index.vue" blank}
+:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/pages/index.vue>" blank}
 
 ## Props
 
@@ -104,7 +104,7 @@ export default defineNuxtLink({
 
 You can then use `<MyNuxtLink />` component as usual with your new defaults.
 
-:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/components/MyNuxtLink.ts" blank}
+:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/components/MyNuxtLink.ts>" blank}
 
 ### `defineNuxtLink` Signature
 
diff --git a/docs/3.api/2.components/5.nuxt-loading-indicator.md b/docs/3.api/2.components/5.nuxt-loading-indicator.md
index 13fe8a104ba7..4b208f591000 100644
--- a/docs/3.api/2.components/5.nuxt-loading-indicator.md
+++ b/docs/3.api/2.components/5.nuxt-loading-indicator.md
@@ -17,7 +17,7 @@ Add `<NuxtLoadingIndicator/>` in your `app.vue` or layouts.
 </template>
 ```
 
-:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/pages?terminal=dev&file=/app.vue" blank}
+:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/pages?terminal=dev&file=/app.vue>" blank}
 
 ::alert{type=warning}
 If you are changing layouts as well as page, the page transition you set here will not run. Instead, you should set a layout transition.
diff --git a/docs/3.api/2.components/7.nuxt-welcome.md b/docs/3.api/2.components/7.nuxt-welcome.md
index 87cfff0b4951..194c3eae779c 100644
--- a/docs/3.api/2.components/7.nuxt-welcome.md
+++ b/docs/3.api/2.components/7.nuxt-welcome.md
@@ -10,5 +10,5 @@ The `<NuxtWelcome>` component greets users in new projects made from the starter
 This component is part of [@nuxt/ui](https://github.com/nuxt/ui)
 ::
 
-::ReadMore{link="https://github.com/nuxt/ui" title="@nuxt/ui"}
+::ReadMore{link="<https://github.com/nuxt/ui>" title="@nuxt/ui"}
 ::
diff --git a/docs/3.api/3.utils/on-before-route-leave.md b/docs/3.api/3.utils/on-before-route-leave.md
index af5cc5546917..26c40f258d61 100644
--- a/docs/3.api/3.utils/on-before-route-leave.md
+++ b/docs/3.api/3.utils/on-before-route-leave.md
@@ -7,5 +7,5 @@ description: The onBeforeRouteLeave composable allows registering a route guard
 
 The `onBeforeRouteLeave` composable adds a navigation guard that triggers whenever the component for the current location is about to be left.
 
-::ReadMore{link="https://router.vuejs.org/api/#Functions-onBeforeRouteLeave"}
+::ReadMore{link="<https://router.vuejs.org/api/#Functions-onBeforeRouteLeave"}>
 ::
diff --git a/docs/3.api/3.utils/on-before-route-update.md b/docs/3.api/3.utils/on-before-route-update.md
index c6886147e7db..84af7914e0f9 100644
--- a/docs/3.api/3.utils/on-before-route-update.md
+++ b/docs/3.api/3.utils/on-before-route-update.md
@@ -7,5 +7,5 @@ description: The onBeforeRouteUpdate composable allows registering a route guard
 
 The `onBeforeRouteUpdate` composable adds a navigation guard that triggers whenever the component for the current location is about to be updated.
 
-::ReadMore{link="https://router.vuejs.org/api/#Functions-onBeforeRouteUpdate"}
+::ReadMore{link="<https://router.vuejs.org/api/#Functions-onBeforeRouteUpdate"}>
 ::
diff --git a/docs/3.api/5.commands/devtools.md b/docs/3.api/5.commands/devtools.md
index 714b300e903b..a2d862d1293a 100644
--- a/docs/3.api/5.commands/devtools.md
+++ b/docs/3.api/5.commands/devtools.md
@@ -15,5 +15,5 @@ Option        | Default          | Description
 -------------------------|-----------------|------------------
 `rootDir` | `.` | The root directory of the app you want to enable devtools for.
 
-::ReadMore{link="https://github.com/nuxt/devtools"}
+::ReadMore{link="<https://github.com/nuxt/devtools"}>
 ::
diff --git a/docs/4.examples/6.advanced/jsx.md b/docs/4.examples/6.advanced/jsx.md
index 06eea3aac2fc..97367fa8e977 100644
--- a/docs/4.examples/6.advanced/jsx.md
+++ b/docs/4.examples/6.advanced/jsx.md
@@ -6,7 +6,7 @@ toc: false
 
 This example shows how to use [jsx syntax](https://vuejs.org/guide/extras/render-function.html#jsx-tsx) with typescript in Nuxt pages and components.
 
-::ReadMore{link="https://vuejs.org/guide/extras/render-function.html#jsx-tsx"}
+::ReadMore{link="<https://vuejs.org/guide/extras/render-function.html#jsx-tsx"}>
 ::
 
 ::sandbox{repo="nuxt/nuxt" branch="main" dir="examples/advanced/jsx" file="nuxt.config.ts"}
diff --git a/docs/4.examples/7.experimental/reactivity-transform.md b/docs/4.examples/7.experimental/reactivity-transform.md
index 3fb91a94af55..ba2261ee9c87 100644
--- a/docs/4.examples/7.experimental/reactivity-transform.md
+++ b/docs/4.examples/7.experimental/reactivity-transform.md
@@ -6,7 +6,7 @@ toc: false
 
 This example demonstrates the support of Reactivity Transform in Nuxt 3.
 
-::ReadMore{link="https://vuejs.org/guide/extras/reactivity-transform.html" title="Reactivity Transform"}
+::ReadMore{link="<https://vuejs.org/guide/extras/reactivity-transform.html>" title="Reactivity Transform"}
 ::
 
 ::sandbox{repo="nuxt/nuxt" branch="main" dir="examples/experimental/reactivity-transform" file="app.vue"}
diff --git a/docs/5.community/3.reporting-bugs.md b/docs/5.community/3.reporting-bugs.md
index 5d0f05558447..626cf2f80368 100644
--- a/docs/5.community/3.reporting-bugs.md
+++ b/docs/5.community/3.reporting-bugs.md
@@ -32,18 +32,18 @@ If your issue concerns Vue 3 or Vite, please try to reproduce it first with the
 
 **Nuxt 3**:
 
-:button-link[Nuxt 3 on StackBlitz]{href="https://stackblitz.com/github/nuxt/starter/tree/v3-stackblitz" blank .mr-2}
-:button-link[Nuxt 3 on CodeSandbox]{href="https://codesandbox.io/p/github/nuxt/starter/v3-codesandbox" blank}
+:button-link[Nuxt 3 on StackBlitz]{href="<https://stackblitz.com/github/nuxt/starter/tree/v3-stackblitz>" blank .mr-2}
+:button-link[Nuxt 3 on CodeSandbox]{href="<https://codesandbox.io/p/github/nuxt/starter/v3-codesandbox>" blank}
 
 **Nuxt Bridge**:
 
-:button-link[Nuxt Bridge on CodeSandbox]{href="https://codesandbox.io/p/github/nuxt/starter/v2-bridge-codesandbox" blank}
+:button-link[Nuxt Bridge on CodeSandbox]{href="<https://codesandbox.io/p/github/nuxt/starter/v2-bridge-codesandbox>" blank}
 
 **Vue 3**:
 
-:button-link[Vue 3 SSR on StackBlitz]{href="https://stackblitz.com/github/nuxt-contrib/vue3-ssr-starter/tree/main?terminal=dev" blank .mr-2}
-:button-link[Vue 3 SSR on CodeSandbox]{href="https://codesandbox.io/p/github/nuxt-contrib/vue3-ssr-starter/main" blank .mr-2}
-:button-link[Vue 3 SSR Template]{href="https://github.com/nuxt-contrib/vue3-ssr-starter/generate" blank}
+:button-link[Vue 3 SSR on StackBlitz]{href="<https://stackblitz.com/github/nuxt-contrib/vue3-ssr-starter/tree/main?terminal=dev>" blank .mr-2}
+:button-link[Vue 3 SSR on CodeSandbox]{href="<https://codesandbox.io/p/github/nuxt-contrib/vue3-ssr-starter/main>" blank .mr-2}
+:button-link[Vue 3 SSR Template]{href="<https://github.com/nuxt-contrib/vue3-ssr-starter/generate>" blank}
 
 Once you've reproduced the issue, remove as much code from your reproduction as you can (while still recreating the bug). The time spent making the reproduction as minimal as possible will make a huge difference to whoever sets out to fix the issue.
 

From 194fd0eb8363a1e02a07a289048e3dd58ac51a10 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Tue, 2 May 2023 23:06:13 +0200
Subject: [PATCH 58/63] lint

---
 packages/nuxt/src/app/components/utils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nuxt/src/app/components/utils.ts b/packages/nuxt/src/app/components/utils.ts
index 612d5f947779..386a81f0c999 100644
--- a/packages/nuxt/src/app/components/utils.ts
+++ b/packages/nuxt/src/app/components/utils.ts
@@ -1,4 +1,4 @@
-import { defineComponent, h } from 'vue'
+import { h } from 'vue'
 import type { Component, RendererNode } from 'vue'
 // eslint-disable-next-line
 import { isString, isPromise, isArray, isObject } from '@vue/shared'

From 810147e4fab766beccda0fef0f2ef7f7dde2c382 Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Tue, 2 May 2023 21:08:12 +0000
Subject: [PATCH 59/63] [autofix.ci] apply automated fixes

---
 test/bundle.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/bundle.test.ts b/test/bundle.test.ts
index 9c5fb0586848..0d7f8d273f94 100644
--- a/test/bundle.test.ts
+++ b/test/bundle.test.ts
@@ -45,7 +45,7 @@ describe.skipIf(isWindows || process.env.TEST_BUILDER === 'webpack' || process.e
 
   it('default server bundle size', async () => {
     stats.server = await analyzeSizes(['**/*.mjs', '!node_modules'], serverDir)
-    expect(roundToKilobytes(stats.server.totalBytes)).toMatchInlineSnapshot('"66.6k"')
+    expect(roundToKilobytes(stats.server.totalBytes)).toMatchInlineSnapshot('"67.3k"')
 
     const modules = await analyzeSizes('node_modules/**/*', serverDir)
     expect(roundToKilobytes(modules.totalBytes)).toMatchInlineSnapshot('"2654k"')

From 42186c4a5807e1b3ce6740738c4ad088f913b572 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Tue, 2 May 2023 22:19:18 +0100
Subject: [PATCH 60/63] Revert "[autofix.ci] apply automated fixes"

This reverts commit 39c7ad4408ad15bbc2ba37cec39d6bfde098c2b7.
---
 docs/1.getting-started/10.deployment.md              |  2 +-
 docs/1.getting-started/2.installation.md             |  6 +++---
 docs/1.getting-started/9.layers.md                   |  2 +-
 docs/2.guide/1.concepts/2.vuejs-development.md       |  4 ++--
 docs/2.guide/2.directory-structure/1.components.md   |  2 +-
 docs/2.guide/2.directory-structure/1.plugins.md      |  2 +-
 docs/2.guide/2.directory-structure/1.server.md       |  6 +++---
 docs/3.api/1.composables/use-cookie.md               |  2 +-
 docs/3.api/1.composables/use-nuxt-app.md             |  2 +-
 docs/3.api/1.composables/use-route.md                |  2 +-
 docs/3.api/1.composables/use-router.md               |  6 +++---
 docs/3.api/2.components/2.nuxt-page.md               |  2 +-
 docs/3.api/2.components/4.nuxt-link.md               |  8 ++++----
 docs/3.api/2.components/5.nuxt-loading-indicator.md  |  2 +-
 docs/3.api/2.components/7.nuxt-welcome.md            |  2 +-
 docs/3.api/3.utils/on-before-route-leave.md          |  2 +-
 docs/3.api/3.utils/on-before-route-update.md         |  2 +-
 docs/3.api/5.commands/devtools.md                    |  2 +-
 docs/4.examples/6.advanced/jsx.md                    |  2 +-
 .../7.experimental/reactivity-transform.md           |  2 +-
 docs/5.community/3.reporting-bugs.md                 | 12 ++++++------
 21 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/docs/1.getting-started/10.deployment.md b/docs/1.getting-started/10.deployment.md
index b9b607b4ed49..da1aeb93bda1 100644
--- a/docs/1.getting-started/10.deployment.md
+++ b/docs/1.getting-started/10.deployment.md
@@ -70,7 +70,7 @@ By default, the workload gets distributed to the workers with the round robin st
 
 ### Learn More
 
-:ReadMore{link="<https://nitro.unjs.io/deploy/node>" title="the Nitro documentation for node-server preset"}
+:ReadMore{link="https://nitro.unjs.io/deploy/node" title="the Nitro documentation for node-server preset"}
 
 ## Static Hosting
 
diff --git a/docs/1.getting-started/2.installation.md b/docs/1.getting-started/2.installation.md
index fd23fb8a1465..4b0a81e8e64b 100644
--- a/docs/1.getting-started/2.installation.md
+++ b/docs/1.getting-started/2.installation.md
@@ -10,12 +10,12 @@ Get started with Nuxt quickly with our online starters or start locally with you
 
 You can start playing with Nuxt 3 in your browser using our online sandboxes:
 
-:button-link[Play on StackBlitz]{href="<https://nuxt.new/s/v3>" blank .mr-2}
-:button-link[Play on CodeSandbox]{href="<https://nuxt.new/c/v3>" blank}
+:button-link[Play on StackBlitz]{href="https://nuxt.new/s/v3" blank .mr-2}
+:button-link[Play on CodeSandbox]{href="https://nuxt.new/c/v3" blank}
 
 Start with one of our starters and themes directly by opening [nuxt.new](https://nuxt.new).
 
-:button-link[Discover nuxt.new]{href="<https://nuxt.new>" blank}
+:button-link[Discover nuxt.new]{href="https://nuxt.new" blank}
 
 ## New Project
 
diff --git a/docs/1.getting-started/9.layers.md b/docs/1.getting-started/9.layers.md
index 2c1a316f48e9..3161569943fc 100644
--- a/docs/1.getting-started/9.layers.md
+++ b/docs/1.getting-started/9.layers.md
@@ -32,7 +32,7 @@ export default defineNuxtConfig({
 
 A quick video made by [Learn Vue](https://go.learnvue.co) to showcase the power of `extends`:
 
-:video-player{src="<https://www.youtube.com/watch?v=lnFCM7c9f7I"}>
+:video-player{src="https://www.youtube.com/watch?v=lnFCM7c9f7I"}
 
 ## Authoring Nuxt Layers
 
diff --git a/docs/2.guide/1.concepts/2.vuejs-development.md b/docs/2.guide/1.concepts/2.vuejs-development.md
index 17ee2f79f38a..137fb75f11b4 100644
--- a/docs/2.guide/1.concepts/2.vuejs-development.md
+++ b/docs/2.guide/1.concepts/2.vuejs-development.md
@@ -31,8 +31,8 @@ Most applications need multiple pages and a way to navigate between them. This i
 
 ### Example
 
-:button-link[Open on StackBlitz]{href="<https://stackblitz.com/edit/github-9hzuns?file=app.vue>" blank .mr-2}
-:button-link[Open on CodeSandbox]{href="<https://codesandbox.io/s/nuxt-3-components-auto-import-2xq9z?file=/app.vue>" blank}
+:button-link[Open on StackBlitz]{href="https://stackblitz.com/edit/github-9hzuns?file=app.vue" blank .mr-2}
+:button-link[Open on CodeSandbox]{href="https://codesandbox.io/s/nuxt-3-components-auto-import-2xq9z?file=/app.vue" blank}
 
 The `app.vue` file is the entry point, which represents the page displayed in the browser window.
 
diff --git a/docs/2.guide/2.directory-structure/1.components.md b/docs/2.guide/2.directory-structure/1.components.md
index bae08c03713a..7765bc54a4a2 100644
--- a/docs/2.guide/2.directory-structure/1.components.md
+++ b/docs/2.guide/2.directory-structure/1.components.md
@@ -263,7 +263,7 @@ This feature only works with Nuxt auto-imports and `#components` imports. Explic
 
 Standalone server components will always be rendered on the server. When their props update, this will result in a network request that will update the rendered HTML in-place.
 
-:video-player{src="<https://www.youtube.com/watch?v=u1yyXe86xJM"}>
+:video-player{src="https://www.youtube.com/watch?v=u1yyXe86xJM"}
 
 > A video made by [LearnVue](https://go.learnvue.co) for the Nuxt documentation.
 
diff --git a/docs/2.guide/2.directory-structure/1.plugins.md b/docs/2.guide/2.directory-structure/1.plugins.md
index e086c1a0375a..091b3e68a46a 100644
--- a/docs/2.guide/2.directory-structure/1.plugins.md
+++ b/docs/2.guide/2.directory-structure/1.plugins.md
@@ -207,7 +207,7 @@ export default defineNuxtPlugin((nuxtApp) => {
 })
 ```
 
-:ReadMore{link="<https://vuejs.org/guide/reusability/custom-directives.html"}>
+:ReadMore{link="https://vuejs.org/guide/reusability/custom-directives.html"}
 
 ::LinkExample{link="/docs/examples/app/plugins"}
 ::
diff --git a/docs/2.guide/2.directory-structure/1.server.md b/docs/2.guide/2.directory-structure/1.server.md
index 0c9f982e2da7..36927a446f19 100644
--- a/docs/2.guide/2.directory-structure/1.server.md
+++ b/docs/2.guide/2.directory-structure/1.server.md
@@ -13,7 +13,7 @@ Each file should export a default function defined with `defineEventHandler()`.
 
 The handler can directly return JSON data, a `Promise` or use `event.node.res.end()` to send response.
 
-::ReadMore{link="<https://nitro.unjs.io/guide/routing>" title="Nitro Route Handling Docs"}
+::ReadMore{link="https://nitro.unjs.io/guide/routing" title="Nitro Route Handling Docs"}
 ::
 
 ## Example
@@ -79,14 +79,14 @@ export default defineNitroPlugin((nitroApp) => {
 })
 ```
 
-::ReadMore{link="<https://nitro.unjs.io/guide/plugins>" title="Nitro Plugins"}
+::ReadMore{link="https://nitro.unjs.io/guide/plugins" title="Nitro Plugins"}
 ::
 
 ## Server Utilities
 
 Server routes are powered by [unjs/h3](https://github.com/unjs/h3) which comes with a handy set of helpers.
 
-::ReadMore{link="<https://www.jsdocs.io/package/h3#package-index-functions>" title="Available H3 Request Helpers"}
+::ReadMore{link="https://www.jsdocs.io/package/h3#package-index-functions" title="Available H3 Request Helpers"}
 ::
 
 You can add more helpers yourself inside the `~/server/utils` directory.
diff --git a/docs/3.api/1.composables/use-cookie.md b/docs/3.api/1.composables/use-cookie.md
index 601afbd0a3fa..f36e466f0abb 100644
--- a/docs/3.api/1.composables/use-cookie.md
+++ b/docs/3.api/1.composables/use-cookie.md
@@ -38,7 +38,7 @@ counter.value = counter.value || Math.round(Math.random() * 1000)
 </script>
 ```
 
-:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/composables/use-cookie?terminal=dev&file=app.vue>" blank}
+:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/composables/use-cookie?terminal=dev&file=app.vue" blank}
 
 ## Options
 
diff --git a/docs/3.api/1.composables/use-nuxt-app.md b/docs/3.api/1.composables/use-nuxt-app.md
index ba932c2da44a..70d4777d4357 100644
--- a/docs/3.api/1.composables/use-nuxt-app.md
+++ b/docs/3.api/1.composables/use-nuxt-app.md
@@ -72,7 +72,7 @@ await nuxtApp.callHook('my-plugin:init')
 - [**directive()**](https://vuejs.org/api/application.html#app-directive) - Registers a global custom directive if passing both a name string and a directive definition, or retrieves an already registered one if only the name is passed[(example)](/docs/guide/directory-structure/plugins#vue-directives).
 - [**use()**](https://vuejs.org/api/application.html#app-use) - Installs a **[Vue.js Plugin](https://vuejs.org/guide/reusability/plugins.html)** [(example)](/docs/guide/directory-structure/plugins#vue-plugins).
 
-:ReadMore{link="<https://vuejs.org/api/application.html#application-api"}>
+:ReadMore{link="https://vuejs.org/api/application.html#application-api"}
 
 ### `ssrContext`
 
diff --git a/docs/3.api/1.composables/use-route.md b/docs/3.api/1.composables/use-route.md
index de749b9859df..0d1f1f7146f8 100644
--- a/docs/3.api/1.composables/use-route.md
+++ b/docs/3.api/1.composables/use-route.md
@@ -39,5 +39,5 @@ Apart from dynamic parameters and query parameters, `useRoute()` also provides t
 * **path**: encoded pathname section of the URL
 * **redirectedFrom**: route location that was attempted to access before ending up on the current route location
 
-::ReadMore{link="<https://router.vuejs.org/api/interfaces/RouteLocationNormalizedLoaded.html"}>
+::ReadMore{link="https://router.vuejs.org/api/interfaces/RouteLocationNormalizedLoaded.html"}
 ::
diff --git a/docs/3.api/1.composables/use-router.md b/docs/3.api/1.composables/use-router.md
index f4ea6935487c..c38d14c36470 100644
--- a/docs/3.api/1.composables/use-router.md
+++ b/docs/3.api/1.composables/use-router.md
@@ -11,7 +11,7 @@ Within the template of a Vue component, you can access the router using `$router
 
 If you have a `pages/` folder, `useRouter` is identical in behavior to the one provided by `vue-router`. Feel free to read the router documentation for more information on what each method does.
 
-::ReadMore{link="<https://router.vuejs.org/api/interfaces/Router.html#Properties-currentRoute"}>
+::ReadMore{link="https://router.vuejs.org/api/interfaces/Router.html#Properties-currentRoute"}
 ::
 
 ## Basic Manipulation
@@ -40,7 +40,7 @@ router.push({ path: "/home" });
 router.replace({ hash: "#bio" });
 ````
 
-::ReadMore{link="<https://developer.mozilla.org/en-US/docs/Web/API/History"}>
+::ReadMore{link="https://developer.mozilla.org/en-US/docs/Web/API/History"}
 ::
 
 ## Navigation Guards
@@ -58,7 +58,7 @@ However, Nuxt has a concept of **route middleware** that simplifies the implemen
 - **onError:** Adds an error handler that is called every time a non caught error happens during navigation.
 - **resolve:** Returns the normalized version of a route location. Also includes an `href` property that includes any existing base.
 
-::ReadMore{link="<https://router.vuejs.org/api/interfaces/Router.html#Methods"}>
+::ReadMore{link="https://router.vuejs.org/api/interfaces/Router.html#Methods"}
 ::
 
 ## Universal Router Instance
diff --git a/docs/3.api/2.components/2.nuxt-page.md b/docs/3.api/2.components/2.nuxt-page.md
index 698727a8093a..fac45130f701 100644
--- a/docs/3.api/2.components/2.nuxt-page.md
+++ b/docs/3.api/2.components/2.nuxt-page.md
@@ -44,7 +44,7 @@ definePageMeta({
 </script>
 ```
 
-:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/pages?file=app.vue>" blank}
+:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/pages?file=app.vue" blank}
 
 ## Custom Props
 
diff --git a/docs/3.api/2.components/4.nuxt-link.md b/docs/3.api/2.components/4.nuxt-link.md
index 2154c4a62253..42d4cd8a8e26 100644
--- a/docs/3.api/2.components/4.nuxt-link.md
+++ b/docs/3.api/2.components/4.nuxt-link.md
@@ -24,7 +24,7 @@ In this example, we use `<NuxtLink>` component to link to a website.
 </template>
 ```
 
-:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/pages/index.vue>" blank}
+:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/pages/index.vue" blank}
 
 ### Internal Routing
 
@@ -39,7 +39,7 @@ In this example, we use `<NuxtLink>` component to link to another page of the ap
 </template>
 ```
 
-:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/pages/index.vue>" blank}
+:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/pages/index.vue" blank}
 
 ### `target` and `rel` Attributes
 
@@ -69,7 +69,7 @@ In this example, we use `<NuxtLink>` with `target`, `rel`, and `noRel` props.
 </template>
 ```
 
-:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/pages/index.vue>" blank}
+:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/pages/index.vue" blank}
 
 ## Props
 
@@ -104,7 +104,7 @@ export default defineNuxtLink({
 
 You can then use `<MyNuxtLink />` component as usual with your new defaults.
 
-:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/components/MyNuxtLink.ts>" blank}
+:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/nuxt-link?terminal=dev&file=/components/MyNuxtLink.ts" blank}
 
 ### `defineNuxtLink` Signature
 
diff --git a/docs/3.api/2.components/5.nuxt-loading-indicator.md b/docs/3.api/2.components/5.nuxt-loading-indicator.md
index 4b208f591000..13fe8a104ba7 100644
--- a/docs/3.api/2.components/5.nuxt-loading-indicator.md
+++ b/docs/3.api/2.components/5.nuxt-loading-indicator.md
@@ -17,7 +17,7 @@ Add `<NuxtLoadingIndicator/>` in your `app.vue` or layouts.
 </template>
 ```
 
-:button-link[Open on StackBlitz]{href="<https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/pages?terminal=dev&file=/app.vue>" blank}
+:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/nuxt/tree/main/examples/routing/pages?terminal=dev&file=/app.vue" blank}
 
 ::alert{type=warning}
 If you are changing layouts as well as page, the page transition you set here will not run. Instead, you should set a layout transition.
diff --git a/docs/3.api/2.components/7.nuxt-welcome.md b/docs/3.api/2.components/7.nuxt-welcome.md
index 194c3eae779c..87cfff0b4951 100644
--- a/docs/3.api/2.components/7.nuxt-welcome.md
+++ b/docs/3.api/2.components/7.nuxt-welcome.md
@@ -10,5 +10,5 @@ The `<NuxtWelcome>` component greets users in new projects made from the starter
 This component is part of [@nuxt/ui](https://github.com/nuxt/ui)
 ::
 
-::ReadMore{link="<https://github.com/nuxt/ui>" title="@nuxt/ui"}
+::ReadMore{link="https://github.com/nuxt/ui" title="@nuxt/ui"}
 ::
diff --git a/docs/3.api/3.utils/on-before-route-leave.md b/docs/3.api/3.utils/on-before-route-leave.md
index 26c40f258d61..af5cc5546917 100644
--- a/docs/3.api/3.utils/on-before-route-leave.md
+++ b/docs/3.api/3.utils/on-before-route-leave.md
@@ -7,5 +7,5 @@ description: The onBeforeRouteLeave composable allows registering a route guard
 
 The `onBeforeRouteLeave` composable adds a navigation guard that triggers whenever the component for the current location is about to be left.
 
-::ReadMore{link="<https://router.vuejs.org/api/#Functions-onBeforeRouteLeave"}>
+::ReadMore{link="https://router.vuejs.org/api/#Functions-onBeforeRouteLeave"}
 ::
diff --git a/docs/3.api/3.utils/on-before-route-update.md b/docs/3.api/3.utils/on-before-route-update.md
index 84af7914e0f9..c6886147e7db 100644
--- a/docs/3.api/3.utils/on-before-route-update.md
+++ b/docs/3.api/3.utils/on-before-route-update.md
@@ -7,5 +7,5 @@ description: The onBeforeRouteUpdate composable allows registering a route guard
 
 The `onBeforeRouteUpdate` composable adds a navigation guard that triggers whenever the component for the current location is about to be updated.
 
-::ReadMore{link="<https://router.vuejs.org/api/#Functions-onBeforeRouteUpdate"}>
+::ReadMore{link="https://router.vuejs.org/api/#Functions-onBeforeRouteUpdate"}
 ::
diff --git a/docs/3.api/5.commands/devtools.md b/docs/3.api/5.commands/devtools.md
index a2d862d1293a..714b300e903b 100644
--- a/docs/3.api/5.commands/devtools.md
+++ b/docs/3.api/5.commands/devtools.md
@@ -15,5 +15,5 @@ Option        | Default          | Description
 -------------------------|-----------------|------------------
 `rootDir` | `.` | The root directory of the app you want to enable devtools for.
 
-::ReadMore{link="<https://github.com/nuxt/devtools"}>
+::ReadMore{link="https://github.com/nuxt/devtools"}
 ::
diff --git a/docs/4.examples/6.advanced/jsx.md b/docs/4.examples/6.advanced/jsx.md
index 97367fa8e977..06eea3aac2fc 100644
--- a/docs/4.examples/6.advanced/jsx.md
+++ b/docs/4.examples/6.advanced/jsx.md
@@ -6,7 +6,7 @@ toc: false
 
 This example shows how to use [jsx syntax](https://vuejs.org/guide/extras/render-function.html#jsx-tsx) with typescript in Nuxt pages and components.
 
-::ReadMore{link="<https://vuejs.org/guide/extras/render-function.html#jsx-tsx"}>
+::ReadMore{link="https://vuejs.org/guide/extras/render-function.html#jsx-tsx"}
 ::
 
 ::sandbox{repo="nuxt/nuxt" branch="main" dir="examples/advanced/jsx" file="nuxt.config.ts"}
diff --git a/docs/4.examples/7.experimental/reactivity-transform.md b/docs/4.examples/7.experimental/reactivity-transform.md
index ba2261ee9c87..3fb91a94af55 100644
--- a/docs/4.examples/7.experimental/reactivity-transform.md
+++ b/docs/4.examples/7.experimental/reactivity-transform.md
@@ -6,7 +6,7 @@ toc: false
 
 This example demonstrates the support of Reactivity Transform in Nuxt 3.
 
-::ReadMore{link="<https://vuejs.org/guide/extras/reactivity-transform.html>" title="Reactivity Transform"}
+::ReadMore{link="https://vuejs.org/guide/extras/reactivity-transform.html" title="Reactivity Transform"}
 ::
 
 ::sandbox{repo="nuxt/nuxt" branch="main" dir="examples/experimental/reactivity-transform" file="app.vue"}
diff --git a/docs/5.community/3.reporting-bugs.md b/docs/5.community/3.reporting-bugs.md
index 626cf2f80368..5d0f05558447 100644
--- a/docs/5.community/3.reporting-bugs.md
+++ b/docs/5.community/3.reporting-bugs.md
@@ -32,18 +32,18 @@ If your issue concerns Vue 3 or Vite, please try to reproduce it first with the
 
 **Nuxt 3**:
 
-:button-link[Nuxt 3 on StackBlitz]{href="<https://stackblitz.com/github/nuxt/starter/tree/v3-stackblitz>" blank .mr-2}
-:button-link[Nuxt 3 on CodeSandbox]{href="<https://codesandbox.io/p/github/nuxt/starter/v3-codesandbox>" blank}
+:button-link[Nuxt 3 on StackBlitz]{href="https://stackblitz.com/github/nuxt/starter/tree/v3-stackblitz" blank .mr-2}
+:button-link[Nuxt 3 on CodeSandbox]{href="https://codesandbox.io/p/github/nuxt/starter/v3-codesandbox" blank}
 
 **Nuxt Bridge**:
 
-:button-link[Nuxt Bridge on CodeSandbox]{href="<https://codesandbox.io/p/github/nuxt/starter/v2-bridge-codesandbox>" blank}
+:button-link[Nuxt Bridge on CodeSandbox]{href="https://codesandbox.io/p/github/nuxt/starter/v2-bridge-codesandbox" blank}
 
 **Vue 3**:
 
-:button-link[Vue 3 SSR on StackBlitz]{href="<https://stackblitz.com/github/nuxt-contrib/vue3-ssr-starter/tree/main?terminal=dev>" blank .mr-2}
-:button-link[Vue 3 SSR on CodeSandbox]{href="<https://codesandbox.io/p/github/nuxt-contrib/vue3-ssr-starter/main>" blank .mr-2}
-:button-link[Vue 3 SSR Template]{href="<https://github.com/nuxt-contrib/vue3-ssr-starter/generate>" blank}
+:button-link[Vue 3 SSR on StackBlitz]{href="https://stackblitz.com/github/nuxt-contrib/vue3-ssr-starter/tree/main?terminal=dev" blank .mr-2}
+:button-link[Vue 3 SSR on CodeSandbox]{href="https://codesandbox.io/p/github/nuxt-contrib/vue3-ssr-starter/main" blank .mr-2}
+:button-link[Vue 3 SSR Template]{href="https://github.com/nuxt-contrib/vue3-ssr-starter/generate" blank}
 
 Once you've reproduced the issue, remove as much code from your reproduction as you can (while still recreating the bug). The time spent making the reproduction as minimal as possible will make a huge difference to whoever sets out to fix the issue.
 

From f1e01e037166ac7abdb19d3a7c159b45b79c5422 Mon Sep 17 00:00:00 2001
From: Julien Huang <julien.huang@outlook.fr>
Date: Tue, 9 May 2023 18:33:20 +0200
Subject: [PATCH 61/63] perf: don't call `replaceServerOnlyComponentsSlots` if
 NUXT_COMPONENT_ISLANDS is disabled

---
 packages/nuxt/src/core/runtime/nitro/renderer.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index b018f9471314..76449e1c795d 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -300,7 +300,7 @@ export default defineRenderHandler(async (event) => {
       renderedMeta.bodyScriptsPrepend,
       ssrContext.teleports?.body
     ]),
-    body: [replaceServerOnlyComponentsSlots(ssrContext, _rendered.html)],
+    body: [process.env.NUXT_COMPONENT_ISLANDS ? replaceServerOnlyComponentsSlots(ssrContext, _rendered.html) : _rendered.html],
     bodyAppend: normalizeChunks([
       NO_SCRIPTS
         ? undefined

From 6309b04f6361280ef021af8222c12e22f4943127 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Mon, 15 May 2023 23:12:04 +0100
Subject: [PATCH 62/63] refactor: use `replace` rather than `replaceAll`

---
 packages/nuxt/src/app/components/nuxt-island.ts          | 2 +-
 packages/nuxt/src/components/runtime/server-component.ts | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-island.ts b/packages/nuxt/src/app/components/nuxt-island.ts
index 20db3b589ec0..d3a077520fcc 100644
--- a/packages/nuxt/src/app/components/nuxt-island.ts
+++ b/packages/nuxt/src/app/components/nuxt-island.ts
@@ -47,7 +47,7 @@ export default defineComponent({
 
     const html = computed(() => {
       const currentSlots = Object.keys(slots)
-      return ssrHTML.value.replaceAll(SLOT_FALLBACK_RE, (full, slotName, content) => {
+      return ssrHTML.value.replace(SLOT_FALLBACK_RE, (full, slotName, content) => {
         // remove fallback to insert slots
         if (currentSlots.includes(slotName)) {
           return ''
diff --git a/packages/nuxt/src/components/runtime/server-component.ts b/packages/nuxt/src/components/runtime/server-component.ts
index fb42c1a66646..074fcb95c403 100644
--- a/packages/nuxt/src/components/runtime/server-component.ts
+++ b/packages/nuxt/src/components/runtime/server-component.ts
@@ -124,9 +124,9 @@ const NuxtServerComponent = defineComponent({
 
     const html = computed(() => {
       const currentSlots = Object.keys(slots)
-      return res.data.value!.html.replace(UID_ATTR, () => {
-        return `nuxt-ssr-component-uid="${randomUUID()}"`
-      }).replaceAll(SLOT_FALLBACK_RE, (full, slotName, content) => {
+      return res.data.value!.html
+        .replace(UID_ATTR, () => `nuxt-ssr-component-uid="${randomUUID()}"`)
+        .replace(SLOT_FALLBACK_RE, (full, slotName, content) => {
         // remove fallback to insert slots
         if (currentSlots.includes(slotName)) {
           return ''

From b4fcf503256894f3ed9ff71bd193c7f18292a004 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Mon, 15 May 2023 23:14:51 +0100
Subject: [PATCH 63/63] chore: lint

---
 .../nuxt/src/components/runtime/server-component.ts    | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/nuxt/src/components/runtime/server-component.ts b/packages/nuxt/src/components/runtime/server-component.ts
index 074fcb95c403..cd48972051bf 100644
--- a/packages/nuxt/src/components/runtime/server-component.ts
+++ b/packages/nuxt/src/components/runtime/server-component.ts
@@ -128,11 +128,11 @@ const NuxtServerComponent = defineComponent({
         .replace(UID_ATTR, () => `nuxt-ssr-component-uid="${randomUUID()}"`)
         .replace(SLOT_FALLBACK_RE, (full, slotName, content) => {
         // remove fallback to insert slots
-        if (currentSlots.includes(slotName)) {
-          return ''
-        }
-        return content
-      })
+          if (currentSlots.includes(slotName)) {
+            return ''
+          }
+          return content
+        })
     })
     function setUid () {
       uid.value = html.value.match(SSR_UID_RE)?.[1] ?? randomUUID() as string