fix Nuxt Composition API (Maronato#287)

Author: Maronato

README.md

@@ -25,6 +25,7 @@ Wanna try it out? Check out the [live demo](https://maronato.github.io/vue-toast
   - [Usage](#usage)
     - [Plugin registration](#plugin-registration)
     - [Nuxt registration](#nuxt-registration)
+      - [Nuxt and Composition API](#nuxt-and-composition-api)
       - [Injecting the Toast CSS](#injecting-the-toast-css)
     - [Composition API registration](#composition-api-registration)
     - [Generic registration](#generic-registration)
@@ -204,6 +205,22 @@ If you are using Typescript with Nuxt, you may need to add `"vue-toastification/
 }
 ```
 
+#### Nuxt and Composition API
+Since Vue Toastification is auto installed with nuxt, we need not provide it a second time.
+
+To access your `$toast` instance from within `setup()`, import from `vue-toastification/composition/nuxt` like so:
+```ts
+// MyComponent.vue
+
+// Import from vue-toastification/composition/nuxt, not vue-toastification/composition
+import { useToast } from "vue-toastification/composition/nuxt";
+
+// Then, in the setup method
+  setup() {
+    const toast = useToast()
+    // Use it like you would use this.$toast
+  }
+```
 
 #### Injecting the Toast CSS
 By default, when you register the module within Nuxt it automatically injects the CSS required to display the toasts using the default `vue-toastification/dist/index.css` file.

composition/index.d.ts

@@ -1,11 +1,11 @@
-import _Vue from "vue";
-import { VueConstructor } from "vue/types/vue";
-import { PluginOptions } from "vue-toastification/dist/types/src/types";
-import ToastInterface from "vue-toastification/dist/types/src/ts/interface";
+import _Vue from "vue"
+import type { VueConstructor } from "vue/types/vue"
+import type { PluginOptions } from "../src/types"
+import type ToastInterface from "../src/ts/interface"
 
-declare let provideToast: (options?: PluginOptions) => void;
+declare let provideToast: (options?: PluginOptions) => void
 declare let useToast: (
   eventBus?: InstanceType<VueConstructor>
-) => ReturnType<typeof ToastInterface>;
+) => ReturnType<typeof ToastInterface>
 
-export { provideToast, useToast };
+export { provideToast, useToast }

composition/nuxt/index.d.ts

@@ -0,0 +1,5 @@
+import type ToastInterface from "../../src/ts/interface";
+
+declare let useToast: () => ReturnType<typeof ToastInterface>;
+
+export { useToast };

composition/nuxt/index.js

@@ -0,0 +1,5 @@
+const { useContext } = require("@nuxtjs/composition-api"); // eslint-disable-line @typescript-eslint/no-var-requires
+
+export const useToast = () => useContext().app.$toast;
+
+module.exports = { useToast };

nuxt/index.d.ts

@@ -1,2 +1,4 @@
-declare const toastModule: import("@nuxt/types").Module<import("../src/types/index").NuxtModuleOptions>;
+declare const toastModule: import("@nuxt/types").Module<
+  import("../src/types/index").NuxtModuleOptions
+>;
 export = toastModule;