https://github.com/yourskiss/vue3-auth
create a Vue 3 project with Composition API, TypeScript and vite
https://github.com/yourskiss/vue3-auth
authentication axios login pinia state-management typescript vite vue3 vuejs
Last synced: 12 months ago
JSON representation
create a Vue 3 project with Composition API, TypeScript and vite
- Host: GitHub
- URL: https://github.com/yourskiss/vue3-auth
- Owner: yourskiss
- Created: 2025-06-18T10:10:01.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-18T11:38:25.000Z (about 1 year ago)
- Last Synced: 2025-06-18T11:43:18.524Z (about 1 year ago)
- Topics: authentication, axios, login, pinia, state-management, typescript, vite, vue3, vuejs
- Language: TypeScript
- Homepage: https://yourskiss.github.io/vue3-auth/
- Size: 81.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue 3 + TypeScript + Vite
Features of the projects -
1. Login authentication with token (https://reqres.in/api/login)
2. Token persistence with cookie
3. Pinia for global state management
4. Token restoration from cookie on page refresh
5. Redirect to protected routes after login
6. Navigation guards for route protection / guestOnly
If a user is not logged in and tries to access /dashboard, they'll be redirected to /login.
If a user is logged in and tries to access /login, they'll be redirected to /dashboard.