-
Notifications
You must be signed in to change notification settings - Fork 66
feat: add Vue 3 and Nuxt integration packages #586
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
|
|
@Jorgagu is attempting to deploy a commit to the ory Team on Vercel. A member of the Team first needs to authorize it. |
- Remove postinstall script from nuxt-app that blocked npm ci - Add prepare:types script for manual IDE type generation - Update vue-i18n from v9 to v11 (v9/v10 deprecated) - Regenerate package-lock.json with Node 22 - Update nuxt-app README to match actual configuration
c71b462 to
6e9245b
Compare
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #586 +/- ##
===========================================
+ Coverage 42.43% 55.79% +13.36%
===========================================
Files 136 173 +37
Lines 2008 3194 +1186
Branches 288 472 +184
===========================================
+ Hits 852 1782 +930
- Misses 1149 1344 +195
- Partials 7 68 +61
🚀 New features to boost your workflow:
|
|
Hi @jonas-jonas @aeneasr @vinckr, this PR is ready for review 🎉 👋 @Jannik-Hm @Saganic, could you please test this as well and let me know if I missed anything during my own testing? |
- Add new UI components: Icon, ProviderLogo, DefaultToast, DefaultSsoButtonContainer - Add toast notification system with vue-sonner integration - Fix recovery codes grid display (5-column layout) - Fix provider logos in OIDC settings (show actual logos instead of letters) - Remove wrapper div from OrySettingsCard (use Vue 3 fragments) - Consolidate icon system into unified Icon.vue component - Add provider logos support matching React implementation - Simplify code and remove duplicate utilities - Update dependencies for vue-sonner support
- Add Storybook configuration with Vue 3 + Vite - Add stories for all authentication flows: - Login (1FA, 2FA, identifier-first, unified) - Registration (one-step, two-step) - Recovery, Recovery v2 - Verification - Settings (profile, password, TOTP, WebAuthn, Passkey, OIDC, SAML) - Consent, Error - Add custom components example story - Configure Inter font and global styles - Add mock data support with storybook-addon-mock
529f2f6 to
b1f6174
Compare
- Fix unsafe return types in computed properties - Fix promise/always-return in DefaultCaptcha - Remove unnecessary type assertion in flowContainer - Remove unused eslint-disable directives - Update API reports
b1f6174 to
c1cc2f7
Compare
|
Hey @Jorgagu to resolve the format CI, can you run 🐝 |
|
@vinckr thanks! I ran |
|
Cool stuff man! Given the massive size of the PR I'm not sure how quickly we can review this. We also need to figure out a way to add this to our e2e test suite (currently not open sourced) to ensure the advertised functionality matches the requirements. We also need to figure out who will be responsible on the team for maintaining those SDKs going forward (e.g. when we introduce new features). May I ask which approach you took to transfer the react elements to vue and nuxt? It will help us speed up review. |
This PR adds Vue 3 and Nuxt integration packages for Ory Elements, bringing feature parity with the existing React/Next.js implementation.
New Packages
@ory/elements-vue- Vue 3 component library for Ory authentication UIs<script setup>syntaxSessionProvider@ory/nuxt- Nuxt 3/4 integration moduleuseOryLogin,useOryRegistration,useOryRecovery,useOryVerification,useOrySettings,useOrySession,useOryLogout,useOryFlowErrorNUXT_PUBLIC_ORY_SDK_URL)Example Application
Complete Nuxt example app demonstrating all authentication flows at
examples/nuxt-app.Related Issue or Design Document
Fixes #581
Checklist
If this pull request addresses a security vulnerability,
I confirm that I got approval (please contact [email protected]) from the maintainers to push the changes.
Further comments
The Vue/Nuxt packages follow the same architecture patterns as the React/Next.js implementation:
provide/inject)All authentication methods are supported including password, passwordless (code), social login (OIDC), passkeys, WebAuthn, TOTP, and recovery codes.
This fixes the issue #581