From 0b19e7856b89957203cc0d82b81a29dde5fd6482 Mon Sep 17 00:00:00 2001
From: "bert.hausmans" <bert@hausmans.nl>
Date: Mon, 18 May 2026 14:23:30 +0200
Subject: [PATCH] style(gui-v2): resolve 7 ESLint errors in Plan 3
 components/specs (behavior-neutral, DoD #13)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../src/components-v2/shared/DraggableBlock.vue  |  2 +-
 apps/app/src/components-v2/shared/StatusTag.vue  | 16 +++++++---------
 .../shared/__tests__/StateBlock.spec.ts          |  2 +-
 .../shared/__tests__/TagsInput.spec.ts           |  3 ---
 4 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/apps/app/src/components-v2/shared/DraggableBlock.vue b/apps/app/src/components-v2/shared/DraggableBlock.vue
index 4f1762a9..4a3819cc 100644
--- a/apps/app/src/components-v2/shared/DraggableBlock.vue
+++ b/apps/app/src/components-v2/shared/DraggableBlock.vue
@@ -16,7 +16,7 @@ import type { TagSeverity } from '@/components-v2/shared/statusSeverity'
 
 interface TagBit { label: string; severity?: TagSeverity }
 
-const props = withDefaults(defineProps<{
+withDefaults(defineProps<{
   line1Left: { tag?: TagBit; text?: string }
   line1Right?: { tag?: TagBit; pill?: string }
   line2Left?: string
diff --git a/apps/app/src/components-v2/shared/StatusTag.vue b/apps/app/src/components-v2/shared/StatusTag.vue
index d2a63aaf..7e50f38e 100644
--- a/apps/app/src/components-v2/shared/StatusTag.vue
+++ b/apps/app/src/components-v2/shared/StatusTag.vue
@@ -24,15 +24,13 @@ const text = computed(() =>
   props.label ?? props.status.replace(/_/g, ' '),
 )
 
-const pt = computed(() =>
-  props.dot
-    ? {
-        root: {
-          class: 'before:content-[""] before:inline-block before:w-2 before:h-2 before:rounded-full before:bg-current before:mr-1.5 before:align-middle',
-        },
-      }
-    : {},
-)
+const DOT_PT = {
+  root: {
+    class: 'before:content-[""] before:inline-block before:w-2 before:h-2 before:rounded-full before:bg-current before:mr-1.5 before:align-middle',
+  },
+}
+
+const pt = computed(() => props.dot ? DOT_PT : {})
 </script>
 
 <template>
diff --git a/apps/app/src/components-v2/shared/__tests__/StateBlock.spec.ts b/apps/app/src/components-v2/shared/__tests__/StateBlock.spec.ts
index 3335262b..4db80a55 100644
--- a/apps/app/src/components-v2/shared/__tests__/StateBlock.spec.ts
+++ b/apps/app/src/components-v2/shared/__tests__/StateBlock.spec.ts
@@ -6,7 +6,7 @@ import StateBlock from '@/components-v2/shared/StateBlock.vue'
 const stubs = {
   Skeleton: defineComponent({ name: 'Skeleton', template: '<div class="skeleton-stub" />' }),
   Message: defineComponent({ name: 'Message', props: ['severity'], template: '<div class="message-stub"><slot /></div>' }),
-  Button: defineComponent({ name: 'Button', props: ['label'], emits: ['click'], template: '<button class="btn-stub" @click="$emit(\'click\')">{{ label }}</button>' }),
+  Button: defineComponent({ name: 'ButtonStub', props: ['label'], emits: ['click'], template: '<button class="btn-stub" @click="$emit(\'click\')">{{ label }}</button>' }),
   Card: defineComponent({ name: 'Card', template: '<div class="card-stub"><slot name="content" /></div>' }),
 }
 
diff --git a/apps/app/src/components-v2/shared/__tests__/TagsInput.spec.ts b/apps/app/src/components-v2/shared/__tests__/TagsInput.spec.ts
index ea755bce..445b8394 100644
--- a/apps/app/src/components-v2/shared/__tests__/TagsInput.spec.ts
+++ b/apps/app/src/components-v2/shared/__tests__/TagsInput.spec.ts
@@ -12,9 +12,6 @@ const AutoCompleteStub = defineComponent({
   name: 'AutoComplete',
   props: { modelValue: { type: Array, default: () => [] }, suggestions: { type: Array, default: () => [] }, multiple: Boolean, typeahead: Boolean },
   emits: ['update:modelValue', 'complete'],
-  methods: {
-    addRaw(raw: string) { this.$emit('update:modelValue', [...(this.modelValue as string[]), raw]) },
-  },
   template: '<div class="ac-stub" :data-count="modelValue.length" />',
 })