From 5a168be882f5508a0f463921597433951fad9992 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Samuel=20=C5=A0tancl?= <samuel.stancl@gmail.com>
Date: Sat, 10 Jul 2021 21:54:21 +0200
Subject: [PATCH] expand readme

---
 README.md    | 18 ++++++++++++++++--
 package.json |  2 +-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 80e7c29..b3dc6a8 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ Currently it's only possible to use this library using a `<script type="module">
 
 ```html
 <script type="module">
-    import { createApp } from 'todo'
+    import { createApp } from 'https://unpkg.com/@archtechx/livewire-petite-vue'
 
     window.addEventListener('livewire:load', () => {
         createApp().mount()
@@ -20,7 +20,7 @@ The imported `createApp` automatically includes a bit of global state and a `v-l
 
 ```html
 <script type="module">
-    import { state, directive } from 'todo'
+    import { state, directive } from 'https://unpkg.com/@archtechx/livewire-petite-vue'
     import { createApp } from 'https://unpkg.com/petite-vue?module'
 
     window.addEventListener('livewire:load', () => {
@@ -53,6 +53,20 @@ If you'd like to defer value changes, i.e. have reactive state in Vue but only u
 <div v-livewire.defer="['messages']" v-scope="{ messages: {} }">
 ```
 
+After your bindings are configured, you can simply update state and the changes will sync between Vue and Livewire. Any changes done in Livewire will be reflected in Vue, and any changes done in Vue (e.g. via `v-model` inputs) will be reflected in Livewire.
+
+That's the state. But Livewire can also call methods.
+
+For that, you can simply use the `wire` proxy in your component's state:
+
+```html
+<button type="button" @click="wire.send(id)">
+    Send
+</button>
+```
+
+If the methods return a value, you can do something like `await wire.foo('bar')`.
+
 ```html
 <div v-livewire="['messages']" v-scope="{ messages: {}, foo: 'bar' }">
     You can use Vue-only state in the component: {{ foo }}
diff --git a/package.json b/package.json
index 3ece5e3..3ed792a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@archtechx/livewire-petite-vue",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "petite-vue driver for Livewire",
   "files": [
     "src/index.js"