Styling Vue from Blade with Tailwind

I have been playing around with Vue and styling it with Tailwind
What I do is build the highly interactive block using Vue and mount it in my Laravel blade
Sometimes, these highly interactive blocks require different styling for different projects
Is there a way to compile the Vue only once, but allow it to be styled from Laravel?

RemiM

1 year ago

Level 16

I’m not sure I understand your question. Typically, during development, you run npm run dev

This starts the development server and keeps running to provide hot module replacement (HMR) and real-time updates as you make changes.

When you're ready to deploy your application to production, you run npm run build

This generates optimized production assets. Unlike npm run dev, which runs continuously, npm run build is a one-time command that outputs the final files for production use.

laracoft

1 year ago

Level 27

@RemiM

Let's say my Vue component is a chat icon that floats on the page
Clicking on it opens a window that allows me to chat
This can be reused in project A, B, C, D
But it has only 1 look and feel, how do I give CSS control of the chat icon to each of the projects without each project having to run npm run build or dev
Imagine a scenario where I don't want to give them my Vue source code

Please or to participate in this conversation.