formatting; externalise size var

Author: Lenni009

.editorconfig

@@ -5,4 +5,5 @@ charset = utf-8
 indent_style = space
 indent_size = 2
 end_of_line = lf
-trim_trailing_whitespace = true
+insert_final_newline = true
+trim_trailing_whitespace = true

src/components/FileItem.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, ref, watchEffect } from 'vue';
-import type { FileObj } from '../types/file';
-import { useI18n } from '../hooks/useI18n';
+import type { FileObj } from '@/types/file';
+import { useI18n } from '@/hooks/useI18n';
 
 const { t } = useI18n();
 

src/components/FileUpload.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useFileDataStore } from '../stores/fileData';
+import { useFileDataStore } from '@/stores/fileData';
 import { storeToRefs } from 'pinia';
-import type { FileObj } from '../types/file';
-import { useI18n } from '../hooks/useI18n';
+import type { FileObj } from '@/types/file';
+import { useI18n } from '@/hooks/useI18n';
 
 const dragActive = ref(false);
 

src/components/NavBar.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { watch, ref } from 'vue';
-import { useI18n } from '../hooks/useI18n';
+import { useI18n } from '@/hooks/useI18n';
 import ThemeSwitch from './ThemeSwitch.vue';
 
 const { t, locale } = useI18n();

src/components/ThemeSwitch.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useI18n } from '../hooks/useI18n';
+import { useI18n } from '@/hooks/useI18n';
 
 const { t } = useI18n();
 

src/composables/useImageCompression.ts

@@ -1,7 +1,7 @@
 import { compress, EImageType } from 'image-conversion';
+import { maxSize } from '@/variables/constants';
 
 export async function useImageCompression(file: File, quality: number = 1): Promise<File> {
-  const maxSize = 10000000;
   if (file.size < maxSize) return file; // if below 10 MB, don't do anything
   const res = await compress(file, {
     quality,

src/composables/useZipCompression.ts

@@ -1,6 +1,6 @@
 import JSZip from 'jszip';
 import { storeToRefs } from 'pinia';
-import { useFileDataStore } from '../stores/fileData';
+import { useFileDataStore } from '@/stores/fileData';
 
 export async function useZipCompression(): Promise<string> {
   const zip = new JSZip();

src/hooks/useI18n.ts

@@ -1,4 +1,4 @@
-import { i18n, messages } from '../i18n';
+import { i18n, messages } from '@/i18n';
 
 // inspired by https://stackoverflow.com/questions/58434389/typescript-deep-keyof-of-a-nested-object
 

src/i18n/index.ts

@@ -21,7 +21,8 @@ const languageMap = {
 const langEntries = Object.entries(languageMap);
 const preferredUserLang = navigator.language;
 
-const userLang = langEntries.find((lang) => lang[1].some((langCode) => langCode === preferredUserLang))?.[0] ?? 'English';
+const userLang =
+  langEntries.find((lang) => lang[1].some((langCode) => langCode === preferredUserLang))?.[0] ?? 'English';
 
 const localStorageLang = localStorage.getItem('lang');
 const preferredLang = localStorageLang ?? userLang;

src/stores/fileData.ts

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import type { FileObj } from '../types/file';
+import type { FileObj } from '@/types/file';
 
 interface State {
   files: FileObj[];