/** @type {import('prettier').Config} */
const config = {
  tabWidth: 2,
  useTabs: false,
  pugAttributeSeparator: "none",
  pugEmptyAttributes: "none",
  pugPreserveWhitespace: false,
  plugins: [
    "@prettier/plugin-pug",
    "prettier-plugin-tailwindcss",
    "prettier-plugin-organize-imports",
  ],
  pugSortAttributesBeginning: [
    "^cols$",
    "^v-else$",
    "^v-for$",
    "^:key$",
    "^v-if$",
    "^v-else-if$",
    "^v-on$",
    "^v-bind$",
    "^ref$",
    "^v-model",
    "^name$",
    "^:?type$",
    "^:value$",
    "^v-text$",
    "^:?label$",
    "^:headers$",
    "^:items$",
    "^:?item-text$",
    "^:?item-value$",
    "^:?item-disabled$",
    "^:?placeholder$",
    "^:?src$",
    "^:?color$",
    "^:?text-color$",
    "^:?icon$",
    "^:?small$",
  ],
  pugSortAttributesEnd: [
    "^:?hint$",
    "^:?persistent-hint$",
    "^prepend-",
    "^@click:prepend",
    "^append-",
    "^@click:append",
    "^:to$",
    "^exact$",
    "^:(?!(width|height|loading|disabled|data-))",
    "^target$",
    "^:?width$",
    "^:?height$",
    "^@click",
    "^@",
    "^:loading$",
    "^:disabled$",
    "^:?data-",
  ],
};

export default config;