Add Pug/Jade examples

[vladfaust]

Along with HTML and JSX it'd be cool to have Pug examples (this is my go-to template language).

HTML:

<fieldset class="fieldset">
  <legend class="fieldset-legend">What is your name?</legend>
  <input type="text" class="input" placeholder="Type here" />
  <p class="label">Optional</p>
</fieldset>

Pug:

fieldset.fieldset
  legend.fieldset-legend What is your name?
  input.input(type="text" placeholder="Type here")
  p.label Optional

There are a plenty of HTML -> Pug converters, both websites and NPM packages.

Thank you!

[saadeghi]

Haven't heard of Pug for a long time 😅
Is it being used in any framework or build tool? Or are using a custom script to convert your files to HTML?

[vladfaust]

I'm using it with Vite + Vue SFC. It's decently supported by my environment. 🙂

[vladfaust]

I can do a research to find out the easiest way to incorporate it into the website, if you allow, @saadeghi. I can see it as some build plugin to convert from existing HTML examples into Pug during build, right? So we don't write them by hand. 🫠

[saadeghi]

Thanks for the details.

Implementation is easy.
The challenge is predicting if it's going to be used by people or not.
I mean, I don't want to add something to the site that only 1 or 2 people are going to use it and for the rest of the users it just occupies the UI and make the site a little bit heavier to load. There's also maintenance cost for the future...
We added JSX because many people were asking for it.
I think it's better to wait and see how many upvotes this thread gets, before making the decision.