work in progress:person form; shortcode for dynamic links

exampleSite/content/app/person.md

@@ -1,17 +1,17 @@
 ---
-title:  "test1"
+title: Person
-summary: "Test Page #1"
+summary: View/Edit Person 
 img:
-pageid: test1
+pageid: app_form_person
 domains: [App]
 topics: [Examples]
-date:   2023-03-12
+date:   2023-03-16
 author: helmutm
 draft:  false
 weight: 100
 ---
 
-cyberscopes example site - use petite-vue in Hugo-generated sites.
+cyberscopes example site - view / edit person (user) data.
 
 {{< pv/fieldset >}}
 
@@ -23,8 +23,10 @@ cyberscopes example site - use petite-vue in Hugo-generated sites.
 
   {{< pv/display linkto="data.id"
         expr="`${data.firstname} ${data.lastname}`.trim() || '???'" >}}
-
+<br>
-  {{< pv/display name="id" linkto="data.id" >}}
+  {{< pv/link >}}
+    Reload page with id {{< pv/display name="id" >}}
+  {{< /pv/link >}}
 
 {{< /pv/fieldset >}}
 

layouts/shortcodes/pv/display.html

@@ -1,8 +1,6 @@
 {{- $name := .Get "name" | default "textline" -}}
 {{- $expr := .Get "expr" | default (printf "data.%s" $name) -}}
 {{- $linkto := .Get "linkto" -}}
-<div>
+{{- if $linkto }}<a :href="'?id=' + {{ $linkto }}">{{ end -}}
-  {{- if $linkto }}<a :href="'?id=' + {{ $linkto }}">{{ end -}}
+<span v-text="{{ $expr }}"></span>
-  <pre v-text="{{ $expr }}"></pre>
+{{- if $linkto }}</a>{{ end -}}
-  {{- if $linkto }}</a>{{ end -}}
-</div>

layouts/shortcodes/pv/link.html

@@ -0,0 +1,3 @@
+{{- $target := .Get "target" | default "data.id" -}}
+{{- $prefix := .Get "prefix" | default "?id=" -}}
+<a :href="'{{ $prefix }}' + {{ $target }}">{{ .Inner }}</a>