Getting Started

Install

In your git repository, add this as a submodule.

git submodule add https://gitlab.com/Saverio976/savugo.git plugin/savugo

Set up

Add the config to your hugo.toml

[[module.mounts]]
source = './plugin/savugo/svugoLayouts'
target = 'layouts'

If this is the first mention of module.mounts with a layout target, you need to add the previous default:

[[module.mounts]]
source = 'layouts'
target = 'layouts'

Usage

Now you can use the shortcodes in your contents.

Example:

Form Example
Is it ok ?
How is it ?


{{< svugo/js/function name=printSubmitValues params="formId, event, formData" >}}
```js
let output = "";
for (const entry of formData) {
    output = `${output}${entry[0]}=${entry[1]}\n`;
}
alert(output);
```
{{< /svugo/js/function >}}

{{< svugo/forms/form name=form1 onSubmitCallback="printSubmitValues" >}}
{{< svugo/forms/fieldset legend="Form Example" >}}
    {{< svugo/forms/fieldset legend="Is it ok ?" >}}
        {{< svugo/forms/radio name=radio1 value="1" label="Yes" >}}
        {{< svugo/forms/radio name=radio1 value="0" label="No" checked="true" >}}
    {{< /svugo/forms/fieldset >}}
    {{< svugo/forms/fieldset legend="How is it ?" >}}
        {{< svugo/forms/checkbox name=checkbox1 label="Fun" value="fun" >}}
        {{< svugo/forms/checkbox name=checkbox1 label="Boring" value="boring" >}}
        {{< svugo/forms/checkbox name=checkbox1 label="Sad" value="sad" >}}
    {{< /svugo/forms/fieldset >}}
    {{< svugo/forms/number name=number1 label="Note /20:" min="0" max="20" >}}
    {{< svugo/newline >}}
    {{< svugo/forms/text name=text1 label="Additional Comments:" >}}
    {{< svugo/newline >}}
    {{< svugo/forms/submit value=Submit >}}
{{< /svugo/forms/fieldset >}}
{{< /svugo/forms/form >}}