Lint: Add tailwind linter (#5984)

## Summary

Adds the [tailwind lint
plugin](https://github.com/francoismassart/eslint-plugin-tailwindcss/?tab=readme-ov-file#eslint-plugin-tailwindcss)
and fixes the currently fixable rules ([v4 is still in
beta](https://github.com/francoismassart/eslint-plugin-tailwindcss/?tab=readme-ov-file#about-tailwind-css-4-support)).

## Changes

- **What**: Enforces things like consistent class order, and eventually
can prohibit extra classes that could be utilities instead
- **Dependencies**: The plugin and its types

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-5984-Lint-Add-tailwind-linter-2866d73d365081d89db0d998232533bb)
by [Unito](https://www.unito.io)

---------

Co-authored-by: GitHub Action <action@github.com>
This commit is contained in:
Alexander Brown
2025-10-08 19:39:14 -07:00
committed by GitHub
parent c9da8b200d
commit b943c0fa75
177 changed files with 731 additions and 652 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div v-if="renderError" class="node-error p-4 text-red-500 text-sm">
<div v-if="renderError" class="node-error p-4 text-sm text-red-500">
{{ $t('Node Header Error') }}
</div>
<div
@@ -17,7 +17,7 @@
<div class="flex items-center justify-between gap-2.5">
<!-- Collapse/Expand Button -->
<div class="relative flex items-center gap-2.5">
<div class="flex items-center lod-toggle shrink-0 px-0.5">
<div class="lod-toggle flex shrink-0 items-center px-0.5">
<IconButton
size="fit-content"
type="transparent"
@@ -32,7 +32,7 @@
collapsed && '-rotate-90'
)
"
class="text-xs leading-none relative top-px text-node-component-header-icon"
class="relative top-px text-xs leading-none text-node-component-header-icon"
></i>
</IconButton>
</div>
@@ -40,7 +40,7 @@
<!-- Node Title -->
<div
v-tooltip.top="tooltipConfig"
class="text-sm font-bold truncate flex-1 lod-toggle flex items-center gap-2"
class="lod-toggle flex flex-1 items-center gap-2 truncate text-sm font-bold"
data-testid="node-title"
>
<EditableText
@@ -59,7 +59,7 @@
<LODFallback />
</div>
<div class="flex items-center lod-toggle shrink-0">
<div class="lod-toggle flex shrink-0 items-center">
<IconButton
v-if="isSubgraphNode"
v-tooltip.top="enterSubgraphTooltipConfig"