ieedan / geist-ui-svelte

A UI Library for Svelte built to match Vercel's design inspired by other librarys such as geist-ui
https://geist-ui-svelte.dev
MIT License
19 stars 8 forks source link

Tailwind classes not generating after import #247

Closed youknowedo closed 6 months ago

youknowedo commented 6 months ago

My Tailwind classes don't generate after importing the components into my page. Followed the guide.

Steps to recreate

  1. Follow the guide
  2. In src/routes/+page.svelte
    
    <script>
    import { Header, LightSwitch } from 'geist-ui-svelte';
    </script>

3. `npm run dev`
4. Inspect element on browser
5. See `<header>` class `border-b`
6. See in `styles` that no css was generated for `border-b`
ieedan commented 6 months ago

This is an issue with our setup docs

Please try editing your tailwind config to include these content paths

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./src/**/*.{html,js,svelte,ts}",
        "./node_modules/geist-ui-svelte/**/*.{html,js,svelte,ts}",
    ],
    ...
};

I will fix the docs right now

ieedan commented 6 months ago

@youknowedo let me know if that works for you