From 75ba831e014fc173f5b39f675191d6fc6ff23279 Mon Sep 17 00:00:00 2001
From: Helmut Merz <helmutm@cy55.de>
Date: Wed, 1 Mar 2023 11:34:12 +0100
Subject: [PATCH] add button

---
 exampleSite/content/app/test1.md   | 7 ++++---
 layouts/shortcodes/pv/button.html  | 9 +++++++++
 layouts/shortcodes/pv/display.html | 2 +-
 3 files changed, 14 insertions(+), 4 deletions(-)
 create mode 100644 layouts/shortcodes/pv/button.html

diff --git a/exampleSite/content/app/test1.md b/exampleSite/content/app/test1.md
index cff0f5e..bc52390 100644
--- a/exampleSite/content/app/test1.md
+++ b/exampleSite/content/app/test1.md
@@ -5,7 +5,7 @@ img:
 pageid: test1
 domains: []
 topics: []
-date:   2023-02-28
+date:   2023-03-01
 author: helmutm
 draft:  false
 weight: 10
@@ -15,8 +15,9 @@ jsModule: main.ts
 cyberscopes example site - use petite-vue in Hugo-generated sites.
 
 {{< pv/input-textline name="firstname" attrs="autofocus" >}}
-{{< pv/input-textline name="lastname" onchange="save" >}}
+{{< pv/input-textline name="lastname" >}}
+{{< pv/button >}}
 
-{{< pv/display expr="`${data.firstname} ${data.lastname}`" >}}
+{{< pv/display expr="`${data.firstname} ${data.lastname}`.trim() || '???'" >}}
 
 {{< pv/debug >}}
diff --git a/layouts/shortcodes/pv/button.html b/layouts/shortcodes/pv/button.html
new file mode 100644
index 0000000..379f04f
--- /dev/null
+++ b/layouts/shortcodes/pv/button.html
@@ -0,0 +1,9 @@
+{{- $type := .Get "type" | default "button" -}}
+{{- $name := .Get "name" | default "submit" -}}
+{{- $label := .Get "label" | default (title $name) -}}
+{{- $action := .Get "action" | default "save" -}}
+<div v-scope>
+  <button type="{{ $type }}" name="{{$name}}"
+		  @click="{{ $action }}">{{$label}}</button>
+</div>
+
diff --git a/layouts/shortcodes/pv/display.html b/layouts/shortcodes/pv/display.html
index c6c45ed..68c406d 100644
--- a/layouts/shortcodes/pv/display.html
+++ b/layouts/shortcodes/pv/display.html
@@ -1,7 +1,7 @@
 {{- $name := .Get "name" | default "textline" -}}
 {{- $expr := .Get "expr" | default (printf "data.%s" $name) -}}
 {{- $default := .Get "default" | default "" -}}
-<div v-scope @vue:mounted="mounted('{{ $expr }}')">
+<div v-scope>
   <pre v-text="{{ $expr }}"></pre>
 </div>