feat(vue,nuxt): Introduce <experimental_PricingTable/> #5769

octoper · 2025-04-30T12:19:56Z

Description

This PR adds <experimental_PricingTable/> to both Nuxt and Vue

Checklist

pnpm test runs as expected.
pnpm build runs as expected.
(If applicable) JSDoc comments have been added or updated for any package exports
(If applicable) Documentation has been updated

Type of change

vercel · 2025-04-30T12:20:01Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
clerk-js-sandbox	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 2, 2025 5:58am

changeset-bot · 2025-04-30T12:20:01Z

🦋 Changeset detected

Latest commit: 1eca099

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@clerk/nuxt	Minor
@clerk/vue	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

octoper · 2025-04-30T12:24:24Z

integration/tests/pricing-table.test.ts

    await frame.getByLabel('Expiration date').fill('1234');
    await frame.getByLabel('Security code').fill('123');
-    await frame.getByLabel('ZIP code').fill('12345');
+    // await frame.getByLabel('ZIP code').fill('12345');


Local tests for me failed because ZIP code could not be found, this is probably caused because of location(?) will conditionally fill this if that's the case before merging the PR

octoper · 2025-04-30T13:05:33Z

!snapshot

clerk-cookie · 2025-04-30T13:08:11Z

Hey @octoper - the snapshot version command generated the following package versions:

Package	Version
@clerk/agent-toolkit	0.0.28-snapshot.v20250430130615
@clerk/astro	2.6.10-snapshot.v20250430130615
@clerk/backend	1.30.2-snapshot.v20250430130615
@clerk/chrome-extension	2.3.4-snapshot.v20250430130615
@clerk/clerk-js	5.63.2-snapshot.v20250430130615
@clerk/elements	0.23.20-snapshot.v20250430130615
@clerk/clerk-expo	2.10.4-snapshot.v20250430130615
@clerk/expo-passkeys	0.2.12-snapshot.v20250430130615
@clerk/express	1.4.11-snapshot.v20250430130615
@clerk/fastify	2.2.11-snapshot.v20250430130615
@clerk/localizations	3.14.2-snapshot.v20250430130615
@clerk/nextjs	6.18.2-snapshot.v20250430130615
@clerk/nuxt	1.6.0-snapshot.v20250430130615
@clerk/clerk-react	5.30.2-snapshot.v20250430130615
@clerk/react-router	1.3.2-snapshot.v20250430130615
@clerk/remix	4.6.2-snapshot.v20250430130615
@clerk/shared	3.7.6-snapshot.v20250430130615
@clerk/tanstack-react-start	0.14.2-snapshot.v20250430130615
@clerk/testing	1.6.1-snapshot.v20250430130615
@clerk/themes	2.2.38-snapshot.v20250430130615
@clerk/types	4.56.1-snapshot.v20250430130615
@clerk/vue	1.7.0-snapshot.v20250430130615

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/agent-toolkit

npm i @clerk/agent-toolkit@0.0.28-snapshot.v20250430130615 --save-exact

@clerk/astro

npm i @clerk/astro@2.6.10-snapshot.v20250430130615 --save-exact

@clerk/backend

npm i @clerk/backend@1.30.2-snapshot.v20250430130615 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@2.3.4-snapshot.v20250430130615 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@5.63.2-snapshot.v20250430130615 --save-exact

@clerk/elements

npm i @clerk/elements@0.23.20-snapshot.v20250430130615 --save-exact

@clerk/clerk-expo

npm i @clerk/clerk-expo@2.10.4-snapshot.v20250430130615 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@0.2.12-snapshot.v20250430130615 --save-exact

@clerk/express

npm i @clerk/express@1.4.11-snapshot.v20250430130615 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.2.11-snapshot.v20250430130615 --save-exact

@clerk/localizations

npm i @clerk/localizations@3.14.2-snapshot.v20250430130615 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@6.18.2-snapshot.v20250430130615 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@1.6.0-snapshot.v20250430130615 --save-exact

@clerk/clerk-react

npm i @clerk/clerk-react@5.30.2-snapshot.v20250430130615 --save-exact

@clerk/react-router

npm i @clerk/react-router@1.3.2-snapshot.v20250430130615 --save-exact

@clerk/remix

npm i @clerk/remix@4.6.2-snapshot.v20250430130615 --save-exact

@clerk/shared

npm i @clerk/shared@3.7.6-snapshot.v20250430130615 --save-exact

@clerk/tanstack-react-start

npm i @clerk/tanstack-react-start@0.14.2-snapshot.v20250430130615 --save-exact

@clerk/testing

npm i @clerk/testing@1.6.1-snapshot.v20250430130615 --save-exact

@clerk/themes

npm i @clerk/themes@2.2.38-snapshot.v20250430130615 --save-exact

@clerk/types

npm i @clerk/types@4.56.1-snapshot.v20250430130615 --save-exact

@clerk/vue

npm i @clerk/vue@1.7.0-snapshot.v20250430130615 --save-exact

wobsoriano · 2025-04-30T14:25:15Z

