style: add shadow when hover

src/components/04_product-service/NewProductCardComponent.vue

@@ -19,7 +19,7 @@ withDefaults(
   <div
     class="q-pa-lg full-width rounded column items-center hover-card"
     :style="`border:2px dashed ${isType ? 'var(--purple-11)' : 'var(--pink-6)'};flex-grow:1`"
-    @click="console.log('clicked!')"
+    @click="$emit('onClick')"
   >
     <q-img
       style="height: 140px; max-width: 170px"
@@ -39,5 +39,6 @@ withDefaults(
 .hover-card:hover {
   cursor: pointer;
   opacity: 0.8;
+  box-shadow: var(--shadow-3);
 }
 </style>