Initial commit

Once again a weird place to commit, I have already done a lot of work, but I am just bad at using git, okay.

example-app/app/pages/widget.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+const { data: challengeData } = await useFetch('/api/pow/challenge');
+
+if (!challengeData) {
+    throw createError({
+        statusCode: 500,
+        message: 'Failed to fetch challenge',
+    });
+}
+
+function solved(ev: CustomEvent) {
+    console.log("Solved:", ev.detail.solution);
+}
+
+function formsubmit(ev: Event) {
+    console.log("Submitted form");
+}
+
+onMounted(() => {
+    document.addEventListener('impost:solved', (ev) => solved(ev as CustomEvent));
+});
+
+onUnmounted(() => {
+    document.removeEventListener('impost:solved', (ev) => solved(ev as CustomEvent));
+});
+</script>
+
+<template>
+    <div class="flex justify-center items-center h-screen w-screen ">
+        <form @submit.prevent="formsubmit"
+            class="p-5 rounded-2xl bg-dark-9 border-coolGray-600 border flex flex-col gap-2">
+            <pow-captcha challengeUrl="/api/pow" auto="onsubmit"
+                :challengejson="JSON.stringify(challengeData!.challenge)" @impost:solved="solved" />
+            <input class="bg-blue-7 text-white font-semibold px-4 py-2.5 border-0 rounded-md" type="submit"
+                value="Submit" />
+        </form>
+    </div>
+</template>