Merge pull request #97 from michaelcozzolino/fix/tailwindcss-imports

fix(create-flyonui-vue): Use @source instead of @import for flyonui-vue

Author: michaelcozzolino

package.json

@@ -46,7 +46,7 @@
         "flyonui-vue": "workspace:*",
         "jsdom": "^26.1.0",
         "sass-embedded": "^1.93.2",
-        "tailwindcss": "^4.1.14",
+        "tailwindcss": "^4.1.16",
         "tsc-alias": "^1.8.16",
         "typescript": "^5.9.3",
         "vite": "^6.4.1",

packages/core/package.json

@@ -1,7 +1,7 @@
 {
     "name": "flyonui-vue",
     "type": "module",
-    "version": "2.1.0",
+    "version": "2.1.1",
     "author": "Michael Cozzolino",
     "license": "MIT",
     "repository": {
@@ -73,7 +73,7 @@
     },
     "devDependencies": {
         "@iconify/vue": "^4.3.0",
-        "@tailwindcss/vite": "^4.1.14",
+        "@tailwindcss/vite": "^4.1.16",
         "@types/node": "^22.18.8",
         "@vitejs/plugin-vue": "^5.2.4",
         "@vue/test-utils": "^2.4.6",
@@ -82,7 +82,7 @@
         "jsdom": "^26.1.0",
         "rollup-plugin-visualizer": "^5.14.0",
         "sass-embedded": "^1.93.2",
-        "tailwindcss": "^4.1.14",
+        "tailwindcss": "^4.1.16",
         "tsc-alias": "^1.8.16",
         "typescript": "^5.9.3",
         "vite": "^6.4.1",

packages/core/src/UI/Components/ListGroup/UI/FoListGroupItem.vue

@@ -30,11 +30,9 @@ const [
 </script>
 
 <style lang="postcss" scoped>
-@reference "tailwindcss";
-
 /* noinspection CssUnusedSymbol */
 :slotted(.fo-icon) {
     color: var(--color-base-content);
-    @apply me-3;
+    margin-inline-end: 0.75rem;
 }
 </style>

packages/core/src/UI/Forms/Join/UI/FoJoin.vue

@@ -39,15 +39,15 @@ const [
 </script>
 
 <style lang="scss" scoped>
-@reference "tailwindcss";
-
 .join > :first-child :deep(.input.rounded-full),
 .join > :slotted(.btn.rounded-full:first-child) {
-    @apply rounded-e-none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
 }
 
 .join > :last-child :deep(.input.rounded-full),
 .join > :slotted(.btn.rounded-full:last-child) {
-    @apply rounded-s-none;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
 }
 </style>

packages/core/src/index.css

@@ -1,5 +1,3 @@
-import '@/index.css';
-
 export * from '@/Lib';
 export * from '@/Types';
 export * from '@/UI/Components';

packages/core/src/index.ts

@@ -1,6 +1,6 @@
 {
     "name": "create-flyonui-vue",
-    "version": "0.0.5",
+    "version": "0.0.6",
     "type": "module",
     "bin": "dist/index.js",
     "scripts": {

packages/create-flyonui-vue/package.json

@@ -15,8 +15,8 @@
   "dependencies": {
     "@iconify/vue": "^4.3.0",
     "@tailwindcss/vite": "^4.1.4",
-    "flyonui": "^2.1.0",
-    "flyonui-vue": "^2.0.0-alpha.3",
+    "flyonui": "^2.4.1",
+    "flyonui-vue": "^2.1.0",
     "pinia": "^3.0.1",
     "tailwindcss": "^4.1.4",
     "vue": "^3.5.13",

packages/create-flyonui-vue/src/Templates/Vue/package.json

@@ -2,6 +2,12 @@
 @import 'tailwindcss';
 @import 'flyonui-vue/index.css';
 
+@source '../../node_modules/flyonui-vue';
+
+@plugin 'flyonui' {
+    themes: all;
+}
+
 #app {
   max-width: 1280px;
   margin: 0 auto;

packages/create-flyonui-vue/src/Templates/Vue/src/assets/main.css

@@ -1,6 +1,8 @@
 @import 'tailwindcss';
 @import 'flyonui-vue/index.css';
 
+@source '../../../../node_modules/flyonui-vue';
+
 @plugin 'flyonui' {
     themes: all;
 }