| <template> | |
| <!-- rest of component --> | |
| <TheCaptcha | |
| ref="captcha" | |
| @verify="handleCaptchaVerify" | |
| @error="handleCaptchaError" | |
| @expired="handleCaptchaExpired" | |
| @challengeExpired="handleCaptchaChallengeExpired" |
The general gist is that we replace normal link underlines (text-decoration: underline) with an SVG background image. The background image is positioned along the bottom of the element, prevented from repeating vertically, and then scaled by defining the background size in text units:
a {
text-decoration: none;
}
| import { defineStore } from 'pinia' | |
| export const useAuthStore = defineStore({ | |
| id: 'auth', | |
| state: () => ({ | |
| isAuthenticated: false, | |
| user: null | |
| }), | |
| actions: { | |
| async nuxtServerInit() { |