@nuxtjs/tailwindcss: 6.3.0
nuxt: 3.1.1
https://stackblitz.com/edit/github-nzmdqj?file=app.vue
Based on the feature added by #583, import for properties should work using #tailwind-config
, but as one concern was raised in #583 (comment):
Also want to confirm about #tailwind-config/* pointing to .nuxt/tailwind.config/* rather than .nuxt/tailwind.config.mjs (for eg, test import { _slate } from '#tailwind-config/theme/colors' in playground/pages/index.vue and see if you get an error).
I'm hitting issues in importing properties.
color
to be imported.
#tailwind-config/theme/colors
resolves to .nuxt/tailwind.config.mjs/theme/colors
Need to change tailwind.config.mjs
to be tailwind.config/index.mjs
and update the alias accordingly. But that breaks import of just #tailwind-config
..
This is really helpful (after renaming the file to tailwind.config/index.mjs
, but another issue presented is that the .cjs
does not have an export named default
(which is why I chose to keep the filename tailwind.config.mjs
).
nuxt.options.alias['#tailwind-config'] = dirname(template.dst)
Owner Name | nuxt-modules |
Repo Name | tailwindcss |
Full Name | nuxt-modules/tailwindcss |
Language | TypeScript |
Created Date | 2019-04-04 |
Updated Date | 2023-03-29 |
Star Count | 1285 |
Watcher Count | 12 |
Fork Count | 157 |
Issue Count | 57 |
Issue Title | Created Date | Updated Date |
---|