Vue ugly line break

[Rubon72]

  "printWidth": 110,
  "singleQuote": true,
  "jsxSingleQuote": false,
  "arrowParens": "avoid",
  "parser": "vue"

Input:

        <template v-if="isFromPrivateToPublic && !conflict.usedItems.length">
          <p>
            {{ t('You are moving the element from private workspace to Public.') }}
          </p>
          {{ t('What changes:') }}
          <ul class="mb-8">
            <li>
              {{ t('this element will be visible in the settings of other elements in all the workspaces;') }}
            </li>
            <li>
              {{t('this element will be visible for all your team members, if you work with the multi-user access.' )}}
            </li>
          </ul>
        </template>

Output:

        <template v-if="isFromPrivateToPublic && !conflict.usedItems.length">
          <p>
            {{ t('You are moving the element from private workspace to Public.') }}
          </p>
          {{ t('What changes:') }}
          <ul class="mb-8">
            <li>
              {{ t('this element will be visible in the settings of other elements in all the workspaces;') }}
            </li>
            <li>
              {{
                t(
                  'this element will be visible for all your team members, if you work with the multi-user access.'
                )
              }}
            </li>
          </ul>
        </template>

[shrpne]

same here, "printWidth": 300 not helps