From 7ee4135c36006108243b91a680b73817a8f9f3bb Mon Sep 17 00:00:00 2001
From: Yaroslav Savaryn <yariksav@gmail.com>
Date: Fri, 7 Dec 2018 19:18:42 +0200
Subject: [PATCH] v1.0.1

---
 README.md               | 83 +++++++++++++++++++++++++++++++++++++----
 nuxt/plugin.template.js |  1 -
 package.json            |  2 +-
 webpack.config.js       |  9 +++++
 4 files changed, 85 insertions(+), 10 deletions(-)
 create mode 100644 webpack.config.js

diff --git a/README.md b/README.md
index cbc295b..960b565 100644
--- a/README.md
+++ b/README.md
@@ -21,11 +21,11 @@ This module will help you to work with modal dialogs in your project
   </a>
 </p>
 
-## Documentation
+## Vuedl module documentation
 [See docs here](https://github.com/yariksav/vuedl#readme)
 
 ## Demo
-[See demo in CodeSandbox](https://k2910xo07r.codesandbox.io/)
+[See demo in CodeSandbox](https://ppx57r3nnj.codesandbox.io/)
 
 ## Setup
 
@@ -46,6 +46,30 @@ Vue.use(VuetifyDialog, {
 + `context` - the context of your application, such as store, axios, router etc.
 + `property` - the property, which will integrate to Vue. Default is `$dialog`
 
+## ♻️ Usage with Nuxt.js
+
+Add `vuetify-dialog/nuxt` to modules section of `nuxt.config.js`
+
+Module automatically add to dialog nuxt context data, such as router, route, i18n, $axios, etc
+
+```js
+{
+  modules: [
+    // Simple usage
+    'vuetify-dialog/nuxt'
+
+    // Optionally passing options in module configuration
+    ['vuetify-dialog/nuxt', { property: '$dialog' }]
+  ],
+
+  // Optionally passing options in module top level configuration
+  vuetifyDialog: {
+    property: '$dialog'
+  }
+}
+```
+
+
 ### Simple confirm dialog
 ```js
 const res = await this.$dialog.confirm({
@@ -78,16 +102,59 @@ let res = await this.$dialog.prompt({
 })
 ```
 
-### Messages
+
+### Notifications
+The notification component is used to convey important information to the user. 
+Notification support positioning, removal delay and callbacks. It comes in 4 variations, **success**, **info**, **warning** and **error**. These have default icons assigned which can be changed and represent different actions
+
+Notification uses [v-alert](https://vuetifyjs.com/en/components/alerts) component
+
+Props:
+* **text** - _the text fo your message_
+  - type: String
+* options:
+  - type: Object
+  - properties:
+    - position: one of _top-left_, _top-right_, _bottom-left_, _bootom-right_
+    - timeoot: timer to hide message. Default 5000. If set to 0 - message will not closes automatically
+    - actions
 ```js
-this.$dialog.message.warning('Warning message')
-this.$dialog.message.error('Error message')
-this.$dialog.message.info('Info message')
-this.$dialog.message.success('Success message')
+this.$dialog.notify.info('Test notification', {
+  position: 'top-right',
+  timeout: 5000
+})
 ```
 
+### Toasts 
+The toast component is used to display a quick message to a user. Toasts support positioning, removal delay and callbacks. It comes in 4 variations, **success**, **info**, **warning** and **error**. These have default icons assigned which can be changed and represent different actions
+
+Toast uses [v-snackbar](https://vuetifyjs.com/en/components/snackbars) component
+
+Props:
+* **text** - _the text fo your message_
+  - type: String
+* options:
+  - type: Object
+  - properties:
+    - position: one of _top-left_, _top-right_, _bottom-left_, _bootom-right_
+    - timeoot: timer to hide message. Default 5000. If set to 0 - message will not closes automatically 
+    - actions: - see below
+``` javascript
+this.$dialog.message.{{type}}('{{text}}, {
+  position: '{{position}}'
+})
+```
 ### Actions
-To all this simple dialogs you can config your actions, just put to options
+To all dialogs you can put your own buttons
+Props:
+* **key** - _the text fo your message_
+  - type: String
+* options:
+  - type: Object
+  - properties:
+    - position: one of _top-left_, _top-right_, _bottom-left_, _bootom-right_
+    - timeoot: timer to hide message. Default 5000. If set to 0 - message will not closes automatically 
+    - actions: - see below
 ```js
 {
   ...
diff --git a/nuxt/plugin.template.js b/nuxt/plugin.template.js
index c82ad17..9ff4fa3 100644
--- a/nuxt/plugin.template.js
+++ b/nuxt/plugin.template.js
@@ -14,7 +14,6 @@ export default (obj, inject) => {
   }))
   context.route = obj.route
 
-  console.log(context, 'context')
   Vue.use(VuetifyDialog, { context, ...pluginOptions })
   const instance = Vue.prototype[property]
   if (instance) {
diff --git a/package.json b/package.json
index 3d4bea5..d081352 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuetify-dialog",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Dialog helper for vuetify.js",
   "scripts": {
     "build2": "npm run build && cp -r dist/ ../../cmpact/billing-front/node_modules/vuetify-dialog/dist/  && cp -r src/ ../../cmpact/billing-front/node_modules/vuetify-dialog/src/",
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..60d98e2
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,9 @@
+const path = require('path')
+
+module.exports = {
+  entry: './src/index.js',
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: 'bundle.js'
+  }
+}