cco/hugo-theme-cyberscopes
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

separate shortcodes: display, debug

Browse source
This commit is contained in:
Helmut Merz 2023-03-01 07:45:46 +01:00
parent 6249f5f48c
commit 65d31a543f
3 changed files with 2 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
exampleSite/content/app/test1.md
View file

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

4
layouts/shortcodes/pv/debug.html
View file

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

8
layouts/shortcodes/pv/display.html
View file

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