From 14a3753c4d4ccdb5e6a49a7a3ed63ae41616cea9 Mon Sep 17 00:00:00 2001
From: "zeon-neon[bot]" <136533918+zeon-neon[bot]@users.noreply.github.com>
Date: Fri, 25 Jul 2025 02:28:21 +0000
Subject: [PATCH] enhancement(lint): Fix lint errors for
 components/FeedbackCards.vue

Co-authored-by: NeonGamerBot-QK <neon@saahild.com>
Signed-off-by: zeon-neon[bot] <136533918+zeon-neon[bot]@users.noreply.github.com>
---
 components/FeedbackCards.vue | 110 +++++++++++++++++++----------------
 1 file changed, 61 insertions(+), 49 deletions(-)

diff --git a/components/FeedbackCards.vue b/components/FeedbackCards.vue
index d802cf5c..194624d0 100644
--- a/components/FeedbackCards.vue
+++ b/components/FeedbackCards.vue
@@ -1,49 +1,61 @@
-<template>
-  <div class="flex justify-right items-right ">
-    <div class="relative w-80 h-96" @click="rotateStack" @touchstart="handleTouchStart" @touchend="handleTouchEnd">
-      <div
-        v-for="(card, index) in displayedCards"
-        :key="card.id"
-        class="card w-full h-1/2 absolute top-0 left-0 cursor-pointer transition-transform duration-300"
-        :class="card.color"
-        :style="{ zIndex: cards.length - index, transform: index === 0 ? 'translateY(0)' : 'translateY(-' + index * 10 + 'px)' }"
-      >
-        <div class="card-body">
-          <h2 class="card-title">{{ card.title }}</h2>
-          <p>{{ card.text }}</p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, watch } from 'vue'
-const props = defineProps({
-  cards: {
-    type: Array,
-    required: true,
-  },
-})
-const cards = ref([...props.cards])
-
-watch(() => props.cards, (newVal) => {
-  cards.value = [...newVal]
-})
-
-const displayedCards = computed(() => [...cards.value].reverse())
-
-function rotateStack() {
-  const top = cards.value.shift()
-  cards.value.push(top)
-}
-
-let touchStartX = 0
-function handleTouchStart(e) {
-  touchStartX = e.touches[0].clientX
-}
-function handleTouchEnd(e) {
-  const touchEndX = e.changedTouches[0].clientX
-  if (touchStartX - touchEndX > 50) rotateStack()
-}
-</script>
+<template>
+  <div class="flex justify-right items-right">
+    <div
+      class="relative w-80 h-96"
+      @click="rotateStack"
+      @touchstart="handleTouchStart"
+      @touchend="handleTouchEnd"
+    >
+      <div
+        v-for="(card, index) in displayedCards"
+        :key="card.id"
+        class="card w-full h-1/2 absolute top-0 left-0 cursor-pointer transition-transform duration-300"
+        :class="card.color"
+        :style="{
+          zIndex: cards.length - index,
+          transform:
+            index === 0 ? 'translateY(0)' : 'translateY(-' + index * 10 + 'px)',
+        }"
+      >
+        <div class="card-body">
+          <h2 class="card-title">{{ card.title }}</h2>
+          <p>{{ card.text }}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, watch } from "vue";
+const props = defineProps({
+  cards: {
+    type: Array,
+    required: true,
+  },
+});
+const cards = ref([...props.cards]);
+
+watch(
+  () => props.cards,
+  (newVal) => {
+    cards.value = [...newVal];
+  },
+);
+
+const displayedCards = computed(() => [...cards.value].reverse());
+
+function rotateStack() {
+  const top = cards.value.shift();
+  cards.value.push(top);
+}
+
+let touchStartX = 0;
+function handleTouchStart(e) {
+  touchStartX = e.touches[0].clientX;
+}
+function handleTouchEnd(e) {
+  const touchEndX = e.changedTouches[0].clientX;
+  if (touchStartX - touchEndX > 50) rotateStack();
+}
+</script>