Moving things around and update types

Author: webdevnerdstuff

src/plugin/index.ts

@@ -1,13 +1,12 @@
-
-import { App } from 'vue';
+import type { App } from 'vue';
+import type { GlobalOptions } from './types';
 import './styles/main.scss';
-import type { Props } from './types';
 import VDrilldownTable from './VDrilldownTable.vue';
 
 
 export const globalOptions = Symbol();
 
-export function createVDrilldownTable(options: Partial<Props> = {}) {
+export function createVDrilldownTable(options: GlobalOptions = {}) {
 	const install = (app: App) => {
 		app.provide(globalOptions, options);
 

src/plugin/types/index.ts

@@ -13,6 +13,8 @@ import type {
 	VSkeletonLoader,
 } from 'vuetify/components';
 
+export * from '../index';
+
 
 // -------------------------------------------------- Vuetify Types //
 export type Density = 'default' | 'comfortable' | 'compact';
@@ -181,8 +183,6 @@ export interface Props {
 	headerColor?: string | undefined;
 	headers?: VDataTable['$props']['headers'];
 	height?: string | number | undefined;
-	// hideDefaultFooter?: boolean;																			// ? Custom Property - Need to add/test
-	// hideDefaultHeader?: boolean;																			// ? Custom Property - Need to add/test
 	hideNoData?: VDataTable['$props']['hideNoData'];
 	hover?: VDataTable['$props']['hover'];
 	isDrilldown?: boolean;
@@ -230,6 +230,23 @@ export interface Props {
 
 export type Drilldown = Props;
 
+export interface GlobalOptions extends Pick<Props,
+	'colorPercentageChange' |
+	'colorPercentageDirection' |
+	'footerBackgroundColor' |
+	'footerColor' |
+	'headerBackgroundColor' |
+	'headerColor' |
+	'loaderProps' |
+	'loaderType' |
+	'density' |
+	'elevation' |
+	'hover' |
+	'itemsPerPageOptions' |
+	'separator' |
+	'sortAscIcon'
+> { };
+
 
 // -------------------------------------------------- Slots //
 type GetSortIcon = (column: InternalDataTableHeader) => IconValue;