✨ refactor(noProduct): 优化组件代码结构，调整导入顺序并格式化 watch 函数

src/components/noProduct.vue

@@ -5,21 +5,25 @@
   </div>
 </template>
 <script setup>
-import { useI18n } from 'vue-i18n'
-import { defineProps, watch } from 'vue'
-const { t } = useI18n()
-const props = defineProps({
-  img: {
-    type: String,
-    default: '@/assets/imgs/noFoods.svg',
-  },
-  text: {
-    type: String,
-    default: '还没添加菜品哦',
-  },
-})
-console.log(props)
-watch(()=>props.text, (newVal, oldVal) => {
-  console.log('text changed', newVal, oldVal)
-})
+  import { useI18n } from 'vue-i18n'
+  import { watch } from 'vue'
+
+  const { t } = useI18n()
+  const props = defineProps({
+    img: {
+      type: String,
+      default: '@/assets/imgs/noFoods.svg',
+    },
+    text: {
+      type: String,
+      default: '还没添加菜品哦',
+    },
+  })
+  console.log(props)
+  watch(
+    () => props.text,
+    (newVal, oldVal) => {
+      console.log('text changed', newVal, oldVal)
+    },
+  )
 </script>