graphql-engine/frontend/.vscode/settings.json

{
  "eslint.validate": ["json"],
  "cSpell.words": ["clsx", "hasura", "citus"],
  "tailwindCSS.experimental.classRegex": [
    // detects in simple variables like const twFoo = `pt-2`;
    "tw\\w+ ?= ?`([^`]*)`",
    // detects tw strings in clsx function calls like: clsx('pt-2', 'relative');
    ["clsx\\(([^)]*)\\)", "(?:'|\"|`)([^`]*)(?:'|\"|`)"],
    // detects strings in objects and nested objects. Just prefix variable name with tw like so: const twStyleObject = {};
    ["tw\\w+ = {\\s+([^;]+)\\s+};", "(?:'|\"|`)([^`]*)(?:'|\"|`)"]
  ],
  "tailwindCSS.rootFontSize": 14,

  // adding this setting per this discussion on github:
  // https://github.com/nrwl/nx/issues/9465#issuecomment-1080093295
  "typescript.preferences.importModuleSpecifier": "project-relative"
}