From 2945042d343512f35ac887298c289a2beaeae558 Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Thu, 29 Jan 2026 03:56:40 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Improve=20code=20readability=20b?=
 =?UTF-8?q?y=20reformatting=20template=20and=20computed=20properties?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/gamemaster/FilterPanel.vue      | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/code/websites/pokedex.online/src/components/gamemaster/FilterPanel.vue b/code/websites/pokedex.online/src/components/gamemaster/FilterPanel.vue
index 957d578..cad0885 100644
--- a/code/websites/pokedex.online/src/components/gamemaster/FilterPanel.vue
+++ b/code/websites/pokedex.online/src/components/gamemaster/FilterPanel.vue
@@ -8,7 +8,11 @@
         @change="applyFilter"
       >
         <option value="">All Properties</option>
-        <option v-for="path in availablePaths" :key="path.path" :value="path.path">
+        <option
+          v-for="path in availablePaths"
+          :key="path.path"
+          :value="path.path"
+        >
           {{ path.breadcrumb }}
         </option>
       </select>
@@ -77,14 +81,18 @@ const {
   getUniqueValues
 } = useJsonFilter();
 
-const hasData = computed(() => Array.isArray(props.data) && props.data.length > 0);
+const hasData = computed(
+  () => Array.isArray(props.data) && props.data.length > 0
+);
 
 const valueSuggestions = computed(() => {
   if (!filterProperty.value) return [];
   return getUniqueValues(filterProperty.value).slice(0, 50);
 });
 
-const valueListId = computed(() => `filter-values-${filterProperty.value || 'all'}`);
+const valueListId = computed(
+  () => `filter-values-${filterProperty.value || 'all'}`
+);
 
 function applyFilter() {
   setFilter(filterProperty.value, filterValue.value, filterMode.value);