first upload all files

Themes/Storefront/views/public/checkout/create/payment.blade.php

@@ -0,0 +1,36 @@
+<div class="payment-method" v-cloak>
+    <h4 class="title">{{ trans('storefront::checkout.payment_method') }}</h4>
+
+    <div class="payment-method-form">
+        <div class="form-group">
+            <div class="form-radio" v-for="(gateway, name) in gateways">
+                <input
+                    type="radio"
+                    name="form.payment_method"
+                    v-model="form.payment_method"
+                    :value="name"
+                    :id="name"
+                >
+
+                <label :for="name" v-text="gateway.label"></label>
+                <span class="helper-text" v-text="gateway.description"></span>
+            </div>
+
+            <span class="error-message" v-if="hasNoPaymentMethod">
+                {{ trans('storefront::checkout.no_payment_method') }}
+            </span>
+        </div>
+    </div>
+</div>
+
+<div id="stripe-card-element" v-show="form.payment_method === 'stripe'" v-cloak>
+    {{-- A Stripe Element will be mounted here dynamically. --}}
+</div>
+
+<span class="error-message" v-if="stripeError" v-text="stripeError"></span>
+
+<div class="payment-instructions" v-if="shouldShowPaymentInstructions" v-cloak>
+    <h4 class="title">{{ trans('storefront::checkout.payment_instructions') }}</h4>
+
+    <p v-html="paymentInstructions"></p>
+</div>