feat(demo): upgrade to 0.2.0-alpha.3

Author: MichaelGitArt

demo/package.json

@@ -8,7 +8,7 @@
   "license": "MIT",
   "dependencies": {
     "@vueuse/core": "^5.2.0",
-    "gitart-vue-dialog": "0.2.0-alpha.1",
+    "gitart-vue-dialog": "0.2.0-alpha.3",
     "vue": "3.2.4"
   },
   "devDependencies": {
@@ -17,7 +17,7 @@
     "typescript": "^4.3.2",
     "vite": "^2.4.4",
     "vite-plugin-windicss": "^1.2.7",
-    "vue-tsc": "0.2.3",
+    "vue-tsc": "0.3.0",
     "windicss": "^3.1.6"
   }
 }

demo/src/components/Interface/TheFooter.vue

@@ -6,7 +6,7 @@
     text="xs gray-400"
   >
     <span>
-      [email protected].1
+      [email protected].3
     </span>
 
     <span m="l-auto">

demo/src/components/Layout/ProgrammaticalDialogLayout.vue

@@ -12,7 +12,7 @@
 
 <script lang="ts">
 import { defineAsyncComponent, defineComponent, inject } from 'vue'
-import { DialogMethodsKey } from 'plugin'
+import { dialogInjectionKey } from 'plugin'
 
 import Btn from '@/components/UI/Btn/Btn.vue'
 import ScrollDialog from '@/components/Dialogs/ScrollDialog/ScrollDialog.vue'
@@ -29,16 +29,18 @@ export default defineComponent({
   },
 
   setup() {
-    const $dialog = inject(DialogMethodsKey)
+    const {
+      addDialog,
+    } = inject(dialogInjectionKey)!
 
     const onOpenProfilePhotoDialog = () => {
-      $dialog?.add({
+      addDialog({
         component: ProfilePhotoDialog,
       })
     }
 
     const onOpenScrollDialog = () => {
-      $dialog?.add({
+      addDialog({
         component: ScrollDialog,
       })
     }

demo/src/main.ts

@@ -1,10 +1,9 @@
 import { createApp } from 'vue'
-import { plugin as dialogPlugin } from 'plugin' // gitart-vue-dialog
-import 'plugin-css' // gitart-vue-dialog/dist/style.css
-
 import App from './App.vue'
 import 'virtual:windi.css'
+import getDialogPlugin from './plugins/g-dialog'
 
 export const app = createApp(App)
-  .use(dialogPlugin)
-  .mount('#app')
+
+app.use(getDialogPlugin())
+app.mount('#app')

demo/src/plugins/g-dialog.ts

@@ -0,0 +1,10 @@
+import { plugin as dialogPlugin, IDialog } from 'plugin' // gitart-vue-dialog
+import 'plugin-css' // gitart-vue-dialog/dist/style.css
+
+declare module '@vue/runtime-core' {
+  export interface GDialogProperties {
+    $dialog: IDialog
+  }
+}
+
+export default () => dialogPlugin

demo/yarn.lock

@@ -479,10 +479,10 @@ get-intrinsic@^1.0.2:
     has "^1.0.3"
     has-symbols "^1.0.1"
 
-[email protected].1:
-  version "0.2.0-alpha.1"
-  resolved "https://registry.yarnpkg.com/gitart-vue-dialog/-/gitart-vue-dialog-0.2.0-alpha.1.tgz#368ee79986307b03815463b7b7912ea3889b37d8"
-  integrity sha512-jGyHoIT5GPVIBakKGALfzyRdLDj9jYSmKxkC35ih/Fm6R7xpmfD26C8jCIZEz6JINc0p2tkSqul2/DaVEB5zRw==
+[email protected].3:
+  version "0.2.0-alpha.3"
+  resolved "https://registry.yarnpkg.com/gitart-vue-dialog/-/gitart-vue-dialog-0.2.0-alpha.3.tgz#2e3372c327f7fd932ce4050a870ee22a59b64b7f"
+  integrity sha512-eRzWZc+7O52TkOXrx6r70CahOpfRa9mbVeV5Oq5j39GiZ9IeSwfEUlPIQ65L/lxQ+fTtZ0Xa433U0HyJNgQDew==
 
 glob-parent@^5.1.2:
   version "5.1.2"
@@ -1019,7 +1019,7 @@ vscode-json-languageservice@^4.1.5:
     vscode-nls "^5.0.0"
     vscode-uri "^3.0.2"
 
-[email protected], vscode-jsonrpc@^8.0.0-next.1:
+[email protected]:
   version "8.0.0-next.1"
   resolved "https://registry.yarnpkg.com/vscode-jsonrpc/-/vscode-jsonrpc-8.0.0-next.1.tgz#1964688a9851f86900c55e298939a157b2e224ad"
   integrity sha512-NoSPIqVWpztdC91oUaiN9PmjAupRAEF8vdXRDLWw2lX2k760dn0gO4CCXkT6GdLSBcF/xKq0zWVTsfd3lpje7g==
@@ -1122,10 +1122,10 @@ vue-demi@*:
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.11.2.tgz#faa06da53887c493a695b997f4fcb4784a667990"
   integrity sha512-J+X8Au6BhQdcej6LY4O986634hZLu55L0ewU2j8my7WIKlu8cK0dqmdUxqVHHMd/cMrKKZ9SywB/id6aLhwCtA==
 
-vue-tsc@0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-0.2.3.tgz#12bf48e3c9b1e553d31aad0c641722d5d15841d8"
-  integrity sha512-0ahxAnQolmv6EOnv5zxeMi4vCpM4PkhjU70i/EI44OzMWq4OErjLZhEh8EXOLtMx6FBRuuqS5fiBXcuqLpoL7Q==
+vue-tsc@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-0.3.0.tgz#3b3872bf4f1d2e4409b57adbd826032e253db406"
+  integrity sha512-zaDRZBxwRIz1XjhNP92FqugG71st6BUMnA2EwPeXrAyzbEYVRz6TezNFceYl3QYqqN8CtaxbqUhaQEDj/ntoCA==
   dependencies:
     vscode-vue-languageservice "^0.27.0"