vuepress-theme-plume/plugins/plugin-md-power/src/node/utils/resolveAttrs.ts

const RE_ATTR_VALUE = /(?:^|\s+)(?<attr>[\w-]+)(?:=\s*(?<quote>['"])(?<value>.+?)\k<quote>)?(?:\s+|$)/

export function resolveAttrs<T extends Record<string, any> = Record<string, any>>(info: string): {
  attrs: T
  rawAttrs: string
} {
  info = info.trim()

  if (!info)
    return { rawAttrs: '', attrs: {} as T }

  const attrs: Record<string, string | boolean> = {}
  const rawAttrs = info

  let matched: RegExpMatchArray | null

  // eslint-disable-next-line no-cond-assign
  while (matched = info.match(RE_ATTR_VALUE)) {
    const { attr, value } = matched.groups!
    attrs[attr] = value ?? true
    info = info.slice(matched[0].length)
  }

  Object.keys(attrs).forEach((key) => {
    let value = attrs[key]
    value = typeof value === 'string' ? value.trim() : value
    if (value === 'true')
      value = true
    else if (value === 'false')
      value = false

    attrs[key] = value

    if (key.includes('-')) {
      const _key = key.replace(/-(\w)/g, (_, c) => c.toUpperCase())
      attrs[_key] = value
    }
  })

  return { attrs: attrs as T, rawAttrs }
}