Adds arrayList.title class and cardProps binding to ArrayLayoutRenderer

This permits the addition of custom classes to the arrayList title
container, and application of custom vuetify props, such as variant.

Author: yaffol

packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue

@@ -1,6 +1,6 @@
 <template>
-  <v-card v-if="control.visible" :class="styles.arrayList.root">
-    <v-card-title>
+  <v-card v-if="control.visible" :class="styles.arrayList.root" v-bind="cardProps">
+    <v-card-title :class="styles.arrayList.title">
       <v-toolbar flat :class="styles.arrayList.toolbar">
         <v-toolbar-title :class="styles.arrayList.label">{{
           computedLabel
@@ -335,13 +335,15 @@ const controlRenderer = defineComponent({
         control.vuetifyProps('v-expansion-panels')
       )
     );
+    const cardProps = computed(() => control.vuetifyProps('v-card') )
     const suggestToDelete = ref<null | number>(null);
     // indicate to our child renderers that we are increasing the "nested" level
     useNested('array');
     const t = useTranslator();
     return {
       ...control,
       currentlyExpanded,
+      cardProps,
       expansionPanelsProps,
       suggestToDelete,
       t,

packages/vue-vuetify/src/styles/defaultStyles.ts

@@ -23,6 +23,7 @@ export const defaultStyles: Styles = {
   arrayList: {
     root: 'array-list',
     toolbar: 'array-list-toolbar',
+    title: 'array-list-title',
     validationIcon: 'array-list-validation',
     addButton: 'array-list-add',
     label: 'array-list-label',

packages/vue-vuetify/src/styles/styles.ts

@@ -37,6 +37,7 @@ export interface Styles {
   arrayList: {
     root?: string;
     toolbar?: string;
+    title?: string,
     validationIcon?: string;
     container?: string;
     addButton?: string;