trying to conceive more complex situations (e.g. a table)

exampleSite/content/app/test1.md

@@ -1,10 +1,10 @@
 ---
 title:  "example"
-summary: ""
+summary: "Test Page #1"
 img:
 pageid: test1
-domains: []
+domains: [App]
-topics: []
+topics: [Examples]
 date:   2023-03-01
 author: helmutm
 draft:  false
@@ -20,4 +20,6 @@ cyberscopes example site - use petite-vue in Hugo-generated sites.
 
 {{< pv/display expr="`${data.firstname} ${data.lastname}`.trim() || '???'" >}}
 
+{{< pv/display name="email" >}}
+
 {{< pv/debug >}}

layouts/shortcodes/pv/display.html

@@ -1,7 +1,10 @@
 {{- $name := .Get "name" | default "textline" -}}
 {{- $expr := .Get "expr" | default (printf "data.%s" $name) -}}
 {{- $default := .Get "default" | default "" -}}
+{{- $tcells := (and .Parent .Parent.Get "tcells") | default false -}}
+{{- if $tcells }}<td>{{ end -}}
 <div v-scope>
   <pre v-text="{{ $expr }}"></pre>
 </div>
+{{- if $tcells }}</td>{{ end -}}
 

layouts/shortcodes/pv/table.html

@@ -0,0 +1,11 @@
+{{- $name := .Get "name" | default "table" -}}
+{{- $tcells := true -}}
+<table>
+  <template id="{{ $name }}">
+	{{ .Inner }}
+  </template>
+  <tr v-for="row of data[{{ $name }}]">
+	<div v-scope="Row({{ $name }}, row)"/>
+  </tr>
+</table>
+