refactor: v-bind first

app/src/components/ConfigPanels.vue

@@ -2,8 +2,8 @@
   <div class="config-panel">
     <RoutableTabs
       v-if="routes_.length > 1"
-      :routes="routes_"
       v-bind="{ panels, forms, v: v$, ...$attrs }"
+      :routes="routes_"
       v-on="$listeners"
     >
       <template #tab-top>

app/src/components/QueryHeader.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="query-header w-100" v-on="$listeners" v-bind="$attrs">
+  <div v-bind="$attrs" class="query-header w-100" v-on="$listeners">
     <!-- STATUS -->
     <span
       class="status"

app/src/components/globals/FormField.vue

@@ -11,8 +11,8 @@
     <slot v-bind="{ self: { ...props, state }, touch }">
       <!-- if no component was passed as slot, render a component from the props -->
       <Component
-        :is="component"
         v-bind="props"
+        :is="component"
         v-on="$listeners"
         :value="value"
         :state="state"

app/src/components/globals/YListGroupItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <BListGroupItem class="yuno-list-group-item" :class="_class" v-bind="$attrs">
+  <BListGroupItem v-bind="$attrs" class="yuno-list-group-item" :class="_class">
     <div v-if="!noStatus" class="yuno-list-group-item-status">
       <YIcon v-if="_icon" :iname="_icon" :class="['icon-' + variant]" />
     </div>

app/src/views/app/AppInstall.vue

@@ -186,8 +186,8 @@
         <template v-for="(field, fname) in fields">
           <Component
             v-if="field.visible"
-            :is="field.is"
             v-bind="field.props"
+            :is="field.is"
             v-model="form[fname]"
             :validation="v$.form[fname]"
             :key="fname"