refactor
This commit is contained in:
parent
0306298071
commit
205ca12178
|
@ -51,8 +51,8 @@ const canShare = computed(() => navigator.canShare && navigator.canShare(shareDa
|
||||||
|
|
||||||
const qrCodeEl = useTemplateRef('qrCodeEl');
|
const qrCodeEl = useTemplateRef('qrCodeEl');
|
||||||
|
|
||||||
const avatarColor = computed(() => tinycolor(instance.themeColor ?? '#86b300'));
|
const qrColor = computed(() => tinycolor(instance.themeColor ?? '#86b300'));
|
||||||
const avatarHsl = computed(() => avatarColor.value.toHsl());
|
const qrHsl = computed(() => qrColor.value.toHsl());
|
||||||
|
|
||||||
function share() {
|
function share() {
|
||||||
if (!canShare.value) return;
|
if (!canShare.value) return;
|
||||||
|
@ -78,10 +78,10 @@ const qrCodeInstance = new QRCodeStyling({
|
||||||
crossOrigin: 'anonymous',
|
crossOrigin: 'anonymous',
|
||||||
},
|
},
|
||||||
dotsOptions: {
|
dotsOptions: {
|
||||||
color: tinycolor(`hsl(${avatarHsl.value.h}, 100, 18)`).toRgbString(),
|
color: tinycolor(`hsl(${qrHsl.value.h}, 100, 18)`).toRgbString(),
|
||||||
},
|
},
|
||||||
backgroundOptions: {
|
backgroundOptions: {
|
||||||
color: tinycolor(`hsl(${avatarHsl.value.h}, 100, 97)`).toRgbString(),
|
color: tinycolor(`hsl(${qrHsl.value.h}, 100, 97)`).toRgbString(),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue