fix: disable generate button when empty

Author: yucheng514

src/App.vue

@@ -15,12 +15,14 @@
   })
 
   const handleSubmit = (newList: OreoKey[]) => {
-    loading = true
-    setTimeout(() => {
-      loading = false
-    }, 1000)
+    if(newList.length) {
+        loading = true
+        setTimeout(() => {
+        loading = false
+        }, 1000)
 
-    oreoList = [...newList]
+        oreoList = [...newList]
+    }
   }
 </script>
 

src/pages/Home.vue

@@ -107,8 +107,9 @@ const generateRandomOreo = () => {
       h-16 mx="-8" mb="-8"
       text="white xl"
       bg-truegray-700
-      cursor-pointer
-      hover="bg-truegray-800 text-2xl" rounded-b-xl
+      :cursor="oreoList.length ? 'pointer' : 'not-allowed'"
+      :hover="oreoList.length ? 'bg-truegray-800 text-2xl' : ''" 
+      rounded-b-xl select-none
       @click="handleClick"
     >
       {{ t('input.generate') }}