summaryrefslogtreecommitdiff
path: root/plugins/vue/demo/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/vue/demo/index.html')
-rw-r--r--plugins/vue/demo/index.html9
1 files changed, 5 insertions, 4 deletions
diff --git a/plugins/vue/demo/index.html b/plugins/vue/demo/index.html
index 6f0fb71..e0c841f 100644
--- a/plugins/vue/demo/index.html
+++ b/plugins/vue/demo/index.html
@@ -8,9 +8,10 @@
<script async src="https://ga.jspm.io/npm:es-module-shims@1.6.2/dist/es-module-shims.js"></script>
<script type="importmap">{ "imports": {
"vue": "https://cdnjs.cloudflare.com/ajax/libs/vue/3.2.45/vue.esm-browser.min.js",
- "graffiti-vue": "https://graffiti.garden/graffiti-js/plugins/vue/plugin.js"
+ "graffiti-vue": "../plugin.js"
}}</script>
<script type="module">
+ // "graffiti-vue": "https://graffiti.garden/graffiti-js/plugins/vue/plugin.js"
import { createApp } from 'vue'
import { Name, SetMyName } from './components/name.js'
import Chat from './components/chat.js'
@@ -33,7 +34,7 @@
<p>
<button @click="$graffitiToggleLogIn">
- {{ !$graffitiID.value? 'Log In' : 'Log Out' }}
+ {{ !$graffitiMyID? 'Log In' : 'Log Out' }}
</button>
</p>
@@ -44,10 +45,10 @@
</h1>
<p>
- My name is: <name :of="$graffitiID.value"></name>
+ My name is: <name :of="$graffitiMyID"></name>
</p>
- <set-my-name :tags="[$graffitiID.value]"></set-my-name>
+ <set-my-name :tags="[$graffitiMyID]"></set-my-name>
<br>