It seems that there is an issue where the stylings of patterns displayed on our landing page are not being applied correctly. Upon investigation, it seems that this issue has persisted since the introduction of the Vite executors in the ui-patterns package.
It seems also to be related to tailwind. See this warning:
> nx run ui-patterns:build
vite v5.0.13 building for production...
transforming (8) src/patterns/my-pattern-a/MyPatternA.tsx
warn - The `content` option in your Tailwind CSS configuration is missing or empty.
warn - Configure your content sources or your generated CSS will be missing styles.
warn - https://tailwindcss.com/docs/content-configuration
✓ 27 modules transformed.
[vite:dts] Start generate declaration files...
computing gzip size (2)...[vite:dts] Declaration files built in 367ms.
dist/style.css 4.50 kB │ gzip: 1.35 kB
dist/html.js 16.80 kB │ gzip: 3.44 kB
dist/index.js 1,080.88 kB │ gzip: 786.68 kB
✓ built in 772ms
Acceptance Criteria
[ ] A solution is implemented to resolve the styling issue and ensure that patterns are displayed correctly on the landing page.
Context
It seems that there is an issue where the stylings of patterns displayed on our landing page are not being applied correctly. Upon investigation, it seems that this issue has persisted since the introduction of the Vite executors in the ui-patterns package.
It seems also to be related to tailwind. See this warning:
Acceptance Criteria
Additional Notes