'data-gs-min-width' to 'gs-min-w' attr rename

[adumesny]

Description

• removed 'data-' from all attributes (legacy JS style) and shorten width/height to w/h
• make for smaller and more efficient code and CSS.
  Easy enough to global replace in your code.

Checklist

• Created tests which fail without the change (if possible)
• All tests passing (yarn test)
• Extended the README / documentation, if necessary

[flawedvice]

I'm using gridstack.js along with TypeScript and SvelteKit, but if I try to add custom attributes like gs-w, TypeScript complains:

It works fine though, but the error is annoying.

I also noticed that the error disappears when prefixing the attribute with data-, as it's a "valid HTML attribute" for TS.

Is there anything one can do to bypass this?

[adumesny]

@flawedvice I don't know sveltekit but this works in regular html as documented <div class="grid-stack-item" gs-w="2"> and for the Angular framework this is what I use [attr.gs-w]="2"

[flawedvice]

Surely it has to do with Svelte's types for HTML elements. What actually worked for me, and hopefully for others who might have the same problem, is to use the spread operator over the attributes: