unify base components

Author: benderl

src/components/OpenwbBaseAlert.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="card-text alert" :class="'alert-' + subtype">
-		<slot />
+		<slot></slot>
 	</div>
 </template>
 

src/components/OpenwbBaseArrayInput.vue

@@ -1,6 +1,8 @@
 <template>
 	<openwb-base-setting-element>
-		<template #title>{{ title }}</template>
+		<template #title>
+			<slot name="title">{{ title }}</slot>
+		</template>
 		<template #help>
 			<slot name="help"></slot>
 		</template>

src/components/OpenwbBaseButtonGroupInput.vue

@@ -1,6 +1,10 @@
 <template>
 	<openwb-base-setting-element>
-		<template #title>{{ title }}</template>
+		<template #title>
+			<slot name="title">
+				{{ title }}
+			</slot>
+		</template>
 		<template #help>
 			<slot name="help"></slot>
 		</template>

src/components/OpenwbBaseButtonInput.vue

@@ -1,6 +1,10 @@
 <template>
 	<openwb-base-setting-element>
-		<template #title>{{ title }}</template>
+		<template #title>
+			<slot name="title">
+				{{ title }}
+			</slot>
+		</template>
 		<template #help>
 			<slot name="help"></slot>
 		</template>
@@ -19,7 +23,7 @@
 
 <script>
 export default {
-	name: "OpenwbButtonInput2",
+	name: "OpenwbButtonInput",
 	inheritAttrs: false,
 	props: {
 		title: String,

src/components/OpenwbBaseCheckboxInput.vue

@@ -1,6 +1,10 @@
 <template>
 	<openwb-base-setting-element>
-		<template #title>{{ title }}</template>
+		<template #title>
+			<slot name="title">
+				{{ title }}
+			</slot>
+		</template>
 		<template #help>
 			<slot name="help"></slot>
 		</template>

src/components/OpenwbBaseCopyToClipboard.vue

@@ -1,6 +1,6 @@
 <template>
 	<span ref="slot-wrapper" :title="tooltip" class="copy-me" @click="click">
-		<slot />
+		<slot></slot>
 		<font-awesome-icon
 			fixed-width
 			:icon="isCopied ? ['fas', 'clipboard-check'] : ['fas', 'clipboard']"

src/components/OpenwbBaseHeading.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="card-text card-text-heading" v-bind="$attrs">
 		<div class="heading-text" v-on:click="toggleHelp">
-			<slot />
+			<slot></slot>
 			<font-awesome-icon
 				v-if="$slots.help"
 				:icon="
@@ -13,7 +13,7 @@
 			/>
 		</div>
 		<span v-if="$slots.actions" class="actions">
-			<slot name="actions" />
+			<slot name="actions"></slot>
 		</span>
 	</div>
 	<div class="">

src/components/OpenwbBaseNumberInput.vue

@@ -1,6 +1,10 @@
 <template>
 	<openwb-base-setting-element>
-		<template #title>{{ title }}</template>
+		<template #title>
+			<slot name="title">
+				{{ title }}
+			</slot>
+		</template>
 		<template #help>
 			<slot name="help"></slot>
 		</template>

src/components/OpenwbBaseRangeInput.vue

@@ -1,6 +1,10 @@
 <template>
 	<openwb-base-setting-element>
-		<template #title>{{ title }}</template>
+		<template #title>
+			<slot name="title">
+				{{ title }}
+			</slot>
+		</template>
 		<template #help>
 			<slot name="help"></slot>
 		</template>

src/components/OpenwbBaseSelectInput.vue

@@ -1,6 +1,10 @@
 <template>
 	<openwb-base-setting-element>
-		<template #title>{{ title }}</template>
+		<template #title>
+			<slot name="title">
+				{{ title }}
+			</slot>
+		</template>
 		<template #help>
 			<slot name="help"></slot>
 		</template>

src/components/OpenwbBaseTextInput.vue

@@ -1,6 +1,10 @@
 <template>
 	<openwb-base-setting-element>
-		<template #title>{{ title }}</template>
+		<template #title>
+			<slot name="title">
+				{{ title }}
+			</slot>
+		</template>
 		<template #help>
 			<slot name="help"></slot>
 		</template>

src/components/OpenwbBaseTextarea.vue

@@ -1,6 +1,10 @@
 <template>
 	<openwb-base-setting-element>
-		<template #title>{{ title }}</template>
+		<template #title>
+			<slot name="title">
+				{{ title }}
+			</slot>
+		</template>
 		<template #help>
 			<slot name="help"></slot>
 		</template>

src/components/OpenwbBaseToast.vue

@@ -14,7 +14,7 @@
 			</button>
 		</div>
 		<div class="toast-body">
-			<slot />
+			<slot></slot>
 		</div>
 	</div>
 </template>