From fd5af1b65e2d4eef5fc1aa1a27cc50cd98914710 Mon Sep 17 00:00:00 2001
From: Chris Alfano <chris@jarv.us>
Date: Mon, 11 Nov 2024 02:31:37 -0500
Subject: [PATCH] fix: hyphenate division in results title

---
 src/components/SearchResults.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index 895fca3..3e084a7 100644
--- a/src/components/SearchResults.vue
+++ b/src/components/SearchResults.vue
@@ -1,4 +1,5 @@
 <script setup>
+import { divisionWithHyphen } from './map/divisionUtils'
 import { ref, computed, watch } from 'vue'
 
 const props = defineProps({
@@ -26,12 +27,12 @@ const resultsTitle = computed(() => {
 
   // If there's a search term, it's a text-based search
   if (props.results.searchTerm) {
-    return `Search Results for "${props.results.searchTerm}" - ${props.results.matches.length} Results`
+    return `Search Results for "${props.results.searchTerm}": ${props.results.matches.length} Results`
   }
 
   // If there's exactly one division, it's from a map click
   if (props.results.divisions.length === 1) {
-    return `Division ${props.results.divisions[0]} - ${props.results.matches.length} Results`
+    return `Division ${divisionWithHyphen(props.results.divisions[0])}: ${props.results.matches.length} Results`
   }
 
   // Default case