Fixed #10 - Convert emptyMessage to a template for DataView

src/components/dataview/DataView.d.ts

@@ -13,7 +13,6 @@ export declare class DataView extends Vue {
     pageLinkSize?: number;
     rowsPerPageOptions?: number[];
     currentPageReportTemplate?: string;
-    emptyMessage?: string;
     sortField?: string;
     sortOrder?: number;
     lazy?: boolean;

src/components/dataview/DataView.vue

@@ -18,7 +18,7 @@
 					<slot v-if="$scopedSlots.list && layout === 'list'" name="list" :data="item" :index="index"></slot>
 					<slot v-if="$scopedSlots.grid && layout === 'grid'" name="grid" :data="item" :index="index"></slot>
 				</template>
-				<div v-if="isEmpty" class="p-col-12">{{emptyMessage}}</div>
+				<div v-if="empty" class="p-col-12"><slot name="empty"></slot></div>
 			</div>
 		</div>
 		<DVPaginator v-if="paginatorBottom" :rows="rows" :first="first" :totalRecords="getTotalRecords" :pageLinkSize="pageLinkSize" :template="paginatorTemplate" :rowsPerPageOptions="rowsPerPageOptions"
@@ -89,10 +89,6 @@ export default {
             type: String,
             default: '({currentPage} of {totalPages})'
         },
-        emptyMessage: {
-            type: String,
-            default: 'No records found'
-        },
         sortField: {
             type: String,
             default: null
@@ -173,7 +169,7 @@ export default {
             else
                 return this.value ? this.value.length : 0;
         },
-        isEmpty() {
+        empty() {
             return (!this.value || this.value.length === 0);
         },
         paginatorTop() {

src/views/dataview/DataViewDoc.vue

@@ -74,6 +74,12 @@ export default {
 <CodeHighlight>
 &lt;template #header&gt;Header Content&lt;/template&gt;
 &lt;template #footer&gt;Footer Content&lt;/template&gt;
+</CodeHighlight>
+
+                <h3>Empty Message</h3>
+                <p>Where there is no data to display, the optional <i>empty<i/> template can be used to display information.</p>
+<CodeHighlight>
+&lt;template #empty&gt;No records found.&lt;/template&gt;
 </CodeHighlight>
 
 				<h3>DataViewLayoutOptions</h3>
@@ -314,12 +320,6 @@ export default {
                                 <td>({currentPage} of {totalPages})</td>
                                 <td>Template of the current page report element.</td>
                             </tr>
-                            <tr>
-                                <td>emptyMessage</td>
-                                <td>string</td>
-                                <td>No records found.</td>
-                                <td>Text to display when there is no data.</td>
-                            </tr>
                             <tr>
                                 <td>sortField</td>
                                 <td>string</td>