---
title:  "example"
summary: "Test Page #1"
img:
pageid: test1
domains: [App]
topics: [Examples]
date:   2023-03-07
author: helmutm
draft:  false
weight: 10
jsModule: main.ts
---

cyberscopes example site - use petite-vue in Hugo-generated sites.

{{< pv/fieldset >}}

  Id: {{< pv/input-textline name="id" defexpr="conf.itemid" >}}
  First Name: {{< pv/input-textline name="firstname" attrs="autofocus" >}}
  Last Name: {{< pv/input-textline name="lastname" >}}
  Email: {{< pv/input-textline name="email" default="hm@cy55.de" >}}
  {{< pv/button >}}

  {{< pv/display linkto="data.id"
        expr="`${data.firstname} ${data.lastname}`.trim() || '???'" >}}

  {{< pv/display name="id" linkto="data.id" >}}

{{< /pv/fieldset >}}

{{< pv/debug >}}

[click here](?id=10127-180017)