Keep uppercase option

[ramon-nogueira]

Hello.. I love https://html2pug.now.sh/

I used to develop Angular Apps and it's case sensitive.
Can we have an option to keep uppercase letters in code? The PUG is always being in lowercase mode.
Thanks!

[dimensi]

Plz give a example. What do you expect?

[ramon-nogueira]

For example:

<nz-page-header class="site-page-header" (nzBack)="onBack()" nzBackIcon nzTitle="Title" nzSubtitle="This is a subtitle">
</nz-page-header>

is transformed to:

nz-page-header.site-page-header((nzback)="onBack()", nzbackicon="", nztitle="Title", nzsubtitle="This is a subtitle")

I expect

nz-page-header.site-page-header((nzback)="onBack()", nzBackIcon="", nzTitle="Title", nzSubtitle="This is a subtitle")

[dimensi]

Well I think I could resolve this issue. I'll rewrite compiler from ground.

I've already get some results.

[dimensi]

You can check results here #9

[dimensi]

I've merged branch, now you @ramon-nogueira can look here https://html2pug.now.sh/

[altShiftDev]

I just tested this and the bug is still present, here's a test case:

<MyCustomComponent/> becomes => mycustomcomponent

Because components are case sensitive in angular/vue/react mycustomcomponent throws errors as undefined.

[dimensi]

Added support for these kinds of templates with @vue/compiler-dom. Give it a try.

[altShiftDev]

The new layout looks nice but the bug is still present:

<MyCustomComponent/> becomes mycustomcomponent all lowercase.

[dimensi]

result:

QBtn(icon="event" round color="primary")
  QPopupProxy(@before-show="updateProxy" cover transition-show="scale" transition-hide="scale")
    QDate(v-model="proxyDate")
      .row.items-center.justify-end.q-gutter-sm
        QBtn(label="Cancel" color="primary" flat v-close-popup)
        QBtn(label="OK" color="primary" flat @click="save" v-close-popup)

[dimensi]

No response from the author. I added the function and checked it myself. I am closing this issue. If there are any comments, you can reopen it.