Philipp Spiess b01ff53f2a

Vite: Support Tailwind in Vue <style> blocks (#14158) ...

This PR adds support to transforming `<style>` blocks emitted by Vue
components with tailwindcss when the `@tailwindcss/vite` is used.

Example:

```vue
<style>
  @import 'tailwindcss/utilities';
  @import 'tailwindcss/theme' theme(reference);
  .foo {
    @apply text-red-500;
  }
</style>
<template>
 <div class="underline foo">Hello Vue!</div>
</template>
```

Additionally, this PR also adds an integration test.

---------

Co-authored-by: Robin Malfait <malfait.robin@gmail.com>

2024-08-09 12:41:58 +02:00

..

cli

Add @source support (#14078)

2024-08-07 16:38:44 +02:00

postcss

Use import to load plugins (#14132)

2024-08-08 11:49:06 -04:00

vite

Vite: Support Tailwind in Vue <style> blocks (#14158)

2024-08-09 12:41:58 +02:00

package.json

Add integration test setup and tests for the Vite integration (#14089)

2024-08-02 11:50:49 +02:00

utils.ts

Vite: Support Tailwind in Vue <style> blocks (#14158)

2024-08-09 12:41:58 +02:00