update config for using SCSS

biennui1998mu · Jun 24, 2022 · 5270d4a · 5270d4a
1 parent 4cb9394
commit 5270d4a
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 19 deletions.
diff --git a/build/rollup.config.js b/build/rollup.config.js
@@ -54,10 +54,10 @@ const baseConfig = {
         modules: {
           generateScopedName: '[local]___[hash:base64:5]',
         },
-        include: /&module=.*\.css$/,
+        include: /&module=.*\.scss$/,
       }),
       // Process all `<style>` blocks except `<style module>`.
-      PostCSS({ include: /(?<!&module=.*)\.css$/ }),
+      PostCSS({ include: /(?<!&module=.*)\.scss$/ }),
       commonjs(),
     ],
     babel: {

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vuenos-input-money",
   "description": "Package for component input money type",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "private": false,
   "author": {
     "name": "Sơn Nguyễn",
@@ -11,6 +11,13 @@
   },
   "repository": "https://github.com/biennui1998mu/vuenos-input-money",
 
+  "keywords": [
+    "vue",
+    "vue3",
+    "vuenos-input-money",
+    "input money"
+  ],
+
   "main": "dist/vuenos-input-money.ssr.js",
   "browser": "dist/vuenos-input-money.esm.js",
   "module": "dist/vuenos-input-money.esm.js",

diff --git a/src/vuenos-input-money.vue b/src/vuenos-input-money.vue
@@ -95,7 +95,7 @@ export default /*#__PURE__*/defineComponent({
   }
 })
 </script>
-<style scoped>
+<style scoped lang="scss">
 .currency-style {
   font-size: 12px;
   line-height: 18px;
@@ -121,29 +121,29 @@ export default /*#__PURE__*/defineComponent({
   outline: 0;
   width: 100%;
   transition: all 0.15s linear;
-}
 
-.input-money-style input {
-  height: 100%;
-  padding: 0 15px;
-  background: none;
-  border: none;
-  outline: none;
-  color: #606266;
-  cursor: auto;
-}
+  input {
+    height: 100%;
+    padding: 0 15px;
+    background: none;
+    border: none;
+    outline: none;
+    color: #606266;
+    cursor: auto;
+  }
 
-.input-money-style span {
-  padding-right: 5px;
+  span {
+    padding-right: 5px;
+  }
 }
 
 .input-disable {
   cursor: not-allowed !important;
   color: #c0c4cc !important;
-}
 
-.input-disable::placeholder {
-  color: #c0c4cc;
+  &::placeholder {
+    color: #c0c4cc;
+  }
 }
 
 .input-error {