fix: pass list title and plural/singular label to listview

frontend/src/components/ListView.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="header" class="flex justify-between items-center px-5 py-4">
     <div class="left flex space-x-2">
-      <h1 class="font-semibold text-xl">{{ title }}s</h1>
+      <h1 class="font-semibold text-xl">{{ list.title }}</h1>
     </div>
     <div class="right flex space-x-2">
       <Button variant="solid" label="Create">
@@ -161,8 +161,8 @@ import IndicatorIcon from './Icons/IndicatorIcon.vue'
 import { reactive, ref, computed } from 'vue'
 
 const props = defineProps({
-  title: {
+  list: {
-    type: String,
+    type: Object,
     required: true,
   },
   columns: {
@@ -239,7 +239,7 @@ function getValue(value) {
 
 let selections = reactive(new Set())
 let selectedText = computed(() => {
-  let title = selections.size === 1 ? props.title : `${props.title}s`
+  let title = selections.size === 1 ? props.list.singular_label : props.list.plural_label
   return `${selections.size} ${title} selected`
 })
 

frontend/src/pages/Contacts.vue

@@ -1,5 +1,5 @@
 <template>
-  <ListView :title="title" :columns="columns" :rows="rows" row-key="name" />
+  <ListView :list="list_details" :columns="columns" :rows="rows" row-key="name" />
 </template>
 
 <script setup>
@@ -7,7 +7,11 @@ import ListView from '../components/ListView.vue'
 import { computed } from 'vue'
 import { createListResource } from 'frappe-ui'
 
-const title = 'Contact'
+const list_details = {
+  title: 'Contacts',
+  plural_label: 'Contacts',
+  singular_label: 'Contact',
+}
 
 const contacts = createListResource({
   type: 'list',

frontend/src/pages/Deals.vue

@@ -1,9 +1,13 @@
 <template>
-  <ListView :title="title"/>
+  <ListView :list="list_details"/>
 </template>
 
 <script setup>
 import ListView from '../components/ListView.vue';
 
-let title = 'Deals'
+const list_details = {
+  title: 'Deals',
+  plural_label: 'Deals',
+  singular_label: 'Deal',
+}
 </script>

frontend/src/pages/Inbox.vue

@@ -1,9 +1,13 @@
 <template>
-  <ListView :title="title"/>
+  <ListView :list="list_details"/>
 </template>
 
 <script setup>
 import ListView from '../components/ListView.vue';
 
-let title = 'Inbox'
+const list_details = {
+  title: 'Inbox',
+  plural_label: 'Emails',
+  singular_label: 'Email',
+}
 </script>

frontend/src/pages/Leads.vue

@@ -1,5 +1,5 @@
 <template>
-  <ListView :title="title" :columns="columns" :rows="rows" row-key="name" />
+  <ListView :list="list_details" :columns="columns" :rows="rows" row-key="name" />
 </template>
 
 <script setup>
@@ -8,7 +8,11 @@ import { computed } from 'vue'
 import { createListResource } from 'frappe-ui'
 import { usersStore } from '../stores/users'
 
-const title = 'Lead'
+const list_details = {
+  title: 'Leads',
+  plural_label: 'Leads',
+  singular_label: 'Lead',
+}
 const { getUser } = usersStore()
 
 const leads = createListResource({