fix: use click for gtm

src/components/ChooseFood.vue

@@ -36,9 +36,9 @@ const gtm = useGtm()
 
 const toggleStuff = (item: StuffItem, category = '') => {
   gtm?.trackEvent({
-    event: 'stuff',
+    event: 'click',
     category: `${category}_${item.name}`,
-    action: 'click',
+    action: 'click_stuff',
     label: '食材',
   })
 
@@ -54,9 +54,9 @@ const clickTool = (item: StuffItem) => {
   rStore.toggleTools(value)
 
   gtm?.trackEvent({
-    event: 'stuff',
+    event: 'click',
     category: `tool_${value}`,
-    action: 'click',
+    action: 'click_tool',
     label: '工具',
   })
 }
@@ -151,7 +151,7 @@ const clickTool = (item: StuffItem) => {
     </span>
   </div> -->
 
-  <div m="2" p="2" class="transition shadow hover:shadow-md" bg="gray-400/8">
+  <div m="2 t-4" p="2" class="transition shadow hover:shadow-md" bg="gray-400/8">
     <h2 text="xl" font="bold" p="1">
       🍲 今天的菜
       <br>

src/components/DishTag.vue

@@ -9,9 +9,9 @@ const gtm = useGtm()
 
 const triggerGtm = (val: string) => {
   gtm?.trackEvent({
-    event: 'recipe',
+    event: 'click',
     category: `dish_${val}`,
-    action: 'click',
+    action: 'click_recipe',
     label: '跳转菜谱',
   })
 }

src/modules/gtm.ts

@@ -3,5 +3,8 @@ import type { UserModule } from '~/types'
 
 export const install: UserModule = ({ app }) => {
   // add google tag manager, and add GA4 in gtag
-  app.use(createGtm({ id: 'GTM-5FJSV46' }))
+  app.use(createGtm({
+    id: 'GTM-5FJSV46',
+    debug: true,
+  }))
 }