Add Turnstile #36
Add Turnstile #36
Conversation
Deploying locyanfrp-panel-preview with
|
| Latest commit: |
8624625
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://5a312066.locyanfrppanel.pages.dev |
| Branch Preview URL: | https://dev-turnstile.locyanfrppanel.pages.dev |
src/views/auth/LoginView.vue
Outdated
| // window.location.host + | ||
| // '/auth/login' | ||
| // } | ||
| watch(token, (oldToken, newToken) => { |
There was a problem hiding this comment.
Maybe using watch hook is not a good idea.
There was a problem hiding this comment.
https://github.com/Astrian/cfturnstile-vue3 offered a callback event, which allows us avoid the use of watch hook.
There was a problem hiding this comment.
I've already tested this package, it can't reset the captcha widget after the n-model re-rendered, will case unexpectedly behavior.
| @@ -33,6 +33,7 @@ | |||
| "vue-native-websocket": "^2.0.15", | |||
| "vue-route": "^1.5.1", | |||
| "vue-router": "^4.4.5", | |||
| "vue-turnstile": "^1.0.11", | |||
There was a problem hiding this comment.
Consider using https://github.com/Astrian/cfturnstile-vue3
vue-turnstile is designed for Vue 2.
There was a problem hiding this comment.
https://github.com/ruigomeseu/vue-turnstile
It's designed for Vue 3 instead of Vue 2, if you have any questions about the Options API, please refer to: https://cn.vuejs.org/guide/introduction.html#options-api
See LoCyan-Team/LoCyanFrpAPI-v2#21