Update all functions

Author: Aslam97

README.md

@@ -36,13 +36,13 @@ You can then use it in your templates with a dynamic class binding:
 
 ```vue
 <template>
-  <p :class="$style.red">
-    This should be red
-  </p>
+  <p :class="$style.red">This should be red</p>
 </template>
 ```
 
-## Opt-in Usage
+And that's it. you ready to go.
+
+#### Opt-in Usage
 
 If you only want to use CSS Modules in some of your Vue components, you can set `oneOf` to `true`
 
@@ -52,21 +52,61 @@ mix.vueCssModules({ oneOf: true });
 
 #### Pre-Processors
 
+CSS Modules can be used along with other pre-processors. for now only **SCSS** and by default pre-processor is enable. to disable it set `preProcessor` to `false`
+
 ```js
-// <style lang="scss" module>
-mix.vueCssModules({ sass: true });
+mix.vueCssModules({ preProcessor: false });
 ```
 
 #### Custom localIdentName
 
+Default:
+
+- use `'[path][name]__[local]` for development
+- use `'[hash:base64]'` for production
+
+```js
+mix.vueCssModules({
+  cssLoaderOptions: { localIdentName: "[path][name]__[local]" },
+});
+```
+
+or you can use **react** or **discord** localIdentName
+
 ```js
-// DEFAULT: '[local]_[hash:base64:8]'
-mix.vueCssModules({ localIdentName: "[name]__[local]___[hash:base64:5]" });
+mix.vueCssModules({ localIdentNameType: "react" });
 ```
 
-#### Local mode
+#### Enable sourceMap
+
+Default: `false`
+
+```js
+mix.vueCssModules({ cssLoaderOptions: { sourceMap: true } });
+```
+
+#### Set importLoaders
+
+Default: `1`
+
+```js
+mix.vueCssModules({ cssLoaderOptions: { importLoaders: 2 } });
+```
+
+#### Exclude css
+
+you may want some of your css exluded from generated class by css module.
 
 ```js
-// DEFAULT: global
-mix.vueCssModules({ mode: "local" });
+const getLocalIdent = require("css-loader/lib/getLocalIdent");
+
+mix.vueCssModules({
+  cssLoaderOptions: {
+    getLocalIdent: (context, localIdentName, localName, options) => {
+      return context.resourcePath.includes("x.scss")
+        ? localName
+        : getLocalIdent(context, localIdentName, localName, options);
+    },
+  },
+});
 ```