@cwa/nuxt-edge 0.0.0-29696494.72f11a4

package/dist/runtime/templates/components/main/admin/resource-manager/cta/NewResourceCta.vue.d.ts

@@ -0,0 +1,8 @@
+import type { CwaResource } from '#cwa/resources/resource-utils';
+type __VLS_Props = {
+    currentIri: string;
+    resource: CwaResource;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/admin/resource-manager/cta/ResourceManagerCtaButton.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/admin/resource-manager/cta/ResourceManagerCtaButton.vue

@@ -0,0 +1,28 @@
+<template>
+  <template v-if="isAddingNew">
+    <NewResourceCta
+      v-if="resource && currentIri"
+      :current-iri="currentIri"
+      :resource="resource"
+    />
+  </template>
+  <CurrentResourceCta
+    v-else-if="resource && currentIri"
+    :current-iri="currentIri"
+    :resource="resource"
+  />
+</template>
+
+<script setup>
+import { computed } from "vue";
+import { useCwa } from "#cwa/composables/cwa";
+import { NEW_RESOURCE_IRI } from "#cwa/storage/stores/resources/state";
+import NewResourceCta from "#cwa/templates/components/main/admin/resource-manager/cta/NewResourceCta.vue";
+import CurrentResourceCta from "#cwa/templates/components/main/admin/resource-manager/cta/CurrentResourceCta.vue";
+const $cwa = useCwa();
+const currentIri = $cwa.admin.resourceStackManager.currentIri;
+const isAddingNew = computed(() => {
+  return currentIri.value === NEW_RESOURCE_IRI;
+});
+const resource = computed(() => currentIri.value ? $cwa.resources.getResource(currentIri.value).value?.data : void 0);
+</script>

package/dist/runtime/templates/components/main/admin/resource-manager/cta/ResourceManagerCtaButton.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/auth/ForgotPasswordPage.d.vue.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    submitting: boolean;
+    modelValue: {
+        username: string;
+    };
+    error?: string;
+    success: boolean;
+};
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/main/auth/ForgotPasswordPage.vue

@@ -0,0 +1,56 @@
+<template>
+  <AuthTemplate
+    :error="error"
+    :submitting="submitting"
+    :submit-button-text="success ? 'Back to Login' : 'Reset Password'"
+    @submit="$emit('submit')"
+  >
+    <div v-if="success">
+      <h1 class="cwa:font-bold cwa:text-xl cwa:mb-2">
+        Please check your inbox
+      </h1>
+      <p>If this user exists, we've sent an email with a link to reset your password.</p>
+    </div>
+    <template v-else>
+      <InputField
+        v-model="credentials.username"
+        label="Username or Email"
+        name="username"
+        type="text"
+        autocomplete="username"
+        :required="true"
+      />
+      <div class="cwa:flex cwa:items-center cwa:justify-between">
+        <slot>
+          <AuthPageLink
+            link-to="/login"
+            link-text="< Back to login"
+          />
+        </slot>
+      </div>
+    </template>
+  </AuthTemplate>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import AuthTemplate from "./_parts/AuthTemplate.vue";
+import InputField from "./_parts/InputField.vue";
+import AuthPageLink from "./_parts/AuthPageLink.vue";
+const props = defineProps({
+  submitting: { type: Boolean, required: true },
+  modelValue: { type: Object, required: true },
+  error: { type: String, required: false },
+  success: { type: Boolean, required: true }
+});
+const emit = defineEmits(["submit", "update:modelValue"]);
+const credentials = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(newValue) {
+    emit("update:modelValue", newValue);
+  }
+});
+defineSlots();
+</script>

