121 support users to authenticate via cloudflare captcha (#122)

* use `QImgCustom` extends in `QImg` use XHR if fail load `403` * add option try verify captcha * localize * format * typo
anime-vsub · May 15, 2023 · 507be03 · 507be03
1 parent ab21eb4
commit 507be03
Show file tree

Hide file tree

Showing 19 changed files with 489 additions and 108 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -51,5 +51,7 @@
   "i18n-ally.extract.ignored": [
     "&bull;\n              {{\n                t(\"tap-moi-chieu-vao-_time-_day\", [\n                  dayjs(\n                    new Date(\n                      `${currentDataSeason.update[1]}:${currentDataSeason.update[2]} 1/1/0`\n                    )\n                  ).format(\"HH:MM\"),\n                  currentDataSeason.update[0] === 0\n                    ? \"chủ nhật\"\n                    : `thứ ${currentDataSeason.update[0]}`,\n                  currentDataSeason.update[0] > new Date().getDay() + 1\n                    ? \"tuần sau\"\n                    : \"tuần này\",\n                ])\n              }}\n            ",
     "Urban VPN"
-  ]
+  ],
+  "editor.tabCompletion": "on",
+  "diffEditor.codeLens": true
 }
diff --git a/src/components/Card.vue b/src/components/Card.vue
@@ -6,7 +6,7 @@
       class="bg-transparent"
       @mousemove="data.description ? (eventMouseoverCard = $event) : undefined"
     >
-      <q-img
+      <q-img-custom
         no-spinner
         :src="forceHttp2(data.image)"
         referrerpolicy="no-referrer"
@@ -37,7 +37,7 @@
           >{{ data.quality }}</Quality
         >
         <img v-if="trending" :src="ranks[trending - 1]" class="h-[1.5rem]" />
-      </q-img>
+      </q-img-custom>
       <span v-if="!trending" class="a line-clamp-2 min-h-10 mt-1">{{
         data.name
       }}</span>
@@ -118,7 +118,9 @@
 import type { MaybeComputedRef } from "@vueuse/core"
 import { useElementHover } from "@vueuse/core"
 import BottomBlur from "components/BottomBlur.vue"
-import { debounce, QCard, QCardSection, QImg, QMenu } from "quasar"
+import QImgCustom from "components/QImgCustom"
+import type { QImg } from "quasar"
+import { debounce, QCard, QCardSection, QMenu } from "quasar"
 import type { TPost } from "src/apis/parser/__helpers__/getInfoTPost"
 import dayjs from "src/logic/dayjs"
 import { forceHttp2 } from "src/logic/forceHttp2"

diff --git a/src/components/CardVertical.vue b/src/components/CardVertical.vue
@@ -1,7 +1,7 @@
 <template>
   <router-link :to="data.path" v-ripple class="relative flex flex-nowrap">
     <div>
-      <q-img
+      <q-img-custom
         no-spinner
         :src="forceHttp2(data.image)"
         referrerpolicy="no-referrer"
@@ -10,7 +10,7 @@
         class="rounded-lg"
       >
         <slot name="img-content" />
-      </q-img>
+      </q-img-custom>
     </div>
 
     <div class="flex-1 h-full overflow-hidden pl-3 py-[3px] text-[#9a9a9a]">
@@ -64,6 +64,7 @@
 
 <script lang="ts" setup>
 import { Icon } from "@iconify/vue"
+import QImgCustom from "components/QImgCustom"
 import { forceHttp2 } from "src/logic/forceHttp2"
 import { useI18n } from "vue-i18n"