Merge pull request #994 from w3bdesign/993-refactor-more-code

Refactor code

Author: w3bdesign

components/Checkout/CheckoutButton.vue

@@ -26,7 +26,7 @@
           </ErrorMessage>
         </div>
         <div class="w-full flex justify-center mt-6">
-          <CheckoutButton />
+          <CommonButton>SUBMIT ORDER</CommonButton>
         </div>
       </div>
     </Form>

components/Checkout/CheckoutForm.vue

@@ -65,7 +65,7 @@
               </select>
             </p>
             <div class="pt-1 mt-2">
-              <CartAddToCartButton :product="data.product" />
+              <ProductsAddToCartButton :product="data.product" />
             </div>
           </div>
         </div>

components/Cart/CartAddToCartButton.vue renamed to components/Products/ProductsAddToCartButton.vue

@@ -4,6 +4,7 @@
       <button
         :class="{ disabled: isLoading }"
         @click="$emit('CommonButtonClick')"
+        type="submit"
       >
         <slot />
         <svg
@@ -29,6 +30,7 @@
     <button
       :class="{ disabled: isLoading }"
       @click="$emit('CommonButtonClick')"
+      type="submit"
     >
       <slot />
       <svg
@@ -54,7 +56,7 @@
 <script setup>
 /*
  * Usage:
- * <CommonButton @common-button-click="functionName" isLoading="true">Common button</CommonButton>
+ * <CommonButton @common-button-click="functionName" is-loading="true" link-to="/link">Common button</CommonButton>
  */
 
 defineEmits(["CommonButtonClick"]);