From d589a32a3ad33d2caf710cbd63f355650f35f2bd Mon Sep 17 00:00:00 2001
From: kmacoders <hungkids3003@gmail.com>
Date: Tue, 6 Jul 2021 18:32:41 +0700
Subject: [PATCH] feat: add scss file

---
 assets/style/main.scss |  2 ++
 nuxt.config.js         |  1 +
 package-lock.json      | 45 +++++++++++++++++++++++++++++++++++++++---
 package.json           |  3 +++
 4 files changed, 48 insertions(+), 3 deletions(-)
 create mode 100644 assets/style/main.scss

diff --git a/assets/style/main.scss b/assets/style/main.scss
new file mode 100644
index 0000000..a7a5384
--- /dev/null
+++ b/assets/style/main.scss
@@ -0,0 +1,2 @@
+// Set your colors
+$primary: #f00;
diff --git a/nuxt.config.js b/nuxt.config.js
index a5214c1..003a6c6 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -17,6 +17,7 @@ export default {
 
   // Global CSS: https://go.nuxtjs.dev/config-css
   css: [
+    '~assets/style/main.scss'
   ],
 
   // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
diff --git a/package-lock.json b/package-lock.json
index f21560f..507ac4a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2901,6 +2901,20 @@
         "@types/webpack-dev-middleware": "4.1.2",
         "@types/webpack-hot-middleware": "2.25.4",
         "sass-loader": "10.1.1"
+      },
+      "dependencies": {
+        "sass-loader": {
+          "version": "10.1.1",
+          "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-10.1.1.tgz",
+          "integrity": "sha512-W6gVDXAd5hR/WHsPicvZdjAWHBcEJ44UahgxcIE196fW2ong0ZHMPO1kZuI5q0VlvMQZh32gpv69PLWQm70qrw==",
+          "requires": {
+            "klona": "^2.0.4",
+            "loader-utils": "^2.0.0",
+            "neo-async": "^2.6.2",
+            "schema-utils": "^3.0.0",
+            "semver": "^7.3.2"
+          }
+        }
       }
     },
     "@nuxt/utils": {
@@ -6798,6 +6812,12 @@
       "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-5.0.0.tgz",
       "integrity": "sha1-OHHMCmoALow+Wzz38zYmRnXwa50="
     },
+    "detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=",
+      "dev": true
+    },
     "detect-newline": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
@@ -8339,6 +8359,15 @@
         "bser": "2.1.1"
       }
     },
+    "fibers": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/fibers/-/fibers-5.0.0.tgz",
+      "integrity": "sha512-UpGv/YAZp7mhKHxDvC1tColrroGRX90sSvh8RMZV9leo+e5+EkRVgCEZPlmXeo3BUNQTZxUaVdLskq1Q2FyCPg==",
+      "dev": true,
+      "requires": {
+        "detect-libc": "^1.0.3"
+      }
+    },
     "figgy-pudding": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz",
@@ -16158,10 +16187,20 @@
         }
       }
     },
+    "sass": {
+      "version": "1.35.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.35.1.tgz",
+      "integrity": "sha512-oCisuQJstxMcacOPmxLNiLlj4cUyN2+8xJnG7VanRoh2GOLr9RqkvI4AxA4a6LHVg/rsu+PmxXeGhrdSF9jCiQ==",
+      "dev": true,
+      "requires": {
+        "chokidar": ">=3.0.0 <4.0.0"
+      }
+    },
     "sass-loader": {
-      "version": "10.1.1",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-10.1.1.tgz",
-      "integrity": "sha512-W6gVDXAd5hR/WHsPicvZdjAWHBcEJ44UahgxcIE196fW2ong0ZHMPO1kZuI5q0VlvMQZh32gpv69PLWQm70qrw==",
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-10.2.0.tgz",
+      "integrity": "sha512-kUceLzC1gIHz0zNJPpqRsJyisWatGYNFRmv2CKZK2/ngMJgLqxTbXwe/hJ85luyvZkgqU3VlJ33UVF2T/0g6mw==",
+      "dev": true,
       "requires": {
         "klona": "^2.0.4",
         "loader-utils": "^2.0.0",
diff --git a/package.json b/package.json
index 2100a37..6fc847a 100644
--- a/package.json
+++ b/package.json
@@ -39,9 +39,12 @@
     "eslint": "^7.22.0",
     "eslint-plugin-nuxt": "^2.0.0",
     "eslint-plugin-vue": "^7.7.0",
+    "fibers": "^5.0.0",
     "husky": "^4.3.8",
     "jest": "^26.6.3",
     "lint-staged": "^10.5.4",
+    "sass": "^1.35.1",
+    "sass-loader": "^10.2.0",
     "stylelint": "^13.12.0",
     "stylelint-config-standard": "^21.0.0",
     "vue-jest": "^3.0.4"