Merge branch 'main' into fix/clear-fetch-cache-on-sign-out

Author: jacekradko

.changeset/cold-parks-push.md

@@ -0,0 +1,5 @@
+---
+'@clerk/vue': minor
+---
+
+Expose billing buttons as experimental

.changeset/four-mice-crash.md

@@ -47,6 +47,22 @@ const routes = [
     path: '/user',
     component: () => import('./views/Profile.vue'),
   },
+  // Billing button routes
+  {
+    name: 'CheckoutBtn',
+    path: '/billing/checkout-btn',
+    component: () => import('./views/billing/CheckoutBtn.vue'),
+  },
+  {
+    name: 'PlanDetailsBtn',
+    path: '/billing/plan-details-btn',
+    component: () => import('./views/billing/PlanDetailsBtn.vue'),
+  },
+  {
+    name: 'SubscriptionDetailsBtn',
+    path: '/billing/subscription-details-btn',
+    component: () => import('./views/billing/SubscriptionDetailsBtn.vue'),
+  },
 ];
 
 const router = createRouter({

.changeset/ninety-crews-find.md

@@ -0,0 +1,17 @@
+<template>
+  <main>
+    <SignedIn>
+      <CheckoutButton
+        planId="cplan_2wMjqdlza0hTJc4HLCoBwAiExhF"
+        planPeriod="month"
+      >
+        Checkout Now
+      </CheckoutButton>
+    </SignedIn>
+  </main>
+</template>
+
+<script setup lang="ts">
+import { SignedIn } from '@clerk/vue';
+import { CheckoutButton } from '@clerk/vue/experimental';
+</script>

.changeset/short-ravens-sell.md

@@ -0,0 +1,9 @@
+<template>
+  <main>
+    <PlanDetailsButton planId="cplan_2wMjqdlza0hTJc4HLCoBwAiExhF"> Plan details </PlanDetailsButton>
+  </main>
+</template>
+
+<script setup lang="ts">
+import { PlanDetailsButton } from '@clerk/vue/experimental';
+</script>

.changeset/shy-places-grab.md

@@ -0,0 +1,9 @@
+<template>
+  <main>
+    <SubscriptionDetailsButton> Subscription details </SubscriptionDetailsButton>
+  </main>
+</template>
+
+<script setup lang="ts">
+import { SubscriptionDetailsButton } from '@clerk/vue/experimental';
+</script>

integration/templates/vue-vite/src/router.ts

@@ -32,9 +32,8 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withBilling] })('pricing tabl
     });
 
     test('renders pricing details of a specific plan', async ({ page, context }) => {
-      if (!app.name.includes('next')) {
-        return;
-      }
+      test.skip(app.name.includes('astro'), 'Still working on it');
+
       const u = createTestUtils({ app, page, context });
       await u.po.page.goToRelative('/billing/plan-details-btn');
 
@@ -83,9 +82,7 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withBilling] })('pricing tabl
       page,
       context,
     }) => {
-      if (!app.name.includes('next')) {
-        return;
-      }
+      test.skip(app.name.includes('astro'), 'Still working on it');
       const u = createTestUtils({ app, page, context });
       await u.po.signIn.goTo();
       await u.po.signIn.signInWithEmailAndInstantPassword({ email: fakeUser.email, password: fakeUser.password });
@@ -100,9 +97,7 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withBilling] })('pricing tabl
     });
 
     test('when signed in, clicking checkout button open checkout drawer', async ({ page, context }) => {
-      if (!app.name.includes('next')) {
-        return;
-      }
+      test.skip(app.name.includes('astro'), 'Still working on it');
       const u = createTestUtils({ app, page, context });
       await u.po.signIn.goTo();
       await u.po.signIn.signInWithEmailAndInstantPassword({ email: fakeUser.email, password: fakeUser.password });
@@ -137,9 +132,7 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withBilling] })('pricing tabl
     });
 
     test('opens subscription details drawer', async ({ page, context }) => {
-      if (!app.name.includes('next')) {
-        return;
-      }
+      test.skip(app.name.includes('astro'), 'Still working on it');
       const u = createTestUtils({ app, page, context });
       await u.po.signIn.goTo();
       await u.po.signIn.signInWithEmailAndInstantPassword({ email: fakeUser.email, password: fakeUser.password });