feat: 移除 @nuxt/prisma 包 - build-and-deploy

.env.example

@@ -1,3 +1 @@
-NODE_ENV = "development"
-
 HANA_DATABASE_URL = "postgresql://your_username:your_password@localhost:5432/grey_flowers?schema=public"

nuxt.config.ts

@@ -78,9 +78,6 @@ export default defineNuxtConfig({
     preload: true,
     download: true,
   },
-  prisma: {
-    installStudio: false,
-  },
   modules: [
     '@nuxtjs/tailwindcss',
     '@nuxtjs/i18n',
@@ -92,7 +89,6 @@ export default defineNuxtConfig({
     '@nuxtjs/seo',
     '@vueuse/nuxt',
     '@pinia/nuxt',
-    '@prisma/nuxt',
   ],
   plugins: ['~/plugins/directives.ts'],
   devtools: { enabled: true },

package.json

@@ -35,7 +35,6 @@
     "@nuxtjs/tailwindcss": "^6.12.1",
     "@pinia/nuxt": "^0.6.1",
     "@prisma/client": "^5.22.0",
-    "@prisma/nuxt": "^0.0.35",
     "@tailwindcss/forms": "^0.5.9",
     "@tailwindcss/typography": "^0.5.15",
     "@types/node": "^22.7.4",

pages/articles/archives/index.vue

@@ -6,45 +6,74 @@ definePageMeta({
 const route = useRoute()
 const router = useRouter()
 
+// 文章总数
 const { data: count } = await useAsyncData('article-count', () => $fetch('/api/articles/count'))
-
+// 文章日期，key 为年份，value 为该年份下的月份数组
 const { data: dateMap } = await useAsyncData('articles-by-publishedAt', () => $fetch('/api/articles/dates'))
 
-const yearList = computed(() => dateMap.value ? (Object.keys(dateMap.value)).sort((a, b) => Number(b) - Number(a)) : [])
-const curYear = ref<string>(route.query.year as string || yearList.value[0])
+const yearList = computed(() =>
+  dateMap.value ? Object.keys(dateMap.value).sort((a, b) => Number(b) - Number(a)) : [],
+)
+const curYear = ref<string | null>(null)
 
-const monthList = computed(() => dateMap.value ? [...dateMap.value[curYear.value]].sort((a, b) => Number(b) - Number(a)) : [])
-const curMonth = ref<string>(route.query.month as string || monthList.value[0])
+const monthList = computed(() =>
+  curYear.value && dateMap.value && dateMap.value[curYear.value]
+    ? [...dateMap.value[curYear.value]].sort((a, b) => Number(b) - Number(a))
+    : [],
+)
+const curMonth = ref<string | null>(null)
 
-function toggleYear(year: string) {
-  curYear.value = year
+function syncQueryToState() {
+  const yearFromQuery = route.query.year as string
+  const monthFromQuery = route.query.month as string
+
+  // 如果查询参数不存在，拿到最新的年份和月份
+  const defaultYear = yearList.value[0] || null
+  const defaultMonth = monthList.value[0] || null
+
+  curYear.value = yearFromQuery || defaultYear
+  curMonth.value = monthFromQuery || defaultMonth
+
+  // 更新到最新的查询参数
+  if (!yearFromQuery || !monthFromQuery) {
+    updateQuery({ year: curYear.value!, month: curMonth.value! })
+  }
 }
 
-function toggleMonth(month: string) {
-  curMonth.value = month
+// 更新查询参数
+function updateQuery(params: { year?: string, month?: string }) {
+  const newQuery = { ...route.query, ...params }
+  if (JSON.stringify(route.query) !== JSON.stringify(newQuery)) {
+    router.replace({ query: newQuery })
+  }
 }
 
-watch(curYear, (newYear) => {
-  router.replace({ query: { ...route.query, year: newYear, month: dateMap.value![newYear][0] } })
-}, { immediate: true })
+watch(
+  () => route.query,
+  () => { syncQueryToState() },
+  { immediate: true },
+)
 
-watch(() => route.query.year, (yearQuery) => {
-  const newYear = yearQuery as string || yearList.value[0]
-  if (newYear !== curYear.value) {
-    curYear.value = newYear
+watch(curYear, (newYear) => {
+  if (newYear) {
+    updateQuery({ year: newYear, month: monthList.value[0] })
   }
 })
-
 watch(curMonth, (newMonth) => {
-  router.replace({ query: { ...route.query, month: newMonth } })
-})
-
-watch(() => route.query.month, (monthQuery) => {
-  const newMonth = monthQuery as string || monthList.value[0]
-  if (newMonth !== curMonth.value) {
-    curMonth.value = newMonth
+  if (newMonth) {
+    updateQuery({ month: newMonth })
   }
 })
+
+syncQueryToState()
+
+function toggleYear(year: string) {
+  curYear.value = year
+}
+
+function toggleMonth(month: string) {
+  curMonth.value = month
+}
 </script>
 
 <template>
@@ -64,7 +93,7 @@ watch(() => route.query.month, (monthQuery) => {
           <span>{{ year }}</span>
         </div>
       </div>
-      <div class="hana-card flex gap-2 overflow-auto">
+      <div v-if="monthList.length" class="hana-card flex gap-2 overflow-auto">
         <div
           v-for="month in monthList"
           :key="month"