fix: dialog title switch with select (#1497)

Co-authored-by: Willow (GHOST) <git@willow.sh>

Author: zzxming

app/components/Package/WeeklyDownloadStats.vue

@@ -17,6 +17,13 @@ const route = useRoute()
 const chartModal = useModal('chart-modal')
 const hasChartModalTransitioned = shallowRef(false)
 
+const modalTitle = computed(() => {
+  const facet = route.query.facet as string | undefined
+  if (facet === 'likes') return $t('package.trends.items.likes')
+  if (facet === 'contributors') return $t('package.trends.items.contributors')
+  return $t('package.trends.items.downloads')
+})
+
 const isChartModalOpen = shallowRef<boolean>(false)
 
 function handleModalClose() {
@@ -305,7 +312,7 @@ const config = computed(() => {
 
   <PackageChartModal
     v-if="isChartModalOpen && hasWeeklyDownloads"
-    :title="$t('package.downloads.modal_title')"
+    :title="modalTitle"
     @close="handleModalClose"
     @transitioned="handleModalTransitioned"
   >
@@ -356,6 +363,7 @@ const config = computed(() => {
   padding: 0 !important;
   letter-spacing: 0.04rem;
 }
+
 .vue-ui-sparkline text {
   font-family:
     Geist Mono,

i18n/locales/ar.json

@@ -371,7 +371,6 @@
     },
     "downloads": {
       "title": "التنزيلات الأسبوعية",
-      "modal_title": "التنزيلات الأسبوعية",
       "analyze": "تحليل التنزيلات",
       "community_distribution": "عرض توزيع تبنّي المجتمع"
     },

i18n/locales/bg-BG.json

@@ -359,7 +359,6 @@
     },
     "downloads": {
       "title": "Седмични изтегляния",
-      "modal_title": "Седмични изтегляния",
       "analyze": "Анализ на изтеглянията",
       "community_distribution": "Преглед на разпределението на приемането от общността"
     },

i18n/locales/de-DE.json

@@ -369,7 +369,6 @@
     },
     "downloads": {
       "title": "Wöchentliche Downloads",
-      "modal_title": "Wöchentliche Downloads",
       "analyze": "Downloads analysieren",
       "community_distribution": "Community-Adoptionsverteilung ansehen"
     },

i18n/locales/en.json

@@ -371,7 +371,6 @@
     },
     "downloads": {
       "title": "Weekly Downloads",
-      "modal_title": "Weekly Downloads",
       "analyze": "Analyze downloads",
       "community_distribution": "View community adoption distribution"
     },

i18n/locales/es.json

@@ -367,7 +367,6 @@
     },
     "downloads": {
       "title": "Descargas Semanales",
-      "modal_title": "Descargas semanales",
       "analyze": "Analizar descargas",
       "community_distribution": "Ver distribución de adopción comunitaria"
     },

i18n/locales/fr-FR.json

@@ -371,7 +371,6 @@
     },
     "downloads": {
       "title": "Téléchargements hebdo.",
-      "modal_title": "Téléchargements hebdomadaires",
       "analyze": "Analyser les téléchargements",
       "community_distribution": "Voir la distribution des versions téléchargées par la communauté"
     },

i18n/locales/ja-JP.json

@@ -361,7 +361,6 @@
     },
     "downloads": {
       "title": "週間ダウンロード数",
-      "modal_title": "週間ダウンロード数",
       "analyze": "ダウンロード数を分析",
       "community_distribution": "コミュニティの採用分布を表示"
     },

i18n/locales/pl-PL.json

@@ -371,8 +371,7 @@
     "downloads": {
       "title": "Pobrania tygodniowe",
       "analyze": "Analizuj pobrania",
-      "community_distribution": "Zobacz, jak społeczność korzysta z pakietu",
-      "modal_title": "Pobrania tygodniowe"
+      "community_distribution": "Zobacz, jak społeczność korzysta z pakietu"
     },
     "install_scripts": {
       "title": "Skrypty instalacji",

i18n/locales/zh-CN.json

@@ -371,7 +371,6 @@
     },
     "downloads": {
       "title": "每周下载量",
-      "modal_title": "每周下载量",
       "analyze": "分析下载量",
       "community_distribution": "查看社区采用分布"
     },