From 6fe1c577a9fd995d09e7ec8990f7997a8da40b26 Mon Sep 17 00:00:00 2001
From: hyemyn2 <hyemyn2@gmail.com>
Date: Tue, 15 Apr 2025 15:04:52 +0900
Subject: [PATCH 1/4] feat: add count

---
 src/components/pivottable-ui/VFilterBox.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/pivottable-ui/VFilterBox.vue b/src/components/pivottable-ui/VFilterBox.vue
index 31bfe58..d6d7559 100644
--- a/src/components/pivottable-ui/VFilterBox.vue
+++ b/src/components/pivottable-ui/VFilterBox.vue
@@ -52,6 +52,7 @@
           :checked="!(x in unselectedValues)"
         >
         <template v-html="x"></template>
+        <span>({{ filterBoxValues[x] }})</span>
         <a
           class="pvtOnly"
           @click="selectOnly($event, x)"

From 9cac5992656d795252da0b5de1e316c397d9e8e9 Mon Sep 17 00:00:00 2001
From: hyemyn2 <hyemyn2@gmail.com>
Date: Tue, 15 Apr 2025 15:15:46 +0900
Subject: [PATCH 2/4] feat: set composables

---
 src/components/pivottable-ui/VFilterBox.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/pivottable-ui/VFilterBox.vue b/src/components/pivottable-ui/VFilterBox.vue
index d6d7559..27e0cf8 100644
--- a/src/components/pivottable-ui/VFilterBox.vue
+++ b/src/components/pivottable-ui/VFilterBox.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     class="pvtFilterBox"
-    :style="{ display: block, cursor: initial, zIndex: props.zIndex}"
+    :style="{ display: 'block', cursor: 'initial', zIndex: props.zIndex}"
     @click="moveFilterBoxToTop"
   >
     <div
@@ -69,10 +69,8 @@
 </template>
 
 <script setup>
-import { ref, computed, inject } from 'vue'
-const sorters = inject('sorters')
-const menuLimit = inject('menuLimit')
-const localeStrings = inject('localeStrings')
+import { ref, computed } from 'vue'
+import { useProvideFilterBox } from '../../composables'
 const props = defineProps({
   unselectedFilterValues: {
     type: Object,
@@ -91,10 +89,12 @@ const props = defineProps({
     default: () => ({})
   }
 })
+const { localeStrings, sorter, menuLimit } = useProvideFilterBox()
+console.log(localeStrings)
 const filterBoxValuesList = Object.keys(props.filterBoxValues)
 const filterText = ref('')
 const showMenu = ref(filterBoxValuesList.length < menuLimit)
-const sortedList = [...filterBoxValuesList].sort(sorters(props.filterBoxKey))
+const sortedList = [...filterBoxValuesList].sort(sorter(props.filterBoxKey))
 const filteredList = computed(() => sortedList.filter(matchesFilter))
 const unselectedValues = ref(props.unselectedFilterValues)
 const emit = defineEmits([

From 28e45910f841fa19518a2428e35df57d238e7cc8 Mon Sep 17 00:00:00 2001
From: hyemyn2 <hyemyn2@gmail.com>
Date: Tue, 15 Apr 2025 15:21:37 +0900
Subject: [PATCH 3/4] feat: fix localeStrings

---
 src/composables/useProvideFilterbox.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/composables/useProvideFilterbox.js b/src/composables/useProvideFilterbox.js
index c96aa1e..7262f47 100644
--- a/src/composables/useProvideFilterbox.js
+++ b/src/composables/useProvideFilterbox.js
@@ -3,7 +3,7 @@ import { getSort } from '../helper/utilities'
 const filterBoxKey = Symbol('filterBox')
 
 export function provideFilterBox (props) {
-  const localeStrings = props.languagePack[props.locale]
+  const localeStrings = props.languagePack[props.locale].localeStrings
   const sorter = (x) => getSort(props.sorters, x)
   const menuLimit = props.menuLimit
 

From de99fdb7ad777ec83eae9132262e52390086c6a7 Mon Sep 17 00:00:00 2001
From: hyemyn2 <hyemyn2@gmail.com>
Date: Tue, 15 Apr 2025 16:01:59 +0900
Subject: [PATCH 4/4] feat: set x

---
 src/components/pivottable-ui/VFilterBox.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/pivottable-ui/VFilterBox.vue b/src/components/pivottable-ui/VFilterBox.vue
index 27e0cf8..9746d88 100644
--- a/src/components/pivottable-ui/VFilterBox.vue
+++ b/src/components/pivottable-ui/VFilterBox.vue
@@ -51,7 +51,7 @@
           type="checkbox"
           :checked="!(x in unselectedValues)"
         >
-        <template v-html="x"></template>
+        {{ x }}
         <span>({{ filterBoxValues[x] }})</span>
         <a
           class="pvtOnly"