separate shortcodes: display, debug

exampleSite/content/app/test1.md

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

layouts/shortcodes/pv/debug.html

@@ -2,10 +2,6 @@
   <div>id = {| conf.itemid |}</div>
 </div>
 
-<div v-scope @vue:mounted="mounted('data')">
-  <pre v-text="data"></pre>
-</div>
-
 <div v-scope @vue:mounted="mounted('output')">
   <pre v-text="output"></pre>
 </div>

layouts/shortcodes/pv/display.html

@@ -3,11 +3,3 @@
   <pre v-text="{{ $expr }}"></pre>
 </div>
 
-<div v-scope @vue:mounted="mounted('output')">
-  <pre v-text="output"></pre>
-</div>
-
-<div v-scope>
-  <div>id = {| conf.itemid |}</div>
-</div>
-