Enforce Tailwind CSS Design Tokens in Vue with @shadcn/lint

· alexop.dev · Sept. 27, 2026, 8:53 a.m.
Vue Tailwind CSS typescript Web Development Vue.js linting Tailwind CSS
Summary
This blog post introduces a method to enforce Tailwind CSS design tokens in Vue applications using the @shadcn/lint tool. It outlines how to catch raw colors, arbitrary values, and component overrides effectively, complete with ESLint setup instructions and interactive examples.
Read full post on alexop.dev →
AUTHOR
Advertise
Sponsor diff.blog
Put your product in front of developers who read and write about their craft. One exclusive sponsor at a time.
Become a sponsor →
BLOG POST FEATURED ON

Placeholder image
r/vuejs

9 points

Placeholder image
r/tailwindcss

7 points

Add this plugin to your blog