pihkaal/simple-qr
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: format and remove console.log

Browse Source
This commit is contained in:
Pihkaal
2024-10-02 06:16:16 +02:00
parent eb4ef353fe
commit 84f74250cc
1 changed files with 41 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
app.vue
View File

@@ -28,8 +28,6 @@ const updateQRCode = async () => {
const logoUrl = `/${state.logo}.png`;
await renderQRCodeToCanvas(canvas.value, state.content, logoUrl);
console.log(state.format);
qrCode.value = canvas.value.toDataURL(`image/${state.format}`);
};
@@ -69,28 +67,61 @@ const copyQRCode = async () => {
<NuxtRouteAnnouncer />
<canvas ref="canvas" class="hidden" />
<div class="w-full h-full max-w-[850px] max-h-[375px] flex justify-between gap-8">
<div
class="w-full h-full max-w-[850px] max-h-[375px] flex justify-between gap-8"
>
<img :src="qrCode" class="h-full aspect-square" />
<div class="flex-1 flex flex-col justify-center">
<UForm :schema="settingsSchema" :state="state" class="space-y-4">
<UFormGroup label="Username or link" name="content" @input="updateQRCode">
<UFormGroup
label="Username or link"
name="content"
@input="updateQRCode"
>
<UInput v-model="state.content" />
</UFormGroup>
<UFormGroup label="Logo" name="logo">
<USelectMenu v-model="state.logo" :options="LOGOS" searchable @change="updateQRCode" />
<USelectMenu
v-model="state.logo"
:options="LOGOS"
searchable
@change="updateQRCode"
/>
</UFormGroup>
<UFormGroup label="Format" name="format">
<USelectMenu v-model="state.format" :options="IMAGE_FORMATS" @change="updateQRCode" />
<USelectMenu
v-model="state.format"
:options="IMAGE_FORMATS"
@change="updateQRCode"
/>
</UFormGroup>
<UButton block :icon="copyIcon" size="md" color="primary" variant="solid" :label="copyLabel" :trailing="false"
:disabled="isQRCodeEmpty" @click="copyQRCode" />
<UButton
block
:icon="copyIcon"
size="md"
color="primary"
variant="solid"
:label="copyLabel"
:trailing="false"
:disabled="isQRCodeEmpty"
@click="copyQRCode"
/>
<UButton block icon="i-heroicons-arrow-down-tray" size="md" color="primary" variant="solid" label="Download"
:trailing="false" :disabled="isQRCodeEmpty" @click="downloadQRCode" />
<UButton
block
icon="i-heroicons-arrow-down-tray"
size="md"
color="primary"
variant="solid"
label="Download"
:trailing="false"
:disabled="isQRCodeEmpty"
@click="downloadQRCode"
/>
</UForm>
</div>
</div>