package/dist/runtime/templates/components/main/auth/ForgotPasswordPage.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    submitting: boolean;
+    modelValue: {
+        username: string;
+    };
+    error?: string;
+    success: boolean;
+};
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/main/auth/LoginPage.d.vue.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    submitButtonText: string;
+    submitting: boolean;
+    modelValue: {
+        username: string;
+        password: string;
+    };
+    error?: string;
+};
+type __VLS_Slots = {
+    header(): any;
+    footer(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/main/auth/LoginPage.vue

@@ -0,0 +1,61 @@
+<template>
+  <AuthTemplate
+    :submitting="submitting"
+    :submit-button-text="submitButtonText"
+    :error="error"
+    @submit="$emit('submit')"
+  >
+    <slot name="header" />
+    <InputField
+      v-model="credentials.username"
+      label="Username or Email"
+      name="username"
+      type="text"
+      autocomplete="username"
+      :required="true"
+    />
+    <InputField
+      v-model="credentials.password"
+      label="Password"
+      name="password"
+      type="password"
+      autocomplete="current-password"
+      :required="true"
+    />
+    <slot name="footer">
+      <div class="cwa:flex cwa:items-center cwa:justify-between">
+        <AuthPageLink
+          link-to="/"
+          link-text="< Back to home"
+        />
+        <AuthPageLink
+          link-to="/forgot-password"
+          link-text="Forgot your password?"
+        />
+      </div>
+    </slot>
+  </AuthTemplate>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import AuthTemplate from "./_parts/AuthTemplate.vue";
+import InputField from "./_parts/InputField.vue";
+import AuthPageLink from "./_parts/AuthPageLink.vue";
+const emit = defineEmits(["submit", "update:modelValue"]);
+const props = defineProps({
+  submitButtonText: { type: String, required: true },
+  submitting: { type: Boolean, required: true },
+  modelValue: { type: Object, required: true },
+  error: { type: String, required: false }
+});
+defineSlots();
+const credentials = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(newValue) {
+    emit("update:modelValue", newValue);
+  }
+});
+</script>

