usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor

This commit is contained in:
syuilo 2025-09-15 08:57:30 +09:00
parent 923111d538
commit 6f24b3b661
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/frontend/src/pages/qr.show.vue
View File

@ -29,7 +29,7 @@ SPDX-License-Identifier: AGPL-3.0-only
import { extractAvgColorFromBlurhash } from '@@/js/extract-avg-color-from-blurhash.js'; import { extractAvgColorFromBlurhash } from '@@/js/extract-avg-color-from-blurhash.js';
import tinycolor from 'tinycolor2'; import tinycolor from 'tinycolor2';
import QRCodeStyling from 'qr-code-styling'; import QRCodeStyling from 'qr-code-styling';
import { computed, ref, shallowRef, watch, onMounted, onUnmounted } from 'vue'; import { computed, ref, shallowRef, watch, onMounted, onUnmounted, useTemplateRef } from 'vue';
import { url, host } from '@@/js/config.js'; import { url, host } from '@@/js/config.js';
import { getScrollContainer } from '@@/js/scroll'; import { getScrollContainer } from '@@/js/scroll';
import type { Directive } from 'vue'; import type { Directive } from 'vue';
@ -44,7 +44,7 @@ import { i18n } from '@/i18n.js';
const $i = ensureSignin(); const $i = ensureSignin();
const scrollContainer = shallowRef<HTMLElement | null>(null); const scrollContainer = shallowRef<HTMLElement | null>(null);
const rootEl = ref<HTMLDivElement | null>(null); const rootEl = useTemplateRef('rootEl');
const acct = computed(() => `@${$i.username}@${host}`); const acct = computed(() => `@${$i.username}@${host}`);
const userProfileUrl = computed(() => userPage($i, undefined, true)); const userProfileUrl = computed(() => userPage($i, undefined, true));
@ -55,7 +55,7 @@ const shareData = computed(() => ({
})); }));
const canShare = computed(() => navigator.canShare && navigator.canShare(shareData.value)); const canShare = computed(() => navigator.canShare && navigator.canShare(shareData.value));
const qrCodeEl = ref<HTMLDivElement | null>(null); const qrCodeEl = useTemplateRef('qrCodeEl');
const avatarColor = computed(() => tinycolor(instance.themeColor ?? '#86b300')); const avatarColor = computed(() => tinycolor(instance.themeColor ?? '#86b300'));
const avatarHsl = computed(() => avatarColor.value.toHsl()); const avatarHsl = computed(() => avatarColor.value.toHsl());