lint: no-useless-v-bind and fixes

eslint.config.ts

@@ -147,11 +147,11 @@ export default defineConfig([
       'vue/match-component-import-name': 'error',
       'vue/no-unused-properties': 'error',
       'vue/no-useless-mustaches': 'error',
+      'vue/no-useless-v-bind': 'error',
       /* Toggle on to do additional until we can clean up existing violations.
       'vue/no-unused-emit-declarations': 'error',
       'vue/no-unused-refs': 'error',
       'vue/no-use-v-else-with-v-for': 'error',
-      'vue/no-useless-v-bind': 'error',
       // */
       'vue/one-component-per-file': 'off', // TODO: fix
       'vue/require-default-prop': 'off', // TODO: fix -- this one is very worthwhile

src/components/breadcrumb/SubgraphBreadcrumbItem.vue

@@ -21,7 +21,7 @@
       class="icon-[lucide--triangle-alert] text-warning-background"
     />
     <span class="p-breadcrumb-item-label px-2">{{ item.label }}</span>
-    <Tag v-if="item.isBlueprint" :value="'Blueprint'" severity="primary" />
+    <Tag v-if="item.isBlueprint" value="Blueprint" severity="primary" />
     <i v-if="isActive" class="pi pi-angle-down text-[10px]"></i>
   </a>
   <Menu

src/components/dialog/content/ErrorDialogContent.vue

@@ -5,7 +5,7 @@
       icon="pi pi-exclamation-circle"
       :title="title"
       :message="error.exceptionMessage"
-      :text-class="'break-words max-w-[60vw]'"
+      text-class="break-words max-w-[60vw]"
     />
     <template v-if="error.extensionFile">
       <span>{{ t('errorDialog.extensionFileHint') }}:</span>

src/components/graph/selectionToolbox/NodeOptions.vue

@@ -2,7 +2,7 @@
   <div>
     <Popover
       ref="popover"
-      :append-to="'body'"
+      append-to="body"
       :auto-z-index="true"
       :base-z-index="1000"
       :dismissable="true"

src/components/queue/CompletionSummaryBanner.vue

@@ -9,8 +9,7 @@
     <span class="inline-flex items-center gap-2">
       <span v-if="props.mode === 'allFailed'" class="inline-flex items-center">
         <i
-          class="ml-1 icon-[lucide--circle-alert] block size-4 leading-none"
-          :class="'text-destructive-background'"
+          class="ml-1 icon-[lucide--circle-alert] block size-4 leading-none text-destructive-background"
         />
       </span>
 

src/components/searchbox/NodeSearchBox.vue

@@ -49,7 +49,7 @@
       auto-option-focus
       force-selection
       multiple
-      :option-label="'display_name'"
+      option-label="display_name"
       @complete="search($event.query)"
       @option-select="onAddNode($event.value)"
       @focused-option-changed="setHoverSuggestion($event)"

src/platform/assets/components/MediaAssetSortButton.vue

@@ -6,7 +6,7 @@
 
     <Popover
       ref="popover"
-      :append-to="'body'"
+      append-to="body"
       :auto-z-index="true"
       :base-z-index="1000"
       :dismissable="true"