Update gitignore

.gitignore

@@ -7,4 +7,7 @@ node_modules
 .data
 .env
 dist
-public/firmware_v3
+public/firmware_v3/*.txt
+public/firmware_v3/**/*.bin
+public/firmware_v3/**/*.sha256
+!public/firmware_v3/nvs/*.bin

components/AdvancedSettings.vue

@@ -1,12 +1,28 @@
+<script setup lang="ts">
+interface Settings {
+  hasFrontlight: boolean;
+  displayColors: string;
+  customize: boolean,
+}
+
+const emit = defineEmits(['update:settings']);
+const localSettings = reactive<Settings>({
+  customize: false,
+  hasFrontlight: false,
+  displayColors: 'black-on-white'
+});
+
+const updateSettings = () => {
+  emit('update:settings', { ...toRaw(localSettings) });
+};
+</script>
+
 <template>
   <div class="card bg-base-100 shadow-xl">
     <div class="card-body">
       <div class="">
         <div class="flex justify-between items-center">
         <h2 class="card-title">Customize settings</h2>
-        <!-- <button class="btn btn-ghost btn-sm" @click="isExpanded = !isExpanded">
-          <span class="text-lg">{{ isExpanded ? '↑' : '↓' }}</span>
-        </button> -->
         <div class="form-control">
           <label class="label cursor-pointer p-0">
             <span class="label-text">Enable</span>
@@ -56,24 +72,4 @@
 
     </div>
   </div>
-</template>
-
-<script setup lang="ts">
-interface Settings {
-  hasFrontlight: boolean;
-  displayColors: string;
-  customize: boolean,
-}
-
-const emit = defineEmits(['update:settings']);
-const isExpanded = ref(true);
-const localSettings = reactive<Settings>({
-  customize: false,
-  hasFrontlight: false,
-  displayColors: 'black-on-white'
-});
-
-const updateSettings = () => {
-  emit('update:settings', { ...toRaw(localSettings) });
-};
-</script>
+</template>

components/DeviceSelector.vue

@@ -1,3 +1,15 @@
+<script setup lang="ts">
+const selectedDevice = ref();
+
+const emit = defineEmits<{
+  (e: 'update:device', value: string): void;
+}>();
+
+watch(selectedDevice, (newValue) => {
+  emit('update:device', newValue);
+});
+</script>
+
 <template>
   <div class="card bg-base-100 shadow-xl">
     <div class="card-body">
@@ -56,14 +68,3 @@
   </div>
 </template>
 
-<script setup lang="ts">
-const selectedDevice = ref();
-
-const emit = defineEmits<{
-  (e: 'update:device', value: string): void;
-}>();
-
-watch(selectedDevice, (newValue) => {
-  emit('update:device', newValue);
-});
-</script>

components/FlashProgress.vue

@@ -1,3 +1,9 @@
+<script setup lang="ts">
+defineProps<{
+  progress: number;
+}>();
+</script>
+
 <template>
   <div class="w-full">
     <progress 
@@ -9,8 +15,3 @@
   </div>
 </template>
 
-<script setup lang="ts">
-defineProps<{
-  progress: number;
-}>();
-</script>