fix(vue): align useCookie stub with nuxt's default value handling (#5089)

Co-authored-by: Benjamin Canac <[email protected]>

Author: ivanmaxlogiudice

src/runtime/inertia/stubs.ts

@@ -50,10 +50,10 @@ export const useCookie = <T = string>(
   _name: string,
   _options: Record<string, any> = {}
 ) => {
-  const value = ref(null) as Ref<T>
+  const value = ref(_options?.default?.() ?? null) as Ref<T>
 
   return {
-    value,
+    value: value.value,
     get: () => value.value,
     set: () => {},
     update: () => {},

src/runtime/vue/stubs.ts

@@ -38,10 +38,10 @@ export const useCookie = <T = string>(
   _name: string,
   _options: Record<string, any> = {}
 ) => {
-  const value = ref(null) as Ref<T>
+  const value = ref(_options?.default?.() ?? null) as Ref<T>
 
   return {
-    value,
+    value: value.value,
     get: () => value.value,
     set: () => {},
     update: () => {},

test/components/__snapshots__/DashboardSidebar-vue.spec.ts.snap

@@ -39,7 +39,7 @@ exports[`DashboardSidebar > renders with collapsible correctly 1`] = `
   <!---->
   <!---->
   <!--v-if-->
-  <div id="dashboard-sidebar-v-0" data-dragging="false" class="relative hidden lg:flex flex-col min-h-svh min-w-16 w-(--width) shrink-0 border-r border-default" style="--width: 0%;">
+  <div id="dashboard-sidebar-v-0" data-collapsed="false" data-dragging="false" class="relative hidden lg:flex flex-col min-h-svh min-w-16 w-(--width) shrink-0 border-r border-default" style="--width: 15%;">
     <!--v-if-->
     <div class="flex flex-col gap-4 flex-1 overflow-y-auto px-4 py-2"></div>
     <!--v-if-->
@@ -272,7 +272,7 @@ exports[`DashboardSidebar > renders with resizable correctly 1`] = `
   <!---->
   <!---->
   <!--v-if-->
-  <div id="dashboard-sidebar-v-0" data-dragging="false" class="relative hidden lg:flex flex-col min-h-svh min-w-16 w-(--width) shrink-0 border-r border-default" style="--width: 0%;">
+  <div id="dashboard-sidebar-v-0" data-collapsed="false" data-dragging="false" class="relative hidden lg:flex flex-col min-h-svh min-w-16 w-(--width) shrink-0 border-r border-default" style="--width: 15%;">
     <!--v-if-->
     <div class="flex flex-col gap-4 flex-1 overflow-y-auto px-4 py-2"></div>
     <!--v-if-->