From e5fad9f100b7a19f8a41cf4036b0527d2cbea0f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Mon, 11 Nov 2024 18:06:30 -0500
Subject: [PATCH] refactor(components): update components containing an
 `a-select` component

add `menuItemSelectedIcon` template with a custom icon element
---
 components/story/atoms/bands.vue      | 3 +++
 components/story/atoms/characters.vue | 3 +++
 components/story/atoms/genre.vue      | 3 +++
 components/story/atoms/pairings.vue   | 3 +++
 4 files changed, 12 insertions(+)

diff --git a/components/story/atoms/bands.vue b/components/story/atoms/bands.vue
index 0b2629e..5ca938a 100644
--- a/components/story/atoms/bands.vue
+++ b/components/story/atoms/bands.vue
@@ -38,6 +38,9 @@
 			v-model:value="value"
 			:options="options"
 		>
+			<template #menuItemSelectedIcon>
+				<icon istyle="regular" name="circle-check" />
+			</template>
 			<template #removeIcon>
 				<i class="far fa-circle-x" />
 			</template>
diff --git a/components/story/atoms/characters.vue b/components/story/atoms/characters.vue
index 5de4117..fe961dd 100644
--- a/components/story/atoms/characters.vue
+++ b/components/story/atoms/characters.vue
@@ -22,6 +22,9 @@
 			<template #removeIcon>
 				<i class="far fa-circle-x" />
 			</template>
+			<template #menuItemSelectedIcon>
+				<icon istyle="regular" name="circle-check" />
+			</template>
 		</a-select>
 	</a-form-item>
 </template>
diff --git a/components/story/atoms/genre.vue b/components/story/atoms/genre.vue
index 639078d..6a6215d 100644
--- a/components/story/atoms/genre.vue
+++ b/components/story/atoms/genre.vue
@@ -14,6 +14,9 @@
 			<template #removeIcon>
 				<i class="far fa-circle-x" />
 			</template>
+			<template #menuItemSelectedIcon>
+				<icon istyle="regular" name="fa-circle-check" />
+			</template>
 		</a-select>
 	</a-form-item>
 </template>
diff --git a/components/story/atoms/pairings.vue b/components/story/atoms/pairings.vue
index e8e24da..adeb4af 100644
--- a/components/story/atoms/pairings.vue
+++ b/components/story/atoms/pairings.vue
@@ -23,6 +23,9 @@
 					<template #removeIcon>
 						<i class="far fa-circle-x" />
 					</template>
+					<template #menuItemSelectedIcon>
+						<icon istyle="regular" name="circle-check" />
+					</template>
 				</a-select>
 			</Field>
 			<a-col :span="4">