format

Author: ivanskv2000

frontend/src/modules/fields/components/FieldTypeBadge.vue

@@ -5,12 +5,12 @@ import { cn } from '@/shared/utils/general' // your utility for class merging
 import { computed, useAttrs } from 'vue'
 
 interface Props {
-    type: FieldType,
-    monochrome?: boolean
+  type: FieldType
+  monochrome?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  monochrome: false
+  monochrome: false,
 })
 
 const attrs = useAttrs()
@@ -35,15 +35,13 @@ const colorClass = {
 
 const baseClass = 'text-xs tracking-widest uppercase'
 
-const color = computed(() => (props.monochrome ? 'bg-muted text-foreground' : colorClass[props.type]))
-
-const finalClass = computed(() => cn(
-  baseClass,
-  color,
-  color.value,
-  attrs.class as string | undefined
-))
+const color = computed(() =>
+  props.monochrome ? 'bg-muted text-foreground' : colorClass[props.type]
+)
 
+const finalClass = computed(() =>
+  cn(baseClass, color, color.value, attrs.class as string | undefined)
+)
 </script>
 
 <template>

frontend/src/modules/switchboard/components/ResetPanel.vue

@@ -37,7 +37,7 @@ const { mutate: handleReset, isPending: isResetting } = useMutation({
         <Button variant="destructive" :disabled="isResetting" @click="handleReset"> Reset </Button>
         <div
           v-if="!isLoading"
-          class="flex flex-wrap items-center gap-2 transition-opacity duration-300 text-muted-foreground text-xs font-mono"
+          class="text-muted-foreground flex flex-wrap items-center gap-2 font-mono text-xs transition-opacity duration-300"
         >
           <Badge variant="outline" class="min-h-[1.5rem] min-w-[14ch] text-center">
             <Transition name="fade-slide" mode="out-in">
@@ -59,7 +59,7 @@ const { mutate: handleReset, isPending: isResetting } = useMutation({
         </div>
         <div
           v-if="isLoading"
-          class="flex flex-wrap items-center gap-2 transition-opacity duration-300 text-muted-foreground text-xs font-mono"
+          class="text-muted-foreground flex flex-wrap items-center gap-2 font-mono text-xs transition-opacity duration-300"
         >
           <Skeleton class="h-[1.5rem] w-[14ch] rounded-md" />
           <Skeleton class="h-[1.5rem] w-[14ch] rounded-md" />
@@ -68,4 +68,4 @@ const { mutate: handleReset, isPending: isResetting } = useMutation({
       </div>
     </template>
   </SwitchboardSection>
-</template>
+</template>

frontend/src/router/index.ts

@@ -10,8 +10,7 @@ const router = createRouter({
   scrollBehavior(to, from, savedPosition) {
     if (savedPosition) {
       return savedPosition
-    }
-    else {
+    } else {
       return { top: 0, behavior: 'smooth' }
     }
   },