packages/vue/src/components/ui-components/PircingTable.vue

typo in filename 👀

.changeset/twelve-ideas-exist.md

wobsoriano · 2025-04-30T15:23:40Z

.changeset/twelve-ideas-exist.md

+'@clerk/vue': minor
+---
+
+Introducing <experimental_PricingTable/>


nit: can we add syntax highlighting to the code?

wobsoriano

🚀

.changeset/twelve-ideas-exist.md

octoper · 2025-04-30T17:11:16Z

!snapshot

clerk-cookie · 2025-04-30T17:13:36Z

Hey @octoper - the snapshot version command generated the following package versions:

Package	Version
@clerk/agent-toolkit	0.0.28-snapshot.v20250430171147
@clerk/astro	2.6.10-snapshot.v20250430171147
@clerk/backend	1.30.2-snapshot.v20250430171147
@clerk/chrome-extension	2.3.4-snapshot.v20250430171147
@clerk/clerk-js	5.63.2-snapshot.v20250430171147
@clerk/elements	0.23.20-snapshot.v20250430171147
@clerk/clerk-expo	2.10.4-snapshot.v20250430171147
@clerk/expo-passkeys	0.2.12-snapshot.v20250430171147
@clerk/express	1.4.11-snapshot.v20250430171147
@clerk/fastify	2.2.11-snapshot.v20250430171147
@clerk/localizations	3.14.2-snapshot.v20250430171147
@clerk/nextjs	6.18.2-snapshot.v20250430171147
@clerk/nuxt	1.6.0-snapshot.v20250430171147
@clerk/clerk-react	5.30.2-snapshot.v20250430171147
@clerk/react-router	1.3.2-snapshot.v20250430171147
@clerk/remix	4.6.2-snapshot.v20250430171147
@clerk/shared	3.7.6-snapshot.v20250430171147
@clerk/tanstack-react-start	0.14.2-snapshot.v20250430171147
@clerk/testing	1.6.1-snapshot.v20250430171147
@clerk/themes	2.2.38-snapshot.v20250430171147
@clerk/types	4.56.1-snapshot.v20250430171147
@clerk/vue	1.7.0-snapshot.v20250430171147

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/agent-toolkit

npm i @clerk/agent-toolkit@0.0.28-snapshot.v20250430171147 --save-exact

@clerk/astro

npm i @clerk/astro@2.6.10-snapshot.v20250430171147 --save-exact

@clerk/backend

npm i @clerk/backend@1.30.2-snapshot.v20250430171147 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@2.3.4-snapshot.v20250430171147 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@5.63.2-snapshot.v20250430171147 --save-exact

@clerk/elements

npm i @clerk/elements@0.23.20-snapshot.v20250430171147 --save-exact

@clerk/clerk-expo

npm i @clerk/clerk-expo@2.10.4-snapshot.v20250430171147 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@0.2.12-snapshot.v20250430171147 --save-exact

@clerk/express

npm i @clerk/express@1.4.11-snapshot.v20250430171147 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.2.11-snapshot.v20250430171147 --save-exact

@clerk/localizations

npm i @clerk/localizations@3.14.2-snapshot.v20250430171147 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@6.18.2-snapshot.v20250430171147 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@1.6.0-snapshot.v20250430171147 --save-exact

@clerk/clerk-react

npm i @clerk/clerk-react@5.30.2-snapshot.v20250430171147 --save-exact

@clerk/react-router

npm i @clerk/react-router@1.3.2-snapshot.v20250430171147 --save-exact

@clerk/remix

npm i @clerk/remix@4.6.2-snapshot.v20250430171147 --save-exact

@clerk/shared

npm i @clerk/shared@3.7.6-snapshot.v20250430171147 --save-exact

@clerk/tanstack-react-start

npm i @clerk/tanstack-react-start@0.14.2-snapshot.v20250430171147 --save-exact

@clerk/testing

npm i @clerk/testing@1.6.1-snapshot.v20250430171147 --save-exact

@clerk/themes

npm i @clerk/themes@2.2.38-snapshot.v20250430171147 --save-exact

@clerk/types

npm i @clerk/types@4.56.1-snapshot.v20250430171147 --save-exact

@clerk/vue

npm i @clerk/vue@1.7.0-snapshot.v20250430171147 --save-exact

octoper self-assigned this Apr 30, 2025

clerk-cookie added integration nuxt vue labels Apr 30, 2025

vercel bot deployed to Preview April 30, 2025 12:20 View deployment

vercel bot deployed to Preview April 30, 2025 12:22 View deployment

octoper commented Apr 30, 2025

View reviewed changes

vercel bot deployed to Preview April 30, 2025 13:06 View deployment

octoper changed the title ~~feat(vue,nuxt): Introduce __experimental_PricingTable~~ feat(vue,nuxt): Introduce <experimental_PricingTable/> Apr 30, 2025

wobsoriano reviewed Apr 30, 2025

View reviewed changes

packages/vue/src/components/ui-components/PircingTable.vue

Copy link

Member

