Error on search empty product

lang/id.json

@@ -107,5 +107,6 @@
     "exchange": "Exchange",
     "referenceerror: rates is not defined": "ReferenceError: rates is not defined",
     "referenceerror: currency is not defined": "ReferenceError: currency is not defined",
-    "typeerror: can't access property \"unshift\", currency.velue is undefined": "TypeError: can't access property \"unshift\", currency.velue is undefined"
+    "typeerror: can't access property \"unshift\", currency.velue is undefined": "TypeError: can't access property \"unshift\", currency.velue is undefined",
+    "item must be selected": "Item must be selected"
 }

resources/js/Pages/IkeaRoot.vue

@@ -174,6 +174,15 @@ onMounted(fetch);
 onMounted(fetch_rates);
 
 const submit = () => {
+  console.log('ITEM=', form);
+  if (form.codes.length == 0) {
+    Swal.fire({
+      title: "Empty code",
+      text: "You must enter product!",
+      icon: "error"
+    });
+    return false;
+  }
   form.post(route('products.compare'));
 };
 </script>
@@ -206,8 +215,8 @@ const submit = () => {
             <span class="font-extrabold font-mono">Prepocet do meny</span>
           </div>
           <div>
-            <multiselect v-model="form.currency" :multiple="flase" :allow-empty="false"
-              placeholder="Currency" :searchable="true" :options="currency" />
+            <multiselect v-model="form.currency" :multiple="false" :allow-empty="false" placeholder="Currency"
+              :searchable="true" :options="currency" />
           </div>
           <div class="text-end mt-2">
             <button type="submit"