BTable non-renderer fns script setup conversion

Author: issayah

src/components/BTable/BTbody.vue

@@ -5,10 +5,15 @@
 </template>
 
 <script setup lang="ts">
+// import type {BTBodyProps} from '@/types/components'
 import {computed} from 'vue'
 
-const props = defineProps({
-  headVariant: {type: Boolean, default: false},
+interface BTBodyProps {
+  headVariant?: boolean
+}
+
+const props = withDefaults(defineProps<BTBodyProps>(), {
+  headVariant: false,
 })
 
 const classes = computed(() => ({

src/components/BTable/BTfoot.vue

@@ -5,11 +5,14 @@
 </template>
 
 <script setup lang="ts">
+// import type {BTfootProps} from '@/types/components'
 import {computed} from 'vue'
 
-const props = defineProps({
-  footVariant: {type: String},
-})
+interface BTfootProps {
+  footVariant: string
+}
+
+const props = defineProps<BTfootProps>()
 
 const classes = computed(() => ({
   [`table-${props.footVariant}`]: props.footVariant,

src/components/BTable/BThead.vue

@@ -5,11 +5,14 @@
 </template>
 
 <script setup lang="ts">
+// import type {BTheadProps} from '@/types/components'
 import {computed} from 'vue'
 
-const props = defineProps({
-  headVariant: {type: String},
-})
+interface BTheadProps {
+  headVariant: string
+}
+
+const props = defineProps<BTheadProps>()
 
 const classes = computed(() => ({
   [`table-${props.headVariant}`]: props.headVariant,

src/components/BTable/BTr.vue

@@ -5,11 +5,14 @@
 </template>
 
 <script setup lang="ts">
+// import type {BTrProps} from '@/types/components'
 import {computed} from 'vue'
 
-const props = defineProps({
-  variant: {type: String},
-})
+interface BTrProps {
+  variant: string
+}
+
+const props = defineProps<BTrProps>()
 
 const classes = computed(() => ({
   [`table-${props.variant}`]: props.variant,

src/components/BTable/itemHelper.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
-import type {TableField, TableFieldObject, TableItem} from '../../types'
-import {isObject, isString} from '../../utils/inspect'
-import {startCase} from '../../utils/stringUtils'
+import type {TableField, TableFieldObject, TableItem} from '@/types'
+import {isObject, isString} from '@/utils/inspect'
+import {startCase} from '@/utils/stringUtils'
 
 const useItemHelper = () => {
   const normaliseFields = (origFields: TableField[], items: TableItem[]): TableFieldObject[] => {

src/types/components/BTable/BTfoot.d.ts

@@ -1,6 +1,6 @@
 // Props
 export interface Props {
-  footerVariant: string
+  footVariant: string
 }
 // Emits