From 2894148cb965656f6de9835600cae45e9429526e Mon Sep 17 00:00:00 2001
From: Mansoor Khan <8mansoorkhan@gmail.com>
Date: Thu, 21 Jul 2022 12:43:03 +0500
Subject: [PATCH] Add an example script to README

This PR adds an example script to the readme, which shows how to use toasts inside Single-File Components (SFCs) using `<script setup>`.
---
 README.md | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/README.md b/README.md
index 214989f..35d61f8 100644
--- a/README.md
+++ b/README.md
@@ -190,6 +190,29 @@ To create toasts, get a *toast interface* by calling `useToast` from within a co
 </script>
 ```
 
+### Using inside Single-File Components (SFCs)
+
+To create toasts inside a Single-File Component using `<script setup>`, get a *toast interface* by calling `useToast` from within a component.
+
+```html
+<script setup>
+    import { useToast } from "vue-toastification";
+
+    const toast = useToast();
+
+    // Use it!
+    toast("I'm a toast!");
+
+    // or with options
+    toast.success("My toast content", {
+        timeout: 2000
+    });
+
+    // Use it inside methods
+    const myMethod = () => toast.info("I'm an info toast!");
+</script>
+```
+
 ### Using with Vuex or outside components
 By default, Vue Toastification creates the plugin using a global event bus, so all you need to do to use it outside your components is to call `useToast()`.