Move PostCSS config into vite.config.js file

Fixes #1

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/caido-community/create-plugin/issues/1?shareId=XXXX-XXXX-XXXX-XXXX).

templates/frontend-vanilla/packages/frontend/vite.config.ts

@@ -1,5 +1,8 @@
 import { resolve } from "path";
 import {defineConfig} from "vite";
+import tailwindcss from "tailwindcss";
+import prefixwrap from "postcss-prefixwrap";
+import manifest from "../../manifest.json" with { type: "json" };
 
 export default defineConfig({
   plugins: [],
@@ -25,6 +28,17 @@ export default defineConfig({
       },
     ],
   },
-  define: { 'process.env.NODE_ENV': '"production"' }
-});
+  define: { 'process.env.NODE_ENV': '"production"' },
+  css: {
+    postcss: {
+      plugins: [
+        // This plugin injects the necessary Tailwind classes
+        tailwindcss(),
 
+        // This plugin wraps the root element in a unique ID
+        // This is necessary to prevent styling conflicts between plugins
+        prefixwrap(`#plugin--${manifest.id}`),
+      ],
+    },
+  },
+});

templates/frontend-vue/packages/frontend/vite.config.ts

@@ -1,6 +1,9 @@
 import { resolve } from "path";
 import {defineConfig} from "vite";
 import vue from "@vitejs/plugin-vue";
+import tailwindcss from "tailwindcss";
+import prefixwrap from "postcss-prefixwrap";
+import manifest from "../../manifest.json" with { type: "json" };
 
 export default defineConfig({
   plugins: [
@@ -28,6 +31,17 @@ export default defineConfig({
       },
     ],
   },
-  define: { 'process.env.NODE_ENV': '"production"' }
-});
+  define: { 'process.env.NODE_ENV': '"production"' },
+  css: {
+    postcss: {
+      plugins: [
+        // This plugin injects the necessary Tailwind classes
+        tailwindcss(),
 
+        // This plugin wraps the root element in a unique ID
+        // This is necessary to prevent styling conflicts between plugins
+        prefixwrap(`#plugin--${manifest.id}`),
+      ],
+    },
+  },
+});