feat(kitchen sink / inbox): fix view transition

gitsindonesia · Jun 19, 2023 · b0a97bf · b0a97bf
1 parent 8a28fd6
commit b0a97bf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/starter/kitchen-sink/pages/inbox/index.vue b/starter/kitchen-sink/pages/inbox/index.vue
@@ -15,16 +15,17 @@ definePageMeta({
         <span
           class="font-semibold"
           :style="{
-            viewTransitionName: `email-sender-${$route.params.id}`,
+            viewTransitionName: `email-sender-${i}`,
           }"
           >User {{ i }}</span
         >
         <span
           class="flex-grow"
           :style="{
-            viewTransitionName: `email-subject-${$route.params.id}`,
+            viewTransitionName: `email-subject-${i}`,
           }"
-          >Email subject</span
+        >
+          Message {{ i }}</span
         >
         <span class="text-xs text-gray-true-500">2 min ago</span>
       </div>

diff --git a/starter/kitchen-sink/pages/inbox/messages/[id].vue b/starter/kitchen-sink/pages/inbox/messages/[id].vue
@@ -20,7 +20,7 @@ definePageMeta({
         <h1
           class="text-3xl font-semibold"
           :style="{
-            viewTransitionName: `email-sender-${$route.params.id}`,
+            viewTransitionName: `email-subject-${$route.params.id}`,
           }"
         >
           Message {{ $route.params.id }}
@@ -32,7 +32,7 @@ definePageMeta({
               viewTransitionName: `email-sender-${$route.params.id}`,
             }"
           >
-            John Doe
+            User {{ $route.params.id }}
           </h3>
           <p class="text-xs text-gray-500">11:28 AM (1 hour ago)</p>
           <VBtn prefix-icon="ri:reply-line" icon text fab size="sm" />