pugWrapAttributesThreshold: wrap according to line length (printWidth)

[Heziode]

Request / Idea

Add a way to wrap tags that have a length greater than the line length.

Input

div.inline-flex.w-full.t-input(:class=`{
  "ring border-blue-300 rounded": inputFocused,
  // Animation
  "duration-100 ease-in-out transition": true,
}`)
  slot(name="before" v-bind:isInvalid="isInvalid" v-bind:isDisabled="isDisabled" v-bind:inputFocused="inputFocused")
  LegacyTNumberInput(v-model="newValue" :as="as" :name="inputId" :value="value" :isReadOnly="isReadOnly" :isInvalid="isInvalid" :isDisabled="isDisabled" :isFullWidth="isFullWidth" :isRequired="isRequired", :inputId="inputId" :placeholder="placeholder" :type="type" :autoComplete="autoComplete" :maxlength="maxlength" :rows="rows" @focus="focused" @blur="onBlur")
  slot(name="after" v-bind:isInvalid="isInvalid" v-bind:isDisabled="isDisabled" v-bind:inputFocused="inputFocused")

Expected Output

With printWidth: 120, we should have something like that:

div.inline-flex.w-full.t-input(:class=`{
  "ring border-blue-300 rounded": inputFocused,
  // Animation
  "duration-100 ease-in-out transition": true,
}`)
  slot(name="before" v-bind:isInvalid="isInvalid" v-bind:isDisabled="isDisabled" v-bind:inputFocused="inputFocused")
  LegacyTNumberInput(v-model="newValue"
    :as="as"
    :name="inputId"
    :value="value"
    :isReadOnly="isReadOnly"
    :isInvalid="isInvalid"
    :isDisabled="isDisabled"
    :isFullWidth="isFullWidth"
    :isRequired="isRequired",
    :inputId="inputId"
    :placeholder="placeholder"
    :type="type"
    :autoComplete="autoComplete"
    :maxlength="maxlength"
    :rows="rows"
    @focus="focused"
    @blur="onBlur")
  slot(name="after" v-bind:isInvalid="isInvalid" v-bind:isDisabled="isDisabled" v-bind:inputFocused="inputFocused")

Additional Context

[Shinigami92]

Could you be more specific and also add a Actual Output + your prettier config?

Also we have pugWrapAttributesThreshold.

• What did you tried with that?
• What can it not solve for you?

sorry if I misunderstood some parts, I'm german native

---

Also I saw this in your expected output 👀
I don't think I will support this kind of "don't wrap first attribute, but all others"

[Heziode]

I do not use the pug plugin for prettier currently, because it does not provide what I needs.

I don't think I will support this kind of "don't wrap first attribute, but all others"

Indeed, this should be wrapped too.

---

The behaviour of the wrap attribute treshold I needs is: if attributs in tags exceeds the printWidth setting, so the tag will be wrapped, one attriubte per line.

[Shinigami92]

I'm confused and hope that I don't misunderstood anything
But isn't this the default behavior of our plugin? You only need to set printWidth to 120 and that's it 🤔

[Heziode]

Indeed, you are right.

I didn't understand this example in documentation:

-1 -> Only wrap attributes as needed.
Example:
input(type="text")
input(type="text", value="my_value", name="my_name")