wobsoriano Apr 30, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

typo in filename 👀

octoper reacted with heart emoji

vercel bot temporarily deployed to Preview April 30, 2025 14:44 Inactive

vercel bot deployed to Preview April 30, 2025 15:01 View deployment

octoper commented Apr 30, 2025

View reviewed changes

.changeset/twelve-ideas-exist.md Outdated Show resolved Hide resolved

vercel bot deployed to Preview April 30, 2025 15:16 View deployment

octoper requested review from panteliselef and wobsoriano April 30, 2025 15:19

octoper marked this pull request as ready for review April 30, 2025 15:19

wobsoriano reviewed Apr 30, 2025

View reviewed changes

wobsoriano approved these changes Apr 30, 2025

View reviewed changes

octoper commented Apr 30, 2025

View reviewed changes

.changeset/twelve-ideas-exist.md Outdated Show resolved Hide resolved

vercel bot deployed to Preview April 30, 2025 15:25 View deployment

clerk-cookie added the testing label Apr 30, 2025

vercel bot deployed to Preview April 30, 2025 16:22 View deployment

octoper added 3 commits April 30, 2025 19:23

feat(vue,nuxt): Add __experimental_PricingTable

caa32ba

chore(repo): Add changeset

d5d0e9b

wip

aa533e9

vercel bot deployed to Preview April 30, 2025 16:24 View deployment

chore(e2e): Change commerce to billing

d67726c

vercel bot deployed to Preview April 30, 2025 16:44 View deployment

test(e2e): Fix tests

0dc21ba

vercel bot deployed to Preview April 30, 2025 17:10 View deployment

Merge branch 'main' into vaggelis/com-446-vue-sdk-support

aa67893

vercel bot deployed to Preview May 2, 2025 04:11 View deployment

test(e2e): Update tests

bda7bb4

vercel bot deployed to Preview May 2, 2025 04:49 View deployment

lint fixes

03b992d

vercel bot deployed to Preview May 2, 2025 04:52 View deployment

ci test

14e8b18

vercel bot deployed to Preview May 2, 2025 05:10 View deployment

update tests

66345ae

vercel bot deployed to Preview May 2, 2025 05:32 View deployment

update tests

aaa7dcb

vercel bot deployed to Preview May 2, 2025 05:38 View deployment

update tests

5d04533

vercel bot deployed to Preview May 2, 2025 05:43 View deployment

update tests

1eca099

clerk-cookie removed the testing label May 2, 2025

vercel bot deployed to Preview May 2, 2025 05:58 View deployment

octoper requested a review from anagstef May 2, 2025 05:59

octoper enabled auto-merge (squash) May 2, 2025 06:07

octoper merged commit 56ba4e2 into main May 2, 2025
32 checks passed

octoper deleted the vaggelis/com-446-vue-sdk-support branch May 2, 2025 06:12

clerk-cookie mentioned this pull request May 2, 2025

ci(repo): Version packages #5790

Merged

LekoArts mentioned this pull request May 5, 2025

(billing) Add overview and introduce Clerk Billing 🎉 clerk/clerk-docs#2200

Merged

2 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat(vue,nuxt): Introduce <experimental_PricingTable/> #5769

feat(vue,nuxt): Introduce <experimental_PricingTable/> #5769

Uh oh!

octoper commented Apr 30, 2025 •

edited

Loading

Uh oh!

vercel bot commented Apr 30, 2025 •

edited

Loading

Uh oh!

changeset-bot bot commented Apr 30, 2025 •

edited

Loading

Uh oh!

octoper Apr 30, 2025 •

edited

Loading

Uh oh!

octoper commented Apr 30, 2025

Uh oh!

clerk-cookie commented Apr 30, 2025

Uh oh!

wobsoriano Apr 30, 2025

Uh oh!

Uh oh!

wobsoriano Apr 30, 2025 •

edited

Loading

Uh oh!

wobsoriano left a comment

Uh oh!

Uh oh!

octoper commented Apr 30, 2025

Uh oh!

clerk-cookie commented Apr 30, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

feat(vue,nuxt): Introduce <experimental_PricingTable/> #5769

feat(vue,nuxt): Introduce <experimental_PricingTable/> #5769

Uh oh!

Conversation

octoper commented Apr 30, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Checklist

Type of change

Uh oh!

vercel bot commented Apr 30, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

changeset-bot bot commented Apr 30, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

octoper Apr 30, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

octoper commented Apr 30, 2025

Uh oh!

clerk-cookie commented Apr 30, 2025

Uh oh!

wobsoriano Apr 30, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

wobsoriano Apr 30, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

wobsoriano left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

octoper commented Apr 30, 2025

Uh oh!

clerk-cookie commented Apr 30, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

octoper commented Apr 30, 2025 •

edited

Loading

vercel bot commented Apr 30, 2025 •

edited

Loading

changeset-bot bot commented Apr 30, 2025 •

edited

Loading

octoper Apr 30, 2025 •

edited

Loading

wobsoriano Apr 30, 2025 •

edited

Loading