\n\n## Overview\n\nThe Asgardeo Vue SDK provides a streamlined way to integrate secure authentication and user management into your Vue.js applications. Built for Vue 3, it offers a comprehensive set of composables, components, and utilities to handle authentication flows, user profiles, and multi-tenancy features.\n\n## Key Features\n\n- **Easy Integration**: Simple setup with the `AsgardeoPlugin` and provider components\n- **Composable API**: Vue 3 composables for reactive authentication state management\n- **Pre-built Components**: Ready-to-use components for sign-in, sign-up, user profiles, and more\n- **Multi-Tenancy Support**: Built-in organization/workspace management capabilities\n- **Customizable UI**: Primitive components and styling options for seamless integration\n- **International Support**: Multi-language support with easy localization\n- **Type-Safe**: Full TypeScript support for better developer experience\n\n## Quick Start\n\nGet started with Asgardeo in your Vue application in minutes. Follow our [Vue Quick Start Guide](./QUICKSTART.md) for step-by-step instructions on integrating authentication into your app.\n\n## Installation\n\n```bash\n# Using npm\nnpm install @asgardeo/vue\n\n# Using pnpm\npnpm add @asgardeo/vue\n\n# Using yarn\nyarn add @asgardeo/vue\n```\n\n## Supported Features\n\n### Composables\n- `useAsgardeo()` - Main SDK client access\n- `useUser()` - User profile and authentication state\n- `useOrganization()` - Organization/workspace management\n- `useI18n()` - Internationalization\n- `useTheme()` - Theme customization\n- `useBranding()` - Branding customization\n- `useFlow()` - Authentication flow control\n- `useFlowMeta()` - Flow metadata access\n\n### Components\n\n#### Control\n- `SignedIn` - Renders children only when user is authenticated\n- `SignedOut` - Renders children only when user is not authenticated\n- `Loading` - Renders children while authentication state is loading\n- `UserComponent` - Access user information with scoped slot pattern\n- `OrganizationComponent` - Access organization context with scoped slot pattern\n\n#### Actions\n- `SignInButton` / `BaseSignInButton` - Sign-in button (styled and unstyled)\n- `SignOutButton` / `BaseSignOutButton` - Sign-out button (styled and unstyled)\n- `SignUpButton` / `BaseSignUpButton` - Sign-up button (styled and unstyled)\n\n#### Presentation\n- `SignIn` / `BaseSignIn` - Embedded sign-in form\n- `SignUp` / `BaseSignUp` - Embedded sign-up form\n- `UserProfileComponent` / `BaseUserProfile` - User profile display\n- `UserDropdown` / `BaseUserDropdown` - User menu dropdown\n- `OrganizationList` / `BaseOrganizationList` - Organization listing\n- `OrganizationSwitcher` / `BaseOrganizationSwitcher` - Organization switcher\n- `OrganizationProfile` / `BaseOrganizationProfile` - Organization profile\n- `CreateOrganization` / `BaseCreateOrganization` - Organization creation form\n- `AcceptInvite` / `BaseAcceptInvite` - Invitation acceptance\n- `InviteUser` / `BaseInviteUser` - User invitation form\n- `LanguageSwitcher` / `BaseLanguageSwitcher` - Language selection\n\n#### Auth Flow\n- `Callback` - Handle OAuth callback redirect\n\n#### Social Login Adapters\n- `GoogleButton` - Sign in with Google\n- `FacebookButton` - Sign in with Facebook\n- `GitHubButton` - Sign in with GitHub\n- `MicrosoftButton` - Sign in with Microsoft\n\n#### Primitives\n- `Button`, `Card`, `Alert`, `TextField`, `PasswordField`, `Select`, `Checkbox`, `DatePicker`, `OtpField`, `Typography`, `Divider`, `Logo`, `Spinner`\n\n### Utilities\n- `createAsgardeoGuard` - Vue Router navigation guard for protected routes\n- `createCallbackRoute` - Generate a callback route record for Vue Router\n- `handleWebAuthnAuthentication` - WebAuthn/passkey support\n- `hasAuthParamsInUrl` - Detect OAuth parameters in URL\n- `navigate` - Programmatic navigation helper\n- `http` - HTTP client with token management\n\n## Documentation\n\n- [Vue Quick Start](https://wso2.com/asgardeo/docs/quick-starts/vue/)\n\n## Support\n\nFor support and questions:\n- [Asgardeo Documentation](https://wso2.com/asgardeo/docs/)\n- [GitHub Issues](https://github.com/asgardeo/javascript/issues)\n- [WSO2 Community Forum](https://wso2.com/community/)\n\n## Contributing\n\nWe welcome contributions! Please see our [Contributing Guidelines](./CONTRIBUTING.md) for more details.\n\n## License\n\nLicenses this source under the Apache License, Version 2.0 [LICENSE](./LICENSE), You may not use this file except in compliance with the License.","readmeFilename":""}
![\"npm](\"https://img.shields.io/npm/v/@asgardeo/vue\")
\n ![\"npm\"](\"https://img.shields.io/npm/dw/@asgardeo/vue\")
\n ![\"License\"](\"https://img.shields.io/badge/License-Apache%202.0-blue.svg\"){kind=icon}
\n