Merge pull request #26 from webdevnerdstuff/dev

v3.1.0

.editorconfig

@@ -16,7 +16,7 @@ trim_trailing_whitespace = false
 [*.{yml,yaml}]
 indent_size = 2
 
-[*.{js,ts,vue}]
+[*.{js,ts,mts,vue}]
 indent_size = 2
 indent_style = tab
 

.eslintrc.js

@@ -13,9 +13,10 @@ module.exports = {
 	],
 	ignorePatterns: [
 		'.eslintrc.js',
-		'vite.build.config.ts',
-		'vite.config.ts',
+		'vite.build.config.mts',
+		'vite.config.mts',
 		'*.bk.vue',
+		'*.spec.ts',
 	],
 	overrides: [
 		{
@@ -40,11 +41,6 @@ module.exports = {
 		'vue',
 	],
 	root: true,
-	settings: {
-		'import/resolver': {
-			'babel-module': {},
-		},
-	},
 	rules: {
 		'@typescript-eslint/ban-ts-comment': 0,
 		'@typescript-eslint/ban-types': [

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged && npm run test:build

.npmrc

@@ -0,0 +1 @@
+node-version=20.10.0

.nvmrc

@@ -1 +1 @@
-19
+20.10.0

CHANGELOG.md

@@ -1,6 +1,14 @@
 # Change Log
 All notable changes to the "vuetify-resize-drawer" plugin will be documented in this file.
 
+## v3.1.0
+01-09-24
+[main] (@webdevnerdstuff)
+* Fix typescript issues
+* Reorganizing
+* Add vitest
+* Update node version to v20.10.0
+
 ## v3.0.0
 11-10-23
 [main] (@webdevnerdstuff)

dist/plugin/VResizeDrawer.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from '../types';
+import { Props } from './types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     absolute?: boolean | undefined;
     expandOnHover?: boolean | undefined;
@@ -7,9 +7,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     handleColor?: string | undefined;
     handleIcon?: string | undefined;
     handleIconSize?: string | undefined;
-    handlePosition?: import('../types').HandlePositions | undefined;
+    handlePosition?: import('./types').HandlePositions | undefined;
     height?: string | number | undefined;
-    location?: import('../types').DrawerLocations;
+    image?: string | undefined;
+    location?: import('./types').DrawerLocations;
     maxWidth?: string | number | undefined;
     minWidth?: string | number | undefined;
     modelValue?: boolean | null | undefined;
@@ -19,14 +20,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     resizable?: boolean | undefined;
     saveWidth?: boolean | undefined;
     storageName?: string | undefined;
-    storageType?: import('../types').StorageType | undefined;
+    storageType?: import('./types').StorageType | undefined;
     tag?: string | undefined;
     temporary?: boolean | undefined;
-    touchless?: boolean | undefined;
     theme?: string | undefined;
+    touchless?: boolean | undefined;
     width?: string | number | undefined;
     widthSnapBack?: boolean | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    "drawer:mouseenter": (...args: any[]) => void;
+    "drawer:mouseleave": (...args: any[]) => void;
     "handle:click": (...args: any[]) => void;
     "handle:dblclick": (...args: any[]) => void;
     "handle:drag": (...args: any[]) => void;
@@ -35,21 +39,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "handle:touchend": (...args: any[]) => void;
     "handle:touchmove": (...args: any[]) => void;
     "handle:touchstart": (...args: any[]) => void;
-    close: (...args: any[]) => void;
-    "drawer:mouseenter": (...args: any[]) => void;
-    "drawer:mouseleave": (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     absolute?: boolean | undefined;
     expandOnHover?: boolean | undefined;
     floating?: boolean | undefined;
     handleBorderWidth?: string | number | undefined;
     handleColor?: string | undefined;
     handleIcon?: string | undefined;
     handleIconSize?: string | undefined;
-    handlePosition?: import('../types').HandlePositions | undefined;
+    handlePosition?: import('./types').HandlePositions | undefined;
     height?: string | number | undefined;
-    location?: import('../types').DrawerLocations;
+    image?: string | undefined;
+    location?: import('./types').DrawerLocations;
     maxWidth?: string | number | undefined;
     minWidth?: string | number | undefined;
     modelValue?: boolean | null | undefined;
@@ -59,15 +61,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     resizable?: boolean | undefined;
     saveWidth?: boolean | undefined;
     storageName?: string | undefined;
-    storageType?: import('../types').StorageType | undefined;
+    storageType?: import('./types').StorageType | undefined;
     tag?: string | undefined;
     temporary?: boolean | undefined;
-    touchless?: boolean | undefined;
     theme?: string | undefined;
+    touchless?: boolean | undefined;
     width?: string | number | undefined;
     widthSnapBack?: boolean | undefined;
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onDrawer:mouseenter"?: ((...args: any[]) => any) | undefined;
+    "onDrawer:mouseleave"?: ((...args: any[]) => any) | undefined;
     "onHandle:click"?: ((...args: any[]) => any) | undefined;
     "onHandle:dblclick"?: ((...args: any[]) => any) | undefined;
     "onHandle:drag"?: ((...args: any[]) => any) | undefined;
@@ -76,9 +81,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onHandle:touchend"?: ((...args: any[]) => any) | undefined;
     "onHandle:touchmove"?: ((...args: any[]) => any) | undefined;
     "onHandle:touchstart"?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onDrawer:mouseenter"?: ((...args: any[]) => any) | undefined;
-    "onDrawer:mouseleave"?: ((...args: any[]) => any) | undefined;
 }, {
     theme: string;
     tag: string;
@@ -89,21 +91,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     modelValue: boolean | null;
     rail: boolean | null;
     railWidth: string | number;
+    image: string;
     temporary: boolean;
     touchless: boolean;
     width: string | number;
-    location: "end" | "start" | "left" | "right";
-    storageName: string;
+    location: "start" | "end" | "left" | "right";
     saveWidth: boolean;
-    handlePosition: import('../types').HandlePositions;
-    maxWidth: string | number;
-    minWidth: string | number;
-    widthSnapBack: boolean;
-    handleBorderWidth: string | number;
+    storageName: string;
+    storageType: import('./types').StorageType;
+    handlePosition: import('./types').HandlePositions;
     handleColor: string;
+    handleBorderWidth: string | number;
     handleIconSize: string;
-    storageType: import('../types').StorageType;
     height: string | number;
+    maxWidth: string | number;
+    minWidth: string | number;
+    widthSnapBack: boolean;
     handleIcon: string;
     resizable: boolean;
 }, {}>, {

dist/plugin/composables/classes.d.ts

@@ -1,4 +1,4 @@
-import { UseDrawerClasses, UseHandleContainerClasses, UseHandleIconClasses } from '../../types';
+import { UseDrawerClasses, UseHandleContainerClasses, UseHandleIconClasses } from '../types';
 export declare const useDrawerClasses: UseDrawerClasses;
 export declare const useHandleContainerClasses: UseHandleContainerClasses;
 export declare const useHandleIconClasses: UseHandleIconClasses;

dist/plugin/composables/helpers.d.ts

@@ -1,3 +1,3 @@
-import { UseConvertToUnit } from '../../types';
+import { UseConvertToUnit } from '../types';
 export declare const useConvertToUnit: UseConvertToUnit;
 export declare const useConvertToNumber: (val: string | number) => number;

dist/plugin/composables/icons.d.ts

@@ -1,2 +1,2 @@
-import { UseGetIcon } from '../../types';
+import { UseGetIcon } from '../types';
 export declare const useGetIcon: UseGetIcon;

dist/plugin/composables/storage.d.ts

@@ -1,3 +1,3 @@
-import { UseSetStorage } from '../../types';
+import { UseSetStorage } from '../types';
 export declare function useGetStorage(storageType: string, storageName: string): string | null;
 export declare const useSetStorage: UseSetStorage;

dist/plugin/composables/styles.d.ts

@@ -1,4 +1,4 @@
-import { UseDrawerStyles, UseHandleContainerStyles, UseHandleIconStyles } from '../../types';
+import { UseDrawerStyles, UseHandleContainerStyles, UseHandleIconStyles } from '../types';
 export declare const useDrawerStyles: UseDrawerStyles;
 export declare const useHandleContainerStyles: UseHandleContainerStyles;
 export declare const useHandleIconStyles: UseHandleIconStyles;

dist/plugin/index.d.ts

@@ -1 +1,9 @@
-export { default as VResizeDrawer } from '../plugin/VResizeDrawer.vue';
+import type { App } from 'vue';
+import type { GlobalOptions } from './types';
+import VResizeDrawer from './VResizeDrawer.vue';
+export declare const globalOptions: unique symbol;
+export declare function createVResizeDrawer(options?: GlobalOptions): {
+    install: (app: App) => void;
+};
+export default VResizeDrawer;
+export { VResizeDrawer, };

dist/types/index.d.ts → dist/plugin/types/index.d.ts

@@ -1,6 +1,8 @@
 import { CSSProperties, MaybeRef } from 'vue';
 import type { IconOptions, ThemeInstance } from 'vuetify';
+import VResizeDrawer from '../VResizeDrawer.vue';
 import type { VNavigationDrawer } from 'vuetify/components';
+export * from '../index';
 export type Classes = {
     [key: string]: boolean | undefined;
 };
@@ -12,37 +14,40 @@ export type HEXColor = string;
 export type HSLColor = [number, number, number];
 export type RGBColor = [number, number, number];
 export interface Props {
-    absolute?: VNavigationDrawer['$props']['absolute'];
-    expandOnHover?: VNavigationDrawer['$props']['expandOnHover'];
-    floating?: VNavigationDrawer['$props']['floating'];
+    absolute?: VNavigationDrawer['absolute'];
+    expandOnHover?: VNavigationDrawer['expandOnHover'];
+    floating?: VNavigationDrawer['floating'];
     handleBorderWidth?: number | string;
     handleColor?: string | undefined;
     handleIcon?: string | undefined;
     handleIconSize?: string | undefined;
     handlePosition?: HandlePositions;
     height?: number | string | undefined;
+    image?: VNavigationDrawer['image'];
     location?: DrawerLocations;
-    maxWidth?: VNavigationDrawer['$props']['width'];
-    minWidth?: VNavigationDrawer['$props']['width'];
-    modelValue?: VNavigationDrawer['$props']['modelValue'];
-    name?: string;
-    rail?: VNavigationDrawer['$props']['rail'];
-    railWidth?: VNavigationDrawer['$props']['railWidth'];
+    maxWidth?: VNavigationDrawer['width'];
+    minWidth?: VNavigationDrawer['width'];
+    modelValue?: VNavigationDrawer['modelValue'];
+    name?: VNavigationDrawer['name'];
+    rail?: VNavigationDrawer['rail'];
+    railWidth?: VNavigationDrawer['railWidth'];
     resizable?: boolean | undefined;
     saveWidth?: boolean | undefined;
     storageName?: string | undefined;
     storageType?: StorageType;
-    tag?: VNavigationDrawer['$props']['tag'];
-    temporary?: VNavigationDrawer['$props']['temporary'];
+    tag?: VNavigationDrawer['tag'];
+    temporary?: VNavigationDrawer['temporary'];
+    theme?: VNavigationDrawer['theme'];
     touchless?: boolean | undefined;
-    theme?: VNavigationDrawer['$props']['theme'];
-    width?: VNavigationDrawer['$props']['width'];
+    width?: VNavigationDrawer['width'];
     widthSnapBack?: boolean | undefined;
 }
+export interface GlobalOptions extends Props {
+}
 export interface UseConvertToUnit {
     (options: {
-        str: string | number;
         unit?: string;
+        value: string | number;
     }): string | void;
 }
 export interface UseSetStorage {
@@ -109,8 +114,15 @@ export interface UseHandleIconStyles {
 }
 export interface UseGetIcon {
     (options: {
-        icon: string | undefined;
+        icon: Props['handleIcon'];
         iconOptions: IconOptions | undefined;
-        position: Props['handlePosition'];
-    }): string;
+        name: Props['handlePosition'];
+    }): Props['handleIcon'];
+}
+declare module "vue" {
+    interface ComponentCustomProperties {
+    }
+    interface GlobalComponents {
+        VResizeDrawer: typeof VResizeDrawer;
+    }
 }

dist/plugin/utils/props.d.ts

@@ -1,2 +1,2 @@
-import { Props } from '../../types';
+import { Props } from '../types';
 export declare const AllProps: Props;