remove duplicate: xxl and 2xl is the same thing

[razbakov]

There is a contradiction in configuration screens.

{
  'xs': 320,
  'sm': 640,
  'md': 768,
  'lg': 1024,
  'xl': 1280,
  'xxl': 1536,
  '2xl': 1536
}

We share the same naming and sizes as Tailwind CSS and we added the xs property.

Either this message should be adjusted or the extra property should be removed.

There are 2 ways to name sizes:

• xl
• xxl
• xxxl

Or:

• xl
• 2xl
• 3xl

Counting letters is more difficult than reading the number.
And xxl duplicates the value of 2xl.

[Baroshem]

I see. Thanks for clarification!

Then I think it makes sense but I wonder if it wouldn't be a breaking change? If someone was using current xxl size? @danielroe what do you think?

[danielroe]

I think having an extra screen property is useful for backwards compatibility. (we can remove in next major)

I don't think it harms anything to keep it, though we can remove it from the docs if it is there. It's a superset of Tailwind.

[Baroshem]

Ok so let's maybe approach it this way:

1. Let's leave the option in the src/module.ts for now but make it deprecated with a note that it will be removed in the next major.
2. Remove this deprecated option from the docs already.

@razbakov could you modify your PR with that? :)

[razbakov]

@Baroshem sure, can you show me how to make it deprecated?

[Baroshem]

As this is an object and not a type, maybe we could add a note in the documentation instead of in the TS code?

Something like https://nuxt-security.vercel.app/utils/remove-console-loggers#alternative-method-deprecated

[razbakov]

@danielroe the point 2 is not done

[danielroe]

I think let's not deprecate it for now. It seems harmless.