1 files changed, 20 insertions, 50 deletions
diff --git a/src/tools/qr-code-generator/qr-code-generator.vue b/src/tools/qr-code-generator/qr-code-generator.vue
index 86ccdc2..bbac33b 100644
--- a/src/tools/qr-code-generator/qr-code-generator.vue
+++ b/src/tools/qr-code-generator/qr-code-generator.vue
@@ -1,32 +1,16 @@
 <template>
   <n-card>
-    <n-grid
-      x-gap="12"
-      y-gap="12"
-      cols="1 600:3"
-    >
+    <n-grid x-gap="12" y-gap="12" cols="1 600:3">
       <n-gi span="2">
-        <n-form
-          label-width="130"
-          label-placement="left"
-        >
+        <n-form label-width="130" label-placement="left">
           <n-form-item label="Text:">
-            <n-input
-              v-model:value="text"
-              placeholder="Your link or text..."
-            />
+            <n-input v-model:value="text" placeholder="Your link or text..." />
           </n-form-item>
           <n-form-item label="Foreground color:">
-            <n-color-picker
-              v-model:value="foreground"
-              :modes="['hex']"
-            />
+            <n-color-picker v-model:value="foreground" :modes="['hex']" />
           </n-form-item>
           <n-form-item label="Background color:">
-            <n-color-picker
-              v-model:value="background"
-              :modes="['hex']"
-            />
+            <n-color-picker v-model:value="background" :modes="['hex']" />
           </n-form-item>
           <n-form-item label="Error resistance:">
             <n-select
@@ -34,24 +18,12 @@
               :options="errorCorrectionLevels.map((value) => ({ label: value, value }))"
             />
           </n-form-item>
-        </n-form>  
-      </n-gi> 
+        </n-form>
+      </n-gi>
       <n-gi>
-        <n-space
-          justify="center"
-          align="center"
-          vertical
-        >
-          <n-image
-            :src="qrcode"
-            width="200"
-          />
-          <n-button
-            secondary
-            @click="download"
-          >
-            Download qr-code
-          </n-button>
+        <n-space justify="center" align="center" vertical>
+          <n-image :src="qrcode" width="200" />
+          <n-button secondary @click="download"> Download qr-code </n-button>
         </n-space>
       </n-gi>
     </n-grid>
@@ -60,28 +32,26 @@
 
 <script setup lang="ts">
 import { useDownloadFileFromBase64 } from '@/composable/downloadBase64';
-import { useQRCode } from './useQRCode'
+import { useQRCode } from './useQRCode';
 import { ref } from 'vue';
 import type { QRCodeErrorCorrectionLevel } from 'qrcode';
 
+const foreground = ref('#000000ff');
+const background = ref('#ffffffff');
+const errorCorrectionLevel = ref<QRCodeErrorCorrectionLevel>('medium');
 
-const foreground = ref('#000000ff')
-const background = ref('#ffffffff')
-const errorCorrectionLevel = ref<QRCodeErrorCorrectionLevel>('medium')
-
-const errorCorrectionLevels = ['low', 'medium', 'quartile', 'high']
+const errorCorrectionLevels = ['low', 'medium', 'quartile', 'high'];
 
-const text = ref('https://it-tools.tech')
+const text = ref('https://it-tools.tech');
 const { qrcode } = useQRCode({
   text,
   color: {
     background,
-    foreground
+    foreground,
   },
   errorCorrectionLevel,
-  options: { width: 1024 }
-})
-
-const { download } = useDownloadFileFromBase64({ source: qrcode, filename: 'qr-code.png' })
+  options: { width: 1024 },
+});
 
+const { download } = useDownloadFileFromBase64({ source: qrcode, filename: 'qr-code.png' });
 </script>