From 1ec7d23db6d1ead64870af898aee2efbe52853af Mon Sep 17 00:00:00 2001
From: Mike Newbon <michael.newbon@gmail.com>
Date: Thu, 27 Nov 2025 02:17:39 +0100
Subject: [PATCH 1/3] fix responsive reverse order on page card

---
 src/theme/page-card.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/theme/page-card.ts b/src/theme/page-card.ts
index da72414877..2544c64c22 100644
--- a/src/theme/page-card.ts
+++ b/src/theme/page-card.ts
@@ -25,7 +25,7 @@ export default (options: Required<NuxtOptions['ui']>) => ({
     },
     reverse: {
       true: {
-        wrapper: 'lg:order-last'
+        wrapper: 'order-last'
       }
     },
     variant: {

From 4830c66895ec8414b8b34a4e923905ec065e44c4 Mon Sep 17 00:00:00 2001
From: Mike Newbon <michael.newbon@gmail.com>
Date: Thu, 27 Nov 2025 02:22:44 +0100
Subject: [PATCH 2/3] update test snapshots

---
 test/components/__snapshots__/PageCard-vue.spec.ts.snap | 8 ++++----
 test/components/__snapshots__/PageCard.spec.ts.snap     | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/test/components/__snapshots__/PageCard-vue.spec.ts.snap b/test/components/__snapshots__/PageCard-vue.spec.ts.snap
index 38aeb75c75..08f04d5a98 100644
--- a/test/components/__snapshots__/PageCard-vue.spec.ts.snap
+++ b/test/components/__snapshots__/PageCard-vue.spec.ts.snap
@@ -349,8 +349,8 @@ exports[`PageCard > renders with orientation horizontal correctly 1`] = `
 exports[`PageCard > renders with orientation horizontal reverse correctly 1`] = `
 "<div data-orientation="horizontal" data-slot="root" class="relative flex rounded-lg bg-default ring ring-default">
   <!--v-if-->
-  <div data-slot="container" class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 lg:grid-cols-2 lg:items-center">
-    <div data-slot="wrapper" class="flex flex-col flex-1 items-start lg:order-last">
+  <div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 lg:grid-cols-2 lg:items-center">
+    <div class="flex flex-col flex-1 items-start order-last">
       <!--v-if-->
       <div data-slot="leading" class="inline-flex items-center mb-2.5"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 16 16" data-slot="leadingIcon" class="size-5 shrink-0 text-primary"></svg></div>
       <div data-slot="body" class="flex-1">
@@ -385,8 +385,8 @@ exports[`PageCard > renders with orientation vertical correctly 1`] = `
 exports[`PageCard > renders with orientation vertical reverse correctly 1`] = `
 "<div data-orientation="vertical" data-slot="root" class="relative flex rounded-lg bg-default ring ring-default">
   <!--v-if-->
-  <div data-slot="container" class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6">
-    <div data-slot="wrapper" class="flex flex-col flex-1 items-start lg:order-last">
+  <div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6">
+    <div class="flex flex-col flex-1 items-start order-last">
       <!--v-if-->
       <div data-slot="leading" class="inline-flex items-center mb-2.5"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 16 16" data-slot="leadingIcon" class="size-5 shrink-0 text-primary"></svg></div>
       <div data-slot="body" class="flex-1">
diff --git a/test/components/__snapshots__/PageCard.spec.ts.snap b/test/components/__snapshots__/PageCard.spec.ts.snap
index 2805354cb1..51976f5751 100644
--- a/test/components/__snapshots__/PageCard.spec.ts.snap
+++ b/test/components/__snapshots__/PageCard.spec.ts.snap
@@ -349,8 +349,8 @@ exports[`PageCard > renders with orientation horizontal correctly 1`] = `
 exports[`PageCard > renders with orientation horizontal reverse correctly 1`] = `
 "<div data-orientation="horizontal" data-slot="root" class="relative flex rounded-lg bg-default ring ring-default">
   <!--v-if-->
-  <div data-slot="container" class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 lg:grid-cols-2 lg:items-center">
-    <div data-slot="wrapper" class="flex flex-col flex-1 items-start lg:order-last">
+  <div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 lg:grid-cols-2 lg:items-center">
+    <div class="flex flex-col flex-1 items-start order-last">
       <!--v-if-->
       <div data-slot="leading" class="inline-flex items-center mb-2.5"><span class="iconify i-lucide:house size-5 shrink-0 text-primary" aria-hidden="true" data-slot="leadingIcon"></span></div>
       <div data-slot="body" class="flex-1">
@@ -385,8 +385,8 @@ exports[`PageCard > renders with orientation vertical correctly 1`] = `
 exports[`PageCard > renders with orientation vertical reverse correctly 1`] = `
 "<div data-orientation="vertical" data-slot="root" class="relative flex rounded-lg bg-default ring ring-default">
   <!--v-if-->
-  <div data-slot="container" class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6">
-    <div data-slot="wrapper" class="flex flex-col flex-1 items-start lg:order-last">
+  <div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6">
+    <div class="flex flex-col flex-1 items-start order-last">
       <!--v-if-->
       <div data-slot="leading" class="inline-flex items-center mb-2.5"><span class="iconify i-lucide:house size-5 shrink-0 text-primary" aria-hidden="true" data-slot="leadingIcon"></span></div>
       <div data-slot="body" class="flex-1">

From 83a3e03930f685e18e496eb22c2957372b77ec01 Mon Sep 17 00:00:00 2001
From: Mike Newbon <michael.newbon@gmail.com>
Date: Thu, 27 Nov 2025 02:24:45 +0100
Subject: [PATCH 3/3] fix again after merge

---
 test/components/__snapshots__/PageCard-vue.spec.ts.snap | 8 ++++----
 test/components/__snapshots__/PageCard.spec.ts.snap     | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/test/components/__snapshots__/PageCard-vue.spec.ts.snap b/test/components/__snapshots__/PageCard-vue.spec.ts.snap
index 08f04d5a98..ef4dcb4482 100644
--- a/test/components/__snapshots__/PageCard-vue.spec.ts.snap
+++ b/test/components/__snapshots__/PageCard-vue.spec.ts.snap
@@ -349,8 +349,8 @@ exports[`PageCard > renders with orientation horizontal correctly 1`] = `
 exports[`PageCard > renders with orientation horizontal reverse correctly 1`] = `
 "<div data-orientation="horizontal" data-slot="root" class="relative flex rounded-lg bg-default ring ring-default">
   <!--v-if-->
-  <div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 lg:grid-cols-2 lg:items-center">
-    <div class="flex flex-col flex-1 items-start order-last">
+  <div data-slot="container" class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 lg:grid-cols-2 lg:items-center">
+    <div data-slot="wrapper" class="flex flex-col flex-1 items-start order-last">
       <!--v-if-->
       <div data-slot="leading" class="inline-flex items-center mb-2.5"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 16 16" data-slot="leadingIcon" class="size-5 shrink-0 text-primary"></svg></div>
       <div data-slot="body" class="flex-1">
@@ -385,8 +385,8 @@ exports[`PageCard > renders with orientation vertical correctly 1`] = `
 exports[`PageCard > renders with orientation vertical reverse correctly 1`] = `
 "<div data-orientation="vertical" data-slot="root" class="relative flex rounded-lg bg-default ring ring-default">
   <!--v-if-->
-  <div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6">
-    <div class="flex flex-col flex-1 items-start order-last">
+  <div data-slot="container" class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6">
+    <div data-slot="wrapper" class="flex flex-col flex-1 items-start order-last">
       <!--v-if-->
       <div data-slot="leading" class="inline-flex items-center mb-2.5"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 16 16" data-slot="leadingIcon" class="size-5 shrink-0 text-primary"></svg></div>
       <div data-slot="body" class="flex-1">
diff --git a/test/components/__snapshots__/PageCard.spec.ts.snap b/test/components/__snapshots__/PageCard.spec.ts.snap
index 51976f5751..a2ada9e4a3 100644
--- a/test/components/__snapshots__/PageCard.spec.ts.snap
+++ b/test/components/__snapshots__/PageCard.spec.ts.snap
@@ -349,8 +349,8 @@ exports[`PageCard > renders with orientation horizontal correctly 1`] = `
 exports[`PageCard > renders with orientation horizontal reverse correctly 1`] = `
 "<div data-orientation="horizontal" data-slot="root" class="relative flex rounded-lg bg-default ring ring-default">
   <!--v-if-->
-  <div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 lg:grid-cols-2 lg:items-center">
-    <div class="flex flex-col flex-1 items-start order-last">
+  <div data-slot="container" class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 lg:grid-cols-2 lg:items-center">
+    <div data-slot="wrapper" class="flex flex-col flex-1 items-start order-last">
       <!--v-if-->
       <div data-slot="leading" class="inline-flex items-center mb-2.5"><span class="iconify i-lucide:house size-5 shrink-0 text-primary" aria-hidden="true" data-slot="leadingIcon"></span></div>
       <div data-slot="body" class="flex-1">
@@ -385,8 +385,8 @@ exports[`PageCard > renders with orientation vertical correctly 1`] = `
 exports[`PageCard > renders with orientation vertical reverse correctly 1`] = `
 "<div data-orientation="vertical" data-slot="root" class="relative flex rounded-lg bg-default ring ring-default">
   <!--v-if-->
-  <div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6">
-    <div class="flex flex-col flex-1 items-start order-last">
+  <div data-slot="container" class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6">
+    <div data-slot="wrapper" class="flex flex-col flex-1 items-start order-last">
       <!--v-if-->
       <div data-slot="leading" class="inline-flex items-center mb-2.5"><span class="iconify i-lucide:house size-5 shrink-0 text-primary" aria-hidden="true" data-slot="leadingIcon"></span></div>
       <div data-slot="body" class="flex-1">