CorentinTh/it-tools
1
1
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2024-11-10 17:35:48 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(otp-generator): editable secret

Browse source
This commit is contained in:
Corentin Thomasset 2023-04-04 12:55:02 +02:00
parent b3390f6ff7
commit a599528044
No known key found for this signature in database
GPG key ID: DBD997E935996158
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue
View file

@ -63,9 +63,9 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { computed, ref, watch } from 'vue'; import { computed, ref } from 'vue';
import { Refresh } from '@vicons/tabler'; import { Refresh } from '@vicons/tabler';
import { useTimestamp, useWindowFocus, whenever } from '@vueuse/core'; import { useTimestamp } from '@vueuse/core';
import { useThemeVars } from 'naive-ui'; import { useThemeVars } from 'naive-ui';
import { useStyleStore } from '@/stores/style.store'; import { useStyleStore } from '@/stores/style.store';
import InputCopyable from '@/components/InputCopyable.vue'; import InputCopyable from '@/components/InputCopyable.vue';
@ -80,7 +80,11 @@ const interval = computed(() => (now.value / 1000) % 30);
const theme = useThemeVars(); const theme = useThemeVars();
const styleStore = useStyleStore(); const styleStore = useStyleStore();
const [secret, refreshSecret] = computedRefreshable(generateSecret); const secret = ref(generateSecret());
function refreshSecret() {
secret.value = generateSecret();
}
const [tokens] = computedRefreshable( const [tokens] = computedRefreshable(
() => ({ () => ({