@icvdeveloper/common-module 2.2.2 → 2.2.4

package/CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 2.2.4 - 2024-10-11
+
+## 2.2.3 - 2024-10-05
+
 ## 2.2.2 - 2024-10-04
 
 ## 2.2.1 - 2024-10-04

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "v3plus-common-module",
   "configKey": "v3plusCommonModule",
-  "version": "2.2.2"
+  "version": "2.2.4"
 }

package/dist/module.mjs

@@ -1,6 +1,7 @@
 import { join, resolve } from 'path';
 import { fileURLToPath } from 'url';
 import { defineNuxtModule, useLogger, installModule, addPlugin, addImportsDir, addComponentsDir } from '@nuxt/kit';
+import { existsSync } from 'node:fs';
 import svgLoader from 'vite-svg-loader';
 
 
@@ -68,7 +69,7 @@ const module = defineNuxtModule({
         content: [join(runtimeDir, "components/**/*.{vue,js,ts}")]
       };
       await installModule("@nuxtjs/tailwindcss", tailwindConfig);
-      logger.success("Tailwindcss installed!");
+      logger.success("TailwindCSS installed!");
     } else {
       throw new Error("Remove @nuxtjs/tailwindcss from nuxt.config.ts");
     }
@@ -82,8 +83,15 @@ const module = defineNuxtModule({
     nuxt.options.build.transpile.push(runtimeDir);
     addPlugin(resolve(runtimeDir, "plugin"));
     nuxt.options.css.push(resolve("node_modules/nprogress/nprogress.css"));
-    logger.info("compiling css...");
-    nuxt.options.css.push(resolve(join(runtimeDir, "assets/scss/index.css")));
+    const parentCSSVars = resolve(nuxt.options.rootDir, "assets/postcss/_variables2.css");
+    logger.info("compiling module CSS...");
+    nuxt.options.css.push(resolve(join(runtimeDir, "assets/postcss/index.css")));
+    if (existsSync(parentCSSVars)) {
+      logger.info("overriding default CSS vars with parent project's...");
+      nuxt.options.css.push(parentCSSVars);
+    } else {
+      logger.info("no parent CSS vars detected, skipping...");
+    }
     nuxt.options.nitro.publicAssets = [{
       dir: resolve(resolve(join(runtimeDir, "assets/css"))),
       baseURL: "/public"

package/dist/runtime/assets/{scss → postcss}/_forms.css

@@ -1 +1 @@
-.form-input{@apply border rounded w-full py-2 px-3 text-gray-600 leading-tight}.form-input:focus{@apply outline-none shadow}.select-input{@apply border rounded w-full text-gray-600 leading-tight py-1 px-2 h-auto}.select-input:focus{@apply outline-none}.btn{@apply button-color-1 text-white tracking-wider font-bold uppercase py-2 px-4 rounded}.btn:hover{@apply button-color-1-darker}.btn-secondary{@apply text-white button-color-2}.btn-secondary:hover{@apply button-color-2-darker}
+.form-input{@apply border rounded w-full py-2 px-3 text-gray-600 leading-tight}.form-input:focus{@apply outline-none shadow}.select-input{@apply border rounded w-full text-gray-600 leading-tight py-1 px-2 h-auto}.select-input:focus{@apply outline-none}.btn{@apply button-color-1 text-white tracking-wider font-bold uppercase py-2 px-4 rounded}.btn:hover{@apply button-color-1-darker}.btn-secondary{@apply text-white button-color-2}.btn-secondary:hover{@apply button-color-2-darker}.max-form-width{max-width:50ch}

package/dist/runtime/assets/{scss → postcss}/_transitions.css

@@ -1 +1 @@
-.page-enter-active,.page-leave-active{transition:opacity .25s}.page-enter,.page-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{opacity:0;transform:translateY(-100px)}
+.page-enter-active,.page-leave-active{transition:opacity .25s}.page-enter,.page-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{opacity:0;transform:translateY(-100px)}.modal-fade-enter,.modal-fade-leave-active{opacity:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .3s ease}

package/dist/runtime/components/forms/Message.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { computed, toRefs } from 'vue';
+
 interface Props {
   success?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icvdeveloper/common-module",
-  "version": "2.2.2",
+  "version": "2.2.4",
   "license": "MIT",
   "type": "module",
   "exports": {