chore(en.json): add export_section_label key for export section label

refactor(App.vue): update export section label to use the new export_section_label key from en.json refactor(StyledQRCode.vue): update default width and height values to 200
lyqht · Aug 3, 2023 · ae5bf25 · ae5bf25 · vercel · Aug 3, 2023
1 parent d8c6d2b
commit ae5bf25
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/locales/en.json b/locales/en.json
@@ -6,6 +6,7 @@
     "data_placeholder": "data to encode e.g. a URL or a string",
     "image_label": "Logo image URL",
     "copy_clipboard": "Copy QR Code to clipboard",
+    "export_section_label": "Export as",
     "download_qr_code_png": "Download QR Code as PNG",
     "download_qr_code_svg": "Download QR Code as SVG",
     "upload_image": "Upload image",

diff --git a/src/App.vue b/src/App.vue
@@ -379,9 +379,8 @@ function uploadImage() {
                 <p>{{ $t('load_qr_code') }}</p>
               </button>
             </div>
-
             <div id="export-options" class="pt-4">
-              <p class="pb-2">{{ $t('Export as') }}</p>
+              <p class="pb-2">{{ $t('export_section_label') }}</p>
               <div class="flex flex-row gap-2 items-center">
                 <button
                   id="download-qr-image-button-png"

diff --git a/src/components/StyledQRCode.vue b/src/components/StyledQRCode.vue
@@ -37,8 +37,8 @@ export interface StyledQRCodeProps {
 }
 
 const props = withDefaults(defineProps<StyledQRCodeProps>(), {
-  width: 300,
-  height: 300,
+  width: 200,
+  height: 200,
   type: 'svg' as DrawType,
   image: undefined,
   margin: 0,