package/dist/runtime/templates/components/main/auth/LoginPage.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    submitButtonText: string;
+    submitting: boolean;
+    modelValue: {
+        username: string;
+        password: string;
+    };
+    error?: string;
+};
+type __VLS_Slots = {
+    header(): any;
+    footer(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/main/auth/ResetPasswordPage.d.vue.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    submitting: boolean;
+    modelValue: {
+        first: string;
+        second: string;
+    };
+    error: string | null;
+    inputErrors?: {
+        form?: string[];
+        password?: string[];
+    };
+    success: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: () => any;
+    "update:modelValue": (value: {
+        first: string;
+        second: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: {
+        first: string;
+        second: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/auth/ResetPasswordPage.vue

@@ -0,0 +1,59 @@
+<template>
+  <AuthTemplate
+    :error="inputErrors?.form || error"
+    :submitting="submitting"
+    :submit-button-text="success ? 'Go to Login' : 'Reset Password'"
+    @submit="emitSubmit"
+  >
+    <div v-if="success">
+      <h1 class="cwa:font-bold cwa:text-xl cwa:mb-2">
+        Password Reset
+      </h1>
+      <p>You have successfully reset your password.</p>
+    </div>
+    <template v-else>
+      <InputField
+        v-model="passwords.first"
+        label="Enter new password"
+        name="firstPassword"
+        type="password"
+        autocomplete="new-password"
+        :errors="inputErrors?.password"
+        :required="true"
+      />
+      <InputField
+        v-model="passwords.second"
+        label="Repeat new password"
+        name="secondPassword"
+        type="password"
+        autocomplete="new-password"
+        :required="true"
+      />
+    </template>
+  </AuthTemplate>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import AuthTemplate from "./_parts/AuthTemplate.vue";
+import InputField from "./_parts/InputField.vue";
+const props = defineProps({
+  submitting: { type: Boolean, required: true },
+  modelValue: { type: Object, required: true },
+  error: { type: [String, null], required: true },
+  inputErrors: { type: Object, required: false },
+  success: { type: Boolean, required: true }
+});
+const emit = defineEmits(["update:modelValue", "submit"]);
+function emitSubmit() {
+  emit("submit");
+}
+const passwords = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(newValue) {
+    emit("update:modelValue", newValue);
+  }
+});
+</script>

package/dist/runtime/templates/components/main/auth/ResetPasswordPage.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    submitting: boolean;
+    modelValue: {
+        first: string;
+        second: string;
+    };
+    error: string | null;
+    inputErrors?: {
+        form?: string[];
+        password?: string[];
+    };
+    success: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: () => any;
+    "update:modelValue": (value: {
+        first: string;
+        second: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: {
+        first: string;
+        second: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/auth/_parts/AuthPageLink.d.vue.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    linkText: string;
+    linkTo: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/auth/_parts/AuthPageLink.spec.ts.snap

@@ -0,0 +1,14 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`AuthPageLink > snapshots > should match snapshot 1`] = `
+<div
+  class="cwa:text-sm"
+>
+  <nuxtlink-stub
+    class="cwa:font-medium cwa:text-neutral-400 cwa:hover:text-neutral-200"
+    to="/bank/loan"
+  >
+    Click here to get money
+  </nuxtlink-stub>
+</div>
+`;

package/dist/runtime/templates/components/main/auth/_parts/AuthPageLink.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="cwa:text-sm">
+    <NuxtLink
+      :to="props.linkTo"
+      class="cwa:font-medium cwa:text-neutral-400 cwa:hover:text-neutral-200"
+    >
+      {{ props.linkText }}
+    </NuxtLink>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  linkText: { type: String, required: true },
+  linkTo: { type: String, required: true }
+});
+</script>

package/dist/runtime/templates/components/main/auth/_parts/AuthPageLink.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    linkText: string;
+    linkTo: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/auth/_parts/AuthTemplate.d.vue.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    submitButtonText: string;
+    submitting: boolean;
+    error?: string | null | string[];
+    hideSubmit?: boolean;
+};
+declare function submitForm(): void;
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    submitForm: typeof submitForm;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/main/auth/_parts/AuthTemplate.spec.ts.snap

@@ -0,0 +1,90 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`LoginPage > snapshots > should match snapshot IF form has errors 1`] = `
+<div
+  class="cwa:flex cwa:min-h-full cwa:flex-col cwa:justify-center cwa:py-12 cwa:sm:px-6 cwa:lg:px-8 cwa:bg-dark"
+>
+  <div
+    class="cwa:sm:mx-autocwa:sm::w-full cwa:sm::max-w-md"
+  >
+    <cwalogo-stub
+      class="cwa:mx-auto cwa:h-12 cwa:w-auto cwa:text-neutral-400"
+    />
+  </div>
+  <div
+    class="cwa:mt-8 cwa:sm:mx-auto cwa:sm:w-full cwa:sm:max-w-md cwa:text-white"
+  >
+    <div
+      class="cwa:bg-neutral-800 cwa:py-8 cwa:px-4 cwa:shadow cwa:sm:px-10"
+    >
+      <cwauialertwarning-stub
+        class="cwa:mb-4"
+      >
+        Something went wrong, try submitting form again
+      </cwauialertwarning-stub>
+      <form
+        action="#"
+        class="cwa:flex cwa:flex-col cwa:gap-y-6"
+        method="post"
+      >
+        
+        <div>
+          Test form content
+        </div>
+        
+        <div>
+          <button
+            class="cwa:cursor-pointer cwa:flex cwa:w-full cwa:justify-center cwa:bg-neutral-600 cwa:py-2 cwa:px-3 cwa:text-sm cwa:font-semibold cwa:text-white cwa:shadow-sm cwa:hover:bg-neutral-500 cwa:focus-visible:outline cwa:focus-visible:outline-2 cwa:focus-visible:outline-offset-2 cwa:focus-visible:outline-neutral-600"
+            type="submit"
+          >
+            Submit
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`LoginPage > snapshots > should match snapshot IF form is submitting 1`] = `
+<div
+  class="cwa:flex cwa:min-h-full cwa:flex-col cwa:justify-center cwa:py-12 cwa:sm:px-6 cwa:lg:px-8 cwa:bg-dark"
+>
+  <div
+    class="cwa:sm:mx-autocwa:sm::w-full cwa:sm::max-w-md"
+  >
+    <cwalogo-stub
+      class="cwa:mx-auto cwa:h-12 cwa:w-auto cwa:text-neutral-400"
+    />
+  </div>
+  <div
+    class="cwa:mt-8 cwa:sm:mx-auto cwa:sm:w-full cwa:sm:max-w-md cwa:text-white"
+  >
+    <div
+      class="cwa:bg-neutral-800 cwa:py-8 cwa:px-4 cwa:shadow cwa:sm:px-10"
+    >
+      <!--v-if-->
+      <form
+        action="#"
+        class="cwa:flex cwa:flex-col cwa:gap-y-6"
+        method="post"
+      >
+        
+        <div>
+          Test form content
+        </div>
+        
+        <div>
+          <button
+            class="cwa:opacity-50 cwa:cursor-pointer cwa:flex cwa:w-full cwa:justify-center cwa:bg-neutral-600 cwa:py-2 cwa:px-3 cwa:text-sm cwa:font-semibold cwa:text-white cwa:shadow-sm cwa:hover:bg-neutral-500 cwa:focus-visible:outline cwa:focus-visible:outline-2 cwa:focus-visible:outline-offset-2 cwa:focus-visible:outline-neutral-600"
+            disabled=""
+            type="submit"
+          >
+            Submit
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+`;

package/dist/runtime/templates/components/main/auth/_parts/AuthTemplate.vue

@@ -0,0 +1,59 @@
+<template>
+  <div class="cwa:flex cwa:min-h-full cwa:flex-col cwa:justify-center cwa:py-12 cwa:sm:px-6 cwa:lg:px-8 cwa:bg-dark">
+    <div class="cwa:sm:mx-autocwa:sm::w-full cwa:sm::max-w-md">
+      <CwaLogo class="cwa:mx-auto cwa:h-12 cwa:w-auto cwa:text-neutral-400" />
+    </div>
+
+    <div class="cwa:mt-8 cwa:sm:mx-auto cwa:sm:w-full cwa:sm:max-w-md cwa:text-white">
+      <div class="cwa:bg-neutral-800 cwa:py-8 cwa:px-4 cwa:shadow cwa:sm:px-10">
+        <CwaUiAlertWarning
+          v-if="error"
+          class="cwa:mb-4"
+        >
+          {{ error }}
+        </CwaUiAlertWarning>
+        <form
+          ref="form"
+          action="#"
+          method="post"
+          class="cwa:flex cwa:flex-col cwa:gap-y-6"
+          @submit.prevent="$emit('submit')"
+        >
+          <slot />
+          <div v-if="!hideSubmit">
+            <button
+              type="submit"
+              :disabled="submitting"
+              :class="{ 'cwa:opacity-50': submitting }"
+              class="cwa:cursor-pointer cwa:flex cwa:w-full cwa:justify-center cwa:bg-neutral-600 cwa:py-2 cwa:px-3 cwa:text-sm cwa:font-semibold cwa:text-white cwa:shadow-sm cwa:hover:bg-neutral-500 cwa:focus-visible:outline cwa:focus-visible:outline-2 cwa:focus-visible:outline-offset-2 cwa:focus-visible:outline-neutral-600"
+            >
+              {{ submitButtonText }}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useTemplateRef } from "vue";
+defineEmits(["submit"]);
+defineProps({
+  submitButtonText: { type: String, required: true },
+  submitting: { type: Boolean, required: true },
+  error: { type: [String, null, Array], required: false },
+  hideSubmit: { type: Boolean, required: false }
+});
+const form = useTemplateRef("form");
+function submitForm() {
+  if (!form.value) {
+    return;
+  }
+  form.value.submit();
+}
+defineExpose({
+  submitForm
+});
+defineSlots();
+</script>

package/dist/runtime/templates/components/main/auth/_parts/AuthTemplate.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    submitButtonText: string;
+    submitting: boolean;
+    error?: string | null | string[];
+    hideSubmit?: boolean;
+};
+declare function submitForm(): void;
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    submitForm: typeof submitForm;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};