ATLAS2002/resonatejs

Add tailwind-config as a shared package

Closed this issue ยท 23 comments

Note

  • Inside the base directory, create a new directory tailwind-config.
  • Create a tailwind.config.ts and postcss.config.ts file.
  • Configure all the base properties (set accurate paths in content).
  • Extend tailwind and postcss config files in other workspaces from the base tailwind-config package.

Tip

  • Use pnpm to install the packages: tailwindcss, postcss and autoprefixer.
  • Instead of creating the config files, run this command instead: pnpx tailwindcss init -p.
  • If the files are in .js, change them to .ts, and use proper types.

I would like to work on that issue under JWOC

I would like to work on that issue under JWOC

Sure, I have assigned it to you. Happy Coding โญ

I facing some error in my system so can you assign this to anyone else.

please assign it to me i can do this for you

please assign it to me i can do this for you

Hi @vermaanurag1532 , this issue is a part of an open source program - JWOC. And only the registered mentees can be assigned this issue. If you are already participating in JWOC and want to be assigned this issue, then you have mention that in the comment.

yeah i want to contribute under jwoc and i am a registered mentee in this open source program

yeah i want to contribute under jwoc and i am a registered mentee in this open source program

After successfully merging and closing this issue, I can assign you the later issues. You do have limited time for each of these issues so I will wish you luck.

Quick reminder @vermaanurag1532 , the time is almost up. If you are still working on this then please let me know about the progress, if you are facing an issue I'll be more than happy to help.

Can you please assign me this issue under JWOC?

image
i got this error when i am installing the tailwindcss package using pnpm..

Just run pnpm add -D tailwindcss postcss autoprefixer.

image
i am still getting error..

Try running the command without the -w flag.

@Jenis07 don't install tailwind in root, first create a folder "tailwind-config" inside the base folder. Then cd into the folder and install the packages there

image
as you told that i have do that..

image as you told that i have do that..

Okay I have figured out the error,

  • create package.json inside /base/tailwind-config:
{
  "name": "@repo/tailwind-config",
  "version": "0.0.0",
  "private": true,
}
  • run pnpm install from the root.
  • then run this: pnpm add -D tailwindcss autoprefixer postcss --filter=@repo/tailwind-config

After that you will have the necessary packages installed in the /tailwind-config directory.

Also can you submit a PR within today? The duration for an easy issue is 1 day and we have already crossed that limit.

I have added the package.json file and try to run the command.
image
but it shows this error.

Screenshot 2024-01-24 162759
Because this package does not exist, remove it from the dependencies and run pnpm install again

Yeah that's successfully installed

Yeah that's successfully installed

@Jenis07 this issue is open for quite some time. So I need you to respond to this, else I will have to close this issue.

@ATLAS2002 I WANT TO WORK ON THIS ISSUE UNDER JWOC.. KINDLY ASSIGN

@ATLAS2002 I WANT TO WORK ON THIS ISSUE UNDER JWOC.. KINDLY ASSIGN

Let me know if there are any issues with the setup