chore(front): fmt

front/src/components/ui/Pill.vue

@@ -2,22 +2,21 @@
 import { ref, onMounted } from 'vue'
 import { type ColorProps, type PastelProps, type VariantProps, type RaisedProps, color } from '~/composables/color'
 
-
+const input = ref<HTMLInputElement>()
-const input = ref<HTMLInputElement>();
 const emit = defineEmits<{
   click: [event: MouseEvent]
 }>()
 const handleClick = (event: MouseEvent) => {
   emit('click', event)
   if (model.value !== undefined) {
-    input.value?.focus();
+    input.value?.focus()
   }
 }
 const props = defineProps<{ noUnderline?:true, autofocus? : boolean } &(PastelProps | ColorProps) & VariantProps & RaisedProps>()
 const model = defineModel<string>()
 
 onMounted(() => {
-  if (props.autofocus) input.value?.focus();
+  if (props.autofocus) input.value?.focus()
 })
 
 const sanitize = () =>
@@ -26,7 +25,6 @@ const sanitize = () =>
 const sanitizeAndBlur = () =>
   sanitize() && input.value?.blur()
 
-
 </script>
 
 <template>

front/src/components/ui/Textarea.vue

@@ -218,29 +218,29 @@ onMounted(() => {
       />
       <textarea
         ref="textarea"
-        @click="updateLineNumber"
-        @mousedown.stop
-        @mouseup.stop
-        @keydown.left="updateLineNumber"
-        @keydown.right="updateLineNumber"
-        @keydown.up="updateLineNumber"
         :maxlength="charLimit"
-        @keydown.down="updateLineNumber"
-        @keydown.enter="newline"
         v-bind="$attrs"
         :autofocus="autofocus || undefined"
-        @keydown.ctrl.shift.z.exact.prevent="redo"
         :required="required"
-        @keydown.ctrl.z.exact.prevent="undo"
         :placeholder="placeholder"
-        @keydown.ctrl.b.exact.prevent="bold"
+        @click="updateLineNumber"
         v-model="model"
-        @keydown.ctrl.i.exact.prevent="italics"
+        @mousedown.stop
         id="textarea_id"
-        @keydown.ctrl.shift.x.exact.prevent="strikethrough"
+        @mouseup.stop
         :rows="initialLines"
-        @keydown.ctrl.k.exact.prevent="link"
+        @keydown.left="updateLineNumber"
         :style="`min-height:${((typeof(initialLines) === 'string' ? parseInt(initialLines) : (initialLines ?? 3)) + 1.2) * 1.5}rem`"
+        @keydown.right="updateLineNumber"
+        @keydown.up="updateLineNumber"
+        @keydown.down="updateLineNumber"
+        @keydown.enter="newline"
+        @keydown.ctrl.shift.z.exact.prevent="redo"
+        @keydown.ctrl.z.exact.prevent="undo"
+        @keydown.ctrl.b.exact.prevent="bold"
+        @keydown.ctrl.i.exact.prevent="italics"
+        @keydown.ctrl.shift.x.exact.prevent="strikethrough"
+        @keydown.ctrl.k.exact.prevent="link"
       />
       <label
         class="textarea-buttons"

front/src/ui/modals/Upload.vue

@@ -79,11 +79,14 @@ const channelUpload = ref()
     :cancel="t('components.channels.UploadModal.button.cancel')"
     :title="modalTitle"
   >
-
     <!-- Page content -->
     <!-- Page 1 -->
 
-  <Layout flex style="place-content:center" v-if="state.page === 'selectDestination'">
+    <Layout
+      v-if="state.page === 'selectDestination'"
+      flex
+      style="place-content:center"
+    >
       <Card
         small
         solid
@@ -92,7 +95,10 @@ const channelUpload = ref()
         @click="destinationSelected({ type: 'library' })"
       >
         <template #image>
-        <i class="bi bi-headphones solid secondary raised" :class="$style.icon"></i>
+          <i
+            class="bi bi-headphones solid secondary raised"
+            :class="$style.icon"
+          />
         </template>
         {{ "Host music you listen to" /* TODO: Translate */ }}
       </Card>
@@ -104,7 +110,10 @@ const channelUpload = ref()
         @click="destinationSelected({ type: 'channel', filter: 'music' })"
       >
         <template #image>
-        <i class="bi bi-music-note-beamed solid primary" :class="$style.icon"></i>
+          <i
+            class="bi bi-music-note-beamed solid primary"
+            :class="$style.icon"
+          />
         </template>
         {{ "Publish music you make" /* TODO: Translate */ }}
       </Card>
@@ -116,7 +125,10 @@ const channelUpload = ref()
         @click="destinationSelected({ type: 'channel', filter: 'podcast' })"
       >
         <template #image>
-        <i class="bi bi-mic-fill solid primary" :class="$style.icon"></i>
+          <i
+            class="bi bi-mic-fill solid primary"
+            :class="$style.icon"
+          />
         </template>
         {{ "Publish podcasts you make" /* TODO: Translate */ }}
       </Card>
@@ -124,13 +136,15 @@ const channelUpload = ref()
 
     <!-- Page 2 -->
 
-  <Layout stack v-if="state.page === 'uploadFiles'">
+    <Layout
-
+      v-if="state.page === 'uploadFiles'"
+      stack
+    >
       <!--  -->
 
       <ChannelUpload
-      ref="channelUpload"
         v-if="state.uploadDestination?.type === 'channel'"
+        ref="channelUpload"
         :filter="state.uploadDestination.filter"
         :channel="null"
       />
@@ -140,8 +154,8 @@ const channelUpload = ref()
       <!-- Privacy Slider -->
       <LibraryUpload
         v-if="state.uploadDestination?.type === 'library'"
-      v-model="privacyLevel">
+        v-model="privacyLevel"
-    </LibraryUpload>
+      />
       {{ state.files }}
     </Layout>
 
@@ -153,7 +167,10 @@ const channelUpload = ref()
       >
         {{ t('components.channels.UploadModal.button.previous') }}
       </Button>
-      <Spacer h grow />
+      <Spacer
+        h
+        grow
+      />
       <Spacer size-16 />
       <Button
         v-if="state.page === 'uploadFiles'"