From 61a637e34f9cb925a9835459b2b4bcb8a2805fdb Mon Sep 17 00:00:00 2001
From: Niklas Wolf <wolfniklas94@web.de>
Date: Fri, 21 Jun 2024 11:46:16 +0200
Subject: [PATCH] fix linter errors

---
 playground/pages/index.vue   | 86 ++++++++++++++++++------------------
 playground/pages/without.vue | 53 +++++++++++-----------
 2 files changed, 72 insertions(+), 67 deletions(-)

diff --git a/playground/pages/index.vue b/playground/pages/index.vue
index 9fc4dbe..ba7b68a 100644
--- a/playground/pages/index.vue
+++ b/playground/pages/index.vue
@@ -6,54 +6,56 @@ const CreditCardToken = ref()
 const IdealError = ref()
 </script>
 <template>
-    <h1>Nuxt mollie payments components</h1>
+    <div>
+        <h1>Nuxt mollie payments components</h1>
 
-    <h2>Credit Card</h2>
+        <h2>Credit Card</h2>
 
-    <ShopwareFrontendsCreditCard
-        submit-button-label="Save"
-        locale="en_US"
-        :submit-disabled="!!CreditCardToken"
-        @submit="
-            (token) => {
-                CreditCardToken = `${token} ✔️`
-                CreditCardError = null
-            }
-        "
-        @error="
-            (message) => {
-                CreditCardError = `${message} ❌`
-            }
-        "
-    />
+        <ShopwareFrontendsCreditCard
+            submit-button-label="Save"
+            locale="en_US"
+            :submit-disabled="!!CreditCardToken"
+            @submit="
+                (token) => {
+                    CreditCardToken = `${token} ✔️`
+                    CreditCardError = null
+                }
+            "
+            @error="
+                (message) => {
+                    CreditCardError = `${message} ❌`
+                }
+            "
+        />
 
-    <div class="demo-mollie-results">
-        <div>
-            Test Credit Number:
-            <pre>2223 0000 1047 9399</pre>
+        <div class="demo-mollie-results">
+            <div>
+                Test Credit Number:
+                <pre>2223 0000 1047 9399</pre>
+            </div>
+            <hr />
+            <div v-if="CreditCardError">Error: {{ CreditCardError }}</div>
+            <div v-if="CreditCardToken">Token: {{ CreditCardToken }}</div>
         </div>
-        <hr />
-        <div v-if="CreditCardError">Error: {{ CreditCardError }}</div>
-        <div v-if="CreditCardToken">Token: {{ CreditCardToken }}</div>
-    </div>
 
-    <h2>Ideal</h2>
+        <h2>Ideal</h2>
 
-    <ShopwareFrontendsIdeal
-        locale="en_US"
-        select-label="Please choose your bank:"
-        select-disabled-option="Select your bank"
-        @save-issuer-success="
-            () => {
-                IdealError = null
-            }
-        "
-        @save-issuer-error="
-            (message) => {
-                IdealError = `${message} ❌`
-            }
-        "
-    />
+        <ShopwareFrontendsIdeal
+            locale="en_US"
+            select-label="Please choose your bank:"
+            select-disabled-option="Select your bank"
+            @save-issuer-success="
+                () => {
+                    IdealError = null
+                }
+            "
+            @save-issuer-error="
+                (message) => {
+                    IdealError = `${message} ❌`
+                }
+            "
+        />
+    </div>
 </template>
 <style scoped>
 .demo-mollie-results {
diff --git a/playground/pages/without.vue b/playground/pages/without.vue
index fa84479..f31d4da 100644
--- a/playground/pages/without.vue
+++ b/playground/pages/without.vue
@@ -6,31 +6,34 @@ const CreditCardToken = ref()
 </script>
 
 <template>
-    <h1>Load Mollie script lazily</h1>
-    <div>On this page the scripts load lazily, if the button is clicked.</div>
-    <div>To test this, the option <i>isIncludedGlobally: false</i> has to be set in nuxt config.</div>
-
-    <p>
-        <button @click="show = !show">{{show ? 'Hide' : 'Show'}} payment components</button>
-        <p v-if="show">
-            <LazyShopwareFrontendsCreditCard
-                submit-button-label="Save"
-                locale="en_US"
-                :submit-disabled="!!CreditCardToken"
-                @submit="
-                    (token) => {
-                        CreditCardToken = `${token} ✔️`
-                        CreditCardError = null
-                    }
-                "
-                @error="
-                    (message) => {
-                        CreditCardError = `${message} ❌`
-                    }
-                "
-            />
-        </p>
-    </p>
+    <div>
+        <h1>Load Mollie script lazily</h1>
+        <div>On this page the scripts load lazily, if the button is clicked.</div>
+        <div>To test this, the option <i>isIncludedGlobally: false</i> has to be set in nuxt config.</div>
+        <br />
+        <br />
+        <div>
+            <button @click="show = !show">{{ show ? 'Hide' : 'Show' }} payment components</button>
+            <p v-if="show">
+                <LazyShopwareFrontendsCreditCard
+                    submit-button-label="Save"
+                    locale="en_US"
+                    :submit-disabled="!!CreditCardToken"
+                    @submit="
+                        (token) => {
+                            CreditCardToken = `${token} ✔️`
+                            CreditCardError = null
+                        }
+                    "
+                    @error="
+                        (message) => {
+                            CreditCardError = `${message} ❌`
+                        }
+                    "
+                />
+            </p>
+        </div>
+    </div>
 </template>
 
 <style scoped></style>