[Feature Proposal] Allow 'grid-' part to be optional when specifying grid columns

[AndrewBogdanovTSS]

Clear and concise description of the problem

As a developer using UnoCSS I want to be able to use shorter utilities when spcifying grid column sizes

Suggested solution

https://github.com/search?type=code&q=repo:unocss/unocss%20%22%2F%5Egrid-(rows%7Ccols)-(%5Cd%2B)%24%2F%22

[/^?:grid-(rows|cols)-(\d+)$/, ([, c, d]) => ({ [`grid-template-${rowCol(c)}`]: `repeat(${d},minmax(0,1fr))` }), { autocomplete: ['grid-(rows|cols)-<num>', 'grid-(rows|cols)-none'] }],

grid- in the above regular expression should be optional pretty much the same as it's already done for grid auto flow utility

unocss/packages/preset-mini/src/_rules/grid.ts

Line 54 in 8505f48

[/^(?:grid-auto-flow|auto-flow|grid-flow)-(.+)$/, ([, v]) => ({ 'grid-auto-flow': h.bracket.cssvar(v) })],

Alternative

Right now I just have to manually keep those rules in the project

import type { Rule } from 'unocss'
import { h } from '@unocss/preset-mini/utils'

function rowCol(s: string) {
  return s.replace('col', 'column')
}
function rowColTheme(s: string) {
  return s[0] === 'r' ? 'Row' : 'Column'
}

export const grids: Rule[] = [
  [/^(rows|cols)-(.+)$/, ([, c, v], { theme }) => ({
    [`grid-template-${rowCol(c)}`]: theme[`gridTemplate${rowColTheme(c)}`]?.[v] ?? h.bracket.cssvar(v)
  })],
  [/^(rows|cols)-minmax-([\w.-]+)$/, ([, c, d]) => ({
    [`grid-template-${rowCol(c)}`]: `repeat(auto-fill,minmax(${d},1fr))`
  })],
  [/^(rows|cols)-(\d+)$/, ([, c, d]) => ({
    [`grid-template-${rowCol(c)}`]: `repeat(${d},minmax(0,1fr))`
  }), { autocomplete: ['(rows|cols)-<num>', '(rows|cols)-none'] }]
]

but it would be great if that would come out of the box, given that the change is just about adding ?: to the regexp

Additional context

No response

Validations

• Read the Contributing Guidelines.
• Read the README.md of using the package.
• Already used the Interactive Docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[antfu]

I am ok with it. PR welcome :)

[AndrewBogdanovTSS]

@antfu ready for review