Simplify syntax of InputHelp

client/components/forms/components/InputHelp.vue

@@ -7,7 +7,7 @@
       :class="helpClasses"
       class="grow flex"
     >
-      <slot name="help">
+      <slot>
         <span
           v-if="help"
           class="field-help"
@@ -29,6 +29,6 @@ const props = defineProps({
 })
 
 const shouldRender = computed(() => {
-  return props.help || !!slots.help || !!slots['after-help']
+  return props.help || !!slots.default || !!slots['after-help']
 })
 </script>

client/components/open/integrations/DiscordIntegration.vue

@@ -13,7 +13,6 @@
     >
       <template #help>
         <InputHelp>
-          <template #help>
           <span>
             Receive a discord message on each form submission.
             <a
@@ -24,7 +23,6 @@
             </a>
             to learn how to get a discord webhook url.
           </span>
-          </template>
         </InputHelp>
       </template>
     </text-input>
@@ -40,9 +38,9 @@ import IntegrationWrapper from "./components/IntegrationWrapper.vue"
 import NotificationsMessageActions from "./components/NotificationsMessageActions.vue"
 
 const props = defineProps({
-  integration: { type: Object, required: true },
-  form: { type: Object, required: true },
-  integrationData: { type: Object, required: true },
-  formIntegrationId: { type: Number, required: false, default: null },
+  integration: {type: Object, required: true},
+  form: {type: Object, required: true},
+  integrationData: {type: Object, required: true},
+  formIntegrationId: {type: Number, required: false, default: null},
 })
 </script>

client/components/open/integrations/SlackIntegration.vue

@@ -13,7 +13,6 @@
     >
       <template #help>
         <InputHelp>
-          <template #help>
           <span>
             Receive slack message on each form submission.
             <a
@@ -24,7 +23,6 @@
             </a>
             to learn how to get a slack webhook url
           </span>
-          </template>
         </InputHelp>
       </template>
     </text-input>