feat: added unsubscribe form

Author: mwargan

src/forms/BaseForm.vue

@@ -47,10 +47,10 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
-  /** The CSS classes to apply to the submit button */
+  /** The CSS classes to apply to the submit button. Null should theoretically render no class, but there's a known Vue3 issue @see https://github.com/vuejs/core/issues/3173 */
   submitButtonClasses: {
-    type: Array,
-    default: () => [],
+    type: Array as PropType<string[] | null>,
+    default: null,
   },
 });
 

src/forms/__tests__/__snapshots__/BaseForm.spec.ts.snap

@@ -2,13 +2,13 @@
 
 exports[`Base Form > accepts inputs in its default slot 1`] = `
 "<form>
-  <!-- @slot This is the default slot for the form. You can use this to add any input or button you want. --><input type="text"><input type="text"><!-- @slot This is the slot for the submit button. You can use this to add a custom submit button or action. --><button disabled="" type="submit" tabindex="0" aria-busy="false">Submit</button><!-- @slot This is the slot for after the submit. This is useful for back buttons or other actions. -->
+  <!-- @slot This is the default slot for the form. You can use this to add any input or button you want. --><input type="text"><input type="text"><!-- @slot This is the slot for the submit button. You can use this to add a custom submit button or action. --><button disabled="" type="submit" tabindex="0" aria-busy="false" class="">Submit</button><!-- @slot This is the slot for after the submit. This is useful for back buttons or other actions. -->
 </form>"
 `;
 
 exports[`Base Form > renders a form element 1`] = `
 "<form>
   <!-- @slot This is the default slot for the form. You can use this to add any input or button you want. -->
-  <!-- @slot This is the slot for the submit button. You can use this to add a custom submit button or action. --><button disabled="" type="submit" tabindex="0" aria-busy="false">Submit</button><!-- @slot This is the slot for after the submit. This is useful for back buttons or other actions. -->
+  <!-- @slot This is the slot for the submit button. You can use this to add a custom submit button or action. --><button disabled="" type="submit" tabindex="0" aria-busy="false" class="">Submit</button><!-- @slot This is the slot for after the submit. This is useful for back buttons or other actions. -->
 </form>"
 `;