使用 Vue 3 實作 Google reCAPTCHA(v2)

前言

近期因為工作需求和電子商務相關，所以來做個範例。

開發功能之前不免俗要來吐槽一下，
研究顯示，網頁機器人解 CAPTCHA 能力優於人類
本來 reCaptcha 是要擋機器人的，但最後都是拿來為難人類自己。

ASP.NET Core 8 Minimal API 搭配 Vue

前言

本篇文章是基於建立一個本地端的應用程式的情境，
用 Minimal API 搭配 Vue 可以輕鬆建構類單機應用，
透過設定把靜態檔案嵌入並發佈單一檔案，
就可以讓前端工程師專注在畫面的設計，
算是個不錯的解決方案。

使用 VueUse 暗黑模式無法正常顯示轉場動畫特效

官方範例

以下是官方 useDark 的官方範例

import { useDark, useToggle } from "@vueuse/core";

const isDark = useDark();
const toggleDark = useToggle(isDark);