refactor: use $t

Author: danielroe

app/components/ColumnPicker.vue

@@ -46,8 +46,6 @@ onUnmounted(() => {
 // Columns that can be toggled (name is always visible)
 const toggleableColumns = computed(() => props.columns.filter(col => col.id !== 'name'))
 
-const { t } = useI18n()
-
 // Map column IDs to i18n keys
 const columnLabelKey: Record<string, string> = {
   name: 'filters.columns.name',
@@ -66,7 +64,7 @@ const columnLabelKey: Record<string, string> = {
 
 function getColumnLabel(id: string): string {
   const key = columnLabelKey[id]
-  return key ? t(key) : id
+  return key ? $t(key) : id
 }
 
 function handleReset() {

app/components/FilterPanel.vue

@@ -29,7 +29,6 @@ const emit = defineEmits<{
 
 const isExpanded = ref(false)
 const showAllKeywords = ref(false)
-const { t } = useI18n()
 
 const displayedKeywords = computed(() => {
   const keywords = props.availableKeywords ?? []
@@ -39,15 +38,15 @@ const displayedKeywords = computed(() => {
 const searchPlaceholder = computed(() => {
   switch (props.filters.searchScope) {
     case 'name':
-      return t('filters.search_placeholder_name')
+      return $t('filters.search_placeholder_name')
     case 'description':
-      return t('filters.search_placeholder_description')
+      return $t('filters.search_placeholder_description')
     case 'keywords':
-      return t('filters.search_placeholder_keywords')
+      return $t('filters.search_placeholder_keywords')
     case 'all':
-      return t('filters.search_placeholder_all')
+      return $t('filters.search_placeholder_all')
     default:
-      return t('filters.search_placeholder_name')
+      return $t('filters.search_placeholder_name')
   }
 })
 

app/components/PackageListToolbar.vue

@@ -59,8 +59,6 @@ const viewMode = computed({
 
 const showingFiltered = computed(() => props.filteredCount !== props.totalCount)
 
-const { t } = useI18n()
-
 // Parse current sort option into key and direction
 const currentSort = computed(() => parseSortOption(props.sortOption))
 

app/components/PackageTable.vue

@@ -81,8 +81,6 @@ function toggleSort(id: string) {
   }
 }
 
-const { t } = useI18n()
-
 // Map column IDs to i18n keys
 const columnLabelKeys: Record<ColumnId, string> = {
   name: 'filters.columns.name',