[fix] temporarily disable TailwindCSS ESLint plugin and revert MultiSelect.vue

- Disable eslint-plugin-tailwindcss due to TailwindCSS v4 incompatibility
- Revert MultiSelect.vue changes as they were not part of vueNodes scope

The eslint-plugin-tailwindcss v4.0.0-beta.0 is incompatible with TailwindCSS v4.1.12
as it tries to load v3 file structure that no longer exists.
This commit is contained in:
bymyself
2025-10-27 01:58:42 -07:00
parent b43c0a53bb
commit 883463cb54
2 changed files with 3 additions and 4 deletions

View File

@@ -5,7 +5,6 @@ import { createTypeScriptImportResolver } from 'eslint-import-resolver-typescrip
import { importX } from 'eslint-plugin-import-x'
import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
import storybook from 'eslint-plugin-storybook'
import tailwind from 'eslint-plugin-tailwindcss'
import unusedImports from 'eslint-plugin-unused-imports'
import pluginVue from 'eslint-plugin-vue'
import { defineConfig } from 'eslint/config'
@@ -97,7 +96,7 @@ export default defineConfig([
// Difference in typecheck on CI vs Local
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore Bad types in the plugin
tailwind.configs['flat/recommended'],
// tailwind.configs['flat/recommended'], // Temporarily disabled due to TailwindCSS v4 compatibility issues
pluginVue.configs['flat/recommended'],
eslintPluginPrettierRecommended,
storybook.configs['flat/recommended'],

View File

@@ -59,7 +59,7 @@
<!-- Trigger value (keep text scale identical) -->
<template #value>
<span class="text-sm text-primary">
<span class="text-sm text-zinc-700 dark-theme:text-gray-200">
{{ label }}
</span>
<span
@@ -205,7 +205,7 @@ const pt = computed(() => ({
root: ({ props }: MultiSelectPassThroughMethodOptions) => ({
class: cn(
'h-10 relative inline-flex cursor-pointer select-none',
'rounded-lg bg-white dark-theme:bg-zinc-800 text-primary',
'rounded-lg bg-white dark-theme:bg-zinc-800 text-neutral dark-theme:text-white',
'transition-all duration-200 ease-in-out',
'border-[2.5px] border-solid',
selectedCount.value > 0