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

clean up

This commit is contained in:
syuilo 2025-09-15 08:58:16 +09:00
parent 6f24b3b661
commit 0306298071
1 changed files with 1 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<div ref="rootEl" :class="$style.root"> <div :class="$style.root">
<div :class="[$style.content]"> <div :class="[$style.content]">
<div <div
ref="qrCodeEl" v-flip :style="{ ref="qrCodeEl" v-flip :style="{
@ -26,26 +26,20 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
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, useTemplateRef } 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 type { Directive } from 'vue'; import type { Directive } from 'vue';
import { instance } from '@/instance.js'; import { instance } from '@/instance.js';
import { ensureSignin } from '@/i.js'; import { ensureSignin } from '@/i.js';
import { userPage, userName } from '@/filters/user.js'; import { userPage, userName } from '@/filters/user.js';
import misskeysvg from '/client-assets/misskey.svg'; import misskeysvg from '/client-assets/misskey.svg';
import MkAnimBg from '@/components/MkAnimBg.vue';
import { getStaticImageUrl } from '@/utility/media-proxy.js'; import { getStaticImageUrl } from '@/utility/media-proxy.js';
import { i18n } from '@/i18n.js'; import { i18n } from '@/i18n.js';
const $i = ensureSignin(); const $i = ensureSignin();
const scrollContainer = shallowRef<HTMLElement | 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));
const shareData = computed(() => ({ const shareData = computed(() => ({
@ -59,7 +53,6 @@ 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());
const bgColor = tinycolor(`hsl(${avatarHsl.value.h}, 60, 46)`).toRgbString();
function share() { function share() {
if (!canShare.value) return; if (!canShare.value) return;