display shortcode with parameter 'expr'

exampleSite/content/app/test1.md

@@ -17,4 +17,4 @@ cyberscopes example site - use petite-vue in Hugo-generated sites.
 {{< pv/input-textline name="firstname" >}}
 {{< pv/input-textline name="lastname" >}}
 
-{{< pv/display name="firstname" >}}
+{{< pv/display expr="`${data.firstname} ${data.lastname}`" >}}

layouts/shortcodes/pv/display.html

@@ -1,5 +1,6 @@
+{{- $expr := .Get "expr" | default "data" -}}
 <div v-scope @vue:mounted="mounted('data')">
-  <pre v-text="data"></pre>
+  <pre v-text="{{ $expr }}"></pre>
 </div>
 
 <div v-scope @vue:mounted="mounted('output')">

layouts/shortcodes/pv/input-textline.html

@@ -2,6 +2,6 @@
 <div v-scope>
 	<input type="text" name="{{ $name }}" autofocus
 		   v-model="data.{{ $name }}"
-		 @vue:mounted="$el.value = ''"
- 		 @change="save($el.value)" />
+		   @vue:mounted="data.{{ $name }} = ''"
+ 		   @change="save()" />
 </div>