Chore(lib): export default and fix imports ext

Author: Godofbrowser

docs/.vuepress/client.js

@@ -1,6 +1,6 @@
 import {defineAsyncComponent} from "vue";
 import { defineClientConfig } from 'vuepress/client'
-import {PromiseDialog} from "../../src/plugin/index";
+import VuejsDialog from "../../src/plugin/index.ts";
 
 
 export default defineClientConfig({
@@ -10,7 +10,7 @@ export default defineClientConfig({
             defineAsyncComponent(() => import(`../components/examples/${fileName}.vue`))
         )
 
-        app.use(PromiseDialog)
+        app.use(VuejsDialog)
         registerComponent('UIExamplesButton')
         registerComponent('UIExamplesWrapper')
         registerComponent('FeaturesExampleAlert')

src/main.ts

@@ -3,7 +3,7 @@ import './assets/main.css'
 import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
-import { PromiseDialog } from '@/plugin/promise.dialog'
+import { PromiseDialog } from '@/plugin/promise.dialog.ts'
 
 
 const app = createApp(App)

src/plugin/components/DialogApp.vue

@@ -13,9 +13,9 @@
 
 <script lang="ts">
 import DialogWindow from './DialogWindow.vue'
-import {firstIndex} from '../utilities'
+import {firstIndex} from '../utilities.ts'
 import {defineComponent} from "vue";
-import {DialogWindowOptions} from "../interface";
+import {DialogWindowOptions} from "../interface.ts";
 
 const deleteByIndex = (arr, idx) => arr.filter((_, i) => i !== idx);
 

src/plugin/components/DialogWindow.vue

@@ -87,8 +87,8 @@ import {
   CONFIRM_TYPES,
   DIALOG_TYPES,
   CUSTOM_CLASS
-} from "../constants";
-import type {ButtonStateInterface, DialogWindowOptions} from "@/plugin/interface";
+} from "../constants.ts";
+import type {ButtonStateInterface, DialogWindowOptions} from "@/plugin/interface.ts";
 
 export default defineComponent({
   name: "DialogWindow",

src/plugin/components/OkButton.vue

@@ -12,8 +12,8 @@
 <script lang="ts">
 import BtnLoader from './ButtonLoader.vue'
 import {defineComponent, PropType} from "vue";
-import {CONFIRM_TYPES} from "../constants";
-import {ButtonStateInterface, DialogWindowOptions} from "../../plugin/interface.js";
+import {CONFIRM_TYPES} from "../constants.ts";
+import {ButtonStateInterface, DialogWindowOptions} from "../../plugin/interface.ts";
 
 export default defineComponent({
   name: "OkButton",

src/plugin/directive.dialog.ts

@@ -1,8 +1,8 @@
 import type {Directive, DirectiveBinding} from "vue";
-import { noop, clickNode, cloneObj } from './utilities'
-import {CONFIRM_TYPES, DIRECTIVE_ATTRIBUTE_KEY} from './constants'
-import type { PromiseDialog } from './promise.dialog'
-import type {DialogOptions, DialogResolverPayload} from "./interface";
+import { noop, clickNode, cloneObj } from './utilities.ts'
+import {CONFIRM_TYPES, DIRECTIVE_ATTRIBUTE_KEY} from './constants.ts'
+import type { PromiseDialog } from './promise.dialog.ts'
+import type {DialogOptions, DialogResolverPayload} from "./interface.ts";
 
 
 type Binding = DirectiveBinding<DialogOptions | string>

src/plugin/index.ts

@@ -1,2 +1,5 @@
+import {PromiseDialog} from "./promise.dialog.ts";
+
+export default PromiseDialog;
 export * from './promise.dialog.ts'
 export * from './directive.dialog.ts'

src/plugin/promise.dialog.ts

@@ -1,14 +1,14 @@
 'use strict'
 
 import DialogComponent from './components/DialogApp.vue'
-import { DEFAULT_OPTIONS } from './constants'
-import { mergeObjs } from './utilities'
+import { DEFAULT_OPTIONS } from './constants.ts'
+import { mergeObjs } from './utilities.ts'
 import { createApp, type InjectionKey } from "vue";
 
 import type {App, ComponentInstance} from "vue";
 import type {DialogWindowOptions, Message, DialogResolverPayload} from "./interface";
-import {DialogTypeEnum} from "./interface";
-import {ConfirmDirective} from "./directive.dialog";
+import {DialogTypeEnum} from "./interface.ts";
+import {ConfirmDirective} from "./directive.dialog.ts";
 
 
 interface DialogPluginOptions extends Omit<DialogWindowOptions, 'id'>{}

src/plugin/vue-shim.d.ts

@@ -1,5 +1,5 @@
-import {PromiseDialog} from "./promise.dialog";
-import {ConfirmDirective} from './directive.dialog'
+import {PromiseDialog} from "./promise.dialog.ts";
+import {ConfirmDirective} from './directive.dialog.ts'
 
 declare module 'vue' {
     export interface ComponentCustomProperties {

src/views/CompView.vue

@@ -10,7 +10,7 @@
 
 <script lang="ts" setup>
 import {inject, ref} from "vue";
-import { injectionKey } from "@/plugin/promise.dialog";
+import { injectionKey } from "@/plugin/promise.dialog.ts";
 
 const $dialog = inject(injectionKey)
 const secondsElapsed = ref(0)