Skip to content

Conversation

@flex-minhyeok
Copy link

@flex-minhyeok flex-minhyeok commented Nov 18, 2025

Summary

Add example demonstrating vanilla-extract integration with Plasmo.

Changes

  • New example: with-vanilla-extract/
  • Type-safe CSS-in-TypeScript with vanilla-extract
  • Custom .parcelrc configuration extending Plasmo config
  • Complete popup component with styled elements
  • Assets (icon.png, font file)
  • Comprehensive README with usage instructions

Features Demonstrated

  • Type-safe style definitions in .css.ts files
  • Zero-runtime CSS extraction at build time
  • Scoped, hashed class names
  • Hover effects and transitions
  • Integration with Plasmo's build system

Related

Add example demonstrating vanilla-extract integration with Plasmo.

Features:
- Type-safe CSS-in-TypeScript with vanilla-extract
- Custom .parcelrc configuration for .css.ts transformation
- Complete popup example with styled components
- Documentation on requirements and usage
@flex-minhyeok flex-minhyeok force-pushed the feat-vanilla-extract-support branch from 467803e to 26d1823 Compare November 18, 2025 05:01
- Simplify README to match other examples
- Add .prettierrc.mjs for code formatting consistency
Move popup.tsx and styles.css.ts into src/ folder to follow standard example conventions.
@flex-minhyeok flex-minhyeok force-pushed the feat-vanilla-extract-support branch from 5b0b042 to c97623e Compare November 18, 2025 06:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant