vue-uid - npm Package Compare versions

Comparing version 0.3.2 to 0.4.0

CHANGELOG.md

@@ -5,2 +5,12 @@ # Change Log
 
+<a name="0.4.0"></a>
+# [0.4.0](https://github.com/mya-ake/vue-uid/compare/v0.3.2...v0.4.0) (2018-11-25)
+
+
+### Features
+
+* Made mixin ([#2](https://github.com/mya-ake/vue-uid/issues/2)) ([cad33ab](https://github.com/mya-ake/vue-uid/commit/cad33ab)), closes [#1](https://github.com/mya-ake/vue-uid/issues/1) [#1](https://github.com/mya-ake/vue-uid/issues/1) [#1](https://github.com/mya-ake/vue-uid/issues/1)
+
+
+
 <a name="0.3.2"></a>
@@ -7,0 +17,0 @@ ## [0.3.2](https://github.com/mya-ake/vue-uid/compare/v0.3.1...v0.3.2) (2018-11-16)

dist/vue-uid.common.js

@@ -90,17 +90,3 @@ module.exports =
 
-/***/ "230e":
-/***/ (function(module, exports, __webpack_require__) {
-
-var isObject = __webpack_require__("d3f4");
-var document = __webpack_require__("7726").document;
-// typeof document.createElement is 'object' in old IE
-var is = isObject(document) && isObject(document.createElement);
-module.exports = function (it) {
-  return is ? document.createElement(it) : {};
-};
-
-
-/***/ }),
-
-/***/ "2887":
+/***/ "0712":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -110,2 +96,5 @@
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
+var es6_function_name = __webpack_require__("7f7f");
+
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
@@ -133,13 +122,18 @@ function _classCallCheck(instance, Constructor) {
 }
-// CONCATENATED MODULE: ./src/uid.js
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return uid_Uid; });
+// CONCATENATED MODULE: ./src/uid-manager.js
 
 
 
-var uid_Uid =
+
+var uid_manager_UidManager =
 /*#__PURE__*/
 function () {
-  function Uid() {
-    _classCallCheck(this, Uid);
+  function UidManager() {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref$name = _ref.name,
+        name = _ref$name === void 0 ? '$_uid' : _ref$name;
 
+    _classCallCheck(this, UidManager);
+
+    this._name = name;
     this._number;
@@ -149,3 +143,3 @@ this.reset();
 
-  _createClass(Uid, [{
+  _createClass(UidManager, [{
     key: "increment",
@@ -161,4 +155,12 @@ value: function increment() {
   }, {
-    key: "number",
+    key: "name",
     get: function get() {
+      return this._name;
+    },
+    set: function set(name) {
+      this._name = name;
+    }
+  }, {
+    key: "uid",
+    get: function get() {
       return this._number;
@@ -168,9 +170,35 @@ }
 
-  return Uid;
+  return UidManager;
 }();
 
 
+// CONCATENATED MODULE: ./src/mixin.js
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return uidManager; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return mixin; });
 
+
+var uidManager = new uid_manager_UidManager();
+var mixin = {
+  beforeCreate: function beforeCreate() {
+    this[uidManager.name] = uidManager.uid;
+    uidManager.increment();
+  }
+};
+
 /***/ }),
 
+/***/ "230e":
+/***/ (function(module, exports, __webpack_require__) {
+
+var isObject = __webpack_require__("d3f4");
+var document = __webpack_require__("7726").document;
+// typeof document.createElement is 'object' in old IE
+var is = isObject(document) && isObject(document.createElement);
+module.exports = function (it) {
+  return is ? document.createElement(it) : {};
+};
+
+
+/***/ }),
+
 /***/ "6a99":
@@ -283,10 +311,21 @@ /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return uid; });
+/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return vueUidMixin; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return uid; });
 /* harmony import */ var core_js_modules_es6_function_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7f7f");
 /* harmony import */ var core_js_modules_es6_function_name__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_function_name__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _uid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("2887");
+/* harmony import */ var _mixin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("0712");
 
+ // mixin
 
-var uid = new _uid__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"]();
+var vueUidMixin = _mixin__WEBPACK_IMPORTED_MODULE_1__[/* mixin */ "a"]; // Public API
 
+var uid = {
+  reset: function reset() {
+    _mixin__WEBPACK_IMPORTED_MODULE_1__[/* uidManager */ "b"].reset();
+  },
+  setName: function setName(name) {
+    _mixin__WEBPACK_IMPORTED_MODULE_1__[/* uidManager */ "b"].name = name;
+  }
+};
+
 function install(Vue) {
@@ -299,7 +338,5 @@ var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
   install.installed = true;
+  _mixin__WEBPACK_IMPORTED_MODULE_1__[/* uidManager */ "b"].name = name;
   Vue.mixin({
-    beforeCreate: function beforeCreate() {
-      this[name] = uid.number;
-      uid.increment();
-    }
+    mixins: [_mixin__WEBPACK_IMPORTED_MODULE_1__[/* mixin */ "a"]]
   });
@@ -410,2 +447,3 @@ }
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+/* concated harmony reexport vueUidMixin */__webpack_require__.d(__webpack_exports__, "vueUidMixin", function() { return src["c" /* vueUidMixin */]; });
 /* concated harmony reexport uid */__webpack_require__.d(__webpack_exports__, "uid", function() { return src["b" /* uid */]; });
@@ -412,0 +450,0 @@

dist/vue-uid.umd.js

@@ -99,17 +99,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-/***/ "230e":
-/***/ (function(module, exports, __webpack_require__) {
-
-var isObject = __webpack_require__("d3f4");
-var document = __webpack_require__("7726").document;
-// typeof document.createElement is 'object' in old IE
-var is = isObject(document) && isObject(document.createElement);
-module.exports = function (it) {
-  return is ? document.createElement(it) : {};
-};
-
-
-/***/ }),
-
-/***/ "2887":
+/***/ "0712":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -119,2 +105,5 @@
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
+var es6_function_name = __webpack_require__("7f7f");
+
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
@@ -142,13 +131,18 @@ function _classCallCheck(instance, Constructor) {
 }
-// CONCATENATED MODULE: ./src/uid.js
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return uid_Uid; });
+// CONCATENATED MODULE: ./src/uid-manager.js
 
 
 
-var uid_Uid =
+
+var uid_manager_UidManager =
 /*#__PURE__*/
 function () {
-  function Uid() {
-    _classCallCheck(this, Uid);
+  function UidManager() {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref$name = _ref.name,
+        name = _ref$name === void 0 ? '$_uid' : _ref$name;
 
+    _classCallCheck(this, UidManager);
+
+    this._name = name;
     this._number;
@@ -158,3 +152,3 @@ this.reset();
 
-  _createClass(Uid, [{
+  _createClass(UidManager, [{
     key: "increment",
@@ -170,4 +164,12 @@ value: function increment() {
   }, {
-    key: "number",
+    key: "name",
     get: function get() {
+      return this._name;
+    },
+    set: function set(name) {
+      this._name = name;
+    }
+  }, {
+    key: "uid",
+    get: function get() {
       return this._number;
@@ -177,9 +179,35 @@ }
 
-  return Uid;
+  return UidManager;
 }();
 
 
+// CONCATENATED MODULE: ./src/mixin.js
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return uidManager; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return mixin; });
 
+
+var uidManager = new uid_manager_UidManager();
+var mixin = {
+  beforeCreate: function beforeCreate() {
+    this[uidManager.name] = uidManager.uid;
+    uidManager.increment();
+  }
+};
+
 /***/ }),
 
+/***/ "230e":
+/***/ (function(module, exports, __webpack_require__) {
+
+var isObject = __webpack_require__("d3f4");
+var document = __webpack_require__("7726").document;
+// typeof document.createElement is 'object' in old IE
+var is = isObject(document) && isObject(document.createElement);
+module.exports = function (it) {
+  return is ? document.createElement(it) : {};
+};
+
+
+/***/ }),
+
 /***/ "6a99":
@@ -292,10 +320,21 @@ /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return uid; });
+/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return vueUidMixin; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return uid; });
 /* harmony import */ var core_js_modules_es6_function_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7f7f");
 /* harmony import */ var core_js_modules_es6_function_name__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_function_name__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _uid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("2887");
+/* harmony import */ var _mixin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("0712");
 
+ // mixin
 
-var uid = new _uid__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"]();
+var vueUidMixin = _mixin__WEBPACK_IMPORTED_MODULE_1__[/* mixin */ "a"]; // Public API
 
+var uid = {
+  reset: function reset() {
+    _mixin__WEBPACK_IMPORTED_MODULE_1__[/* uidManager */ "b"].reset();
+  },
+  setName: function setName(name) {
+    _mixin__WEBPACK_IMPORTED_MODULE_1__[/* uidManager */ "b"].name = name;
+  }
+};
+
 function install(Vue) {
@@ -308,7 +347,5 @@ var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
   install.installed = true;
+  _mixin__WEBPACK_IMPORTED_MODULE_1__[/* uidManager */ "b"].name = name;
   Vue.mixin({
-    beforeCreate: function beforeCreate() {
-      this[name] = uid.number;
-      uid.increment();
-    }
+    mixins: [_mixin__WEBPACK_IMPORTED_MODULE_1__[/* mixin */ "a"]]
   });
@@ -419,2 +456,3 @@ }
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+/* concated harmony reexport vueUidMixin */__webpack_require__.d(__webpack_exports__, "vueUidMixin", function() { return src["c" /* vueUidMixin */]; });
 /* concated harmony reexport uid */__webpack_require__.d(__webpack_exports__, "uid", function() { return src["b" /* uid */]; });
@@ -421,0 +459,0 @@

dist/vue-uid.umd.min.js

@@ -1,2 +0,2 @@
-(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["vue-uid"]=t():e["vue-uid"]=t()})("undefined"!==typeof self?self:this,function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s="fb15")}({"230e":function(e,t,n){var r=n("d3f4"),o=n("7726").document,u=r(o)&&r(o.createElement);e.exports=function(e){return u?o.createElement(e):{}}},2887:function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}n.d(t,"a",function(){return i});var i=function(){function e(){r(this,e),this._number,this.reset()}return u(e,[{key:"increment",value:function(){++this._number}},{key:"reset",value:function(){this._number=0}},{key:"number",get:function(){return this._number}}]),e}()},"6a99":function(e,t,n){var r=n("d3f4");e.exports=function(e,t){if(!r(e))return e;var n,o;if(t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;if("function"==typeof(n=e.valueOf)&&!r(o=n.call(e)))return o;if(!t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},7726:function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},"79e5":function(e,t){e.exports=function(e){try{return!!e()}catch(t){return!0}}},"7f7f":function(e,t,n){var r=n("86cc").f,o=Function.prototype,u=/^\s*function ([^ (]*)/,i="name";i in o||n("9e1e")&&r(o,i,{configurable:!0,get:function(){try{return(""+this).match(u)[1]}catch(e){return""}}})},"86cc":function(e,t,n){var r=n("cb7c"),o=n("c69a"),u=n("6a99"),i=Object.defineProperty;t.f=n("9e1e")?Object.defineProperty:function(e,t,n){if(r(e),t=u(t,!0),r(n),o)try{return i(e,t,n)}catch(f){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},"9e1e":function(e,t,n){e.exports=!n("79e5")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},b635:function(e,t,n){"use strict";(function(e){n.d(t,"b",function(){return o});n("7f7f");var r=n("2887"),o=new r["a"];function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.name,r=void 0===n?"$_uid":n;u.installed||(u.installed=!0,e.mixin({beforeCreate:function(){this[r]=o.number,o.increment()}}))}var i={install:u},f=null;"undefined"!==typeof window?f=window.Vue:"undefined"!==typeof e&&(f=e.Vue),f&&f.use(i),t["a"]=i}).call(this,n("c8ba"))},c69a:function(e,t,n){e.exports=!n("9e1e")&&!n("79e5")(function(){return 7!=Object.defineProperty(n("230e")("div"),"a",{get:function(){return 7}}).a})},c8ba:function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(r){"object"===typeof window&&(n=window)}e.exports=n},cb7c:function(e,t,n){var r=n("d3f4");e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},d3f4:function(e,t){e.exports=function(e){return"object"===typeof e?null!==e:"function"===typeof e}},fb15:function(e,t,n){"use strict";var r;(n.r(t),"undefined"!==typeof window)&&((r=window.document.currentScript)&&(r=r.src.match(/(.+\/)[^\/]+\.js(\?.*)?$/))&&(n.p=r[1]));var o=n("b635");n.d(t,"uid",function(){return o["b"]});t["default"]=o["a"]}})});
+(function(e,n){"object"===typeof exports&&"object"===typeof module?module.exports=n():"function"===typeof define&&define.amd?define([],n):"object"===typeof exports?exports["vue-uid"]=n():e["vue-uid"]=n()})("undefined"!==typeof self?self:this,function(){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s="fb15")}({"0712":function(e,n,t){"use strict";t("7f7f");function r(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function o(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function i(e,n,t){return n&&o(e.prototype,n),t&&o(e,t),e}var u=function(){function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.name,o=void 0===t?"$_uid":t;r(this,e),this._name=o,this._number,this.reset()}return i(e,[{key:"increment",value:function(){++this._number}},{key:"reset",value:function(){this._number=0}},{key:"name",get:function(){return this._name},set:function(e){this._name=e}},{key:"uid",get:function(){return this._number}}]),e}();t.d(n,"b",function(){return f}),t.d(n,"a",function(){return c});var f=new u,c={beforeCreate:function(){this[f.name]=f.uid,f.increment()}}},"230e":function(e,n,t){var r=t("d3f4"),o=t("7726").document,i=r(o)&&r(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},"6a99":function(e,n,t){var r=t("d3f4");e.exports=function(e,n){if(!r(e))return e;var t,o;if(n&&"function"==typeof(t=e.toString)&&!r(o=t.call(e)))return o;if("function"==typeof(t=e.valueOf)&&!r(o=t.call(e)))return o;if(!n&&"function"==typeof(t=e.toString)&&!r(o=t.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},7726:function(e,n){var t=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=t)},"79e5":function(e,n){e.exports=function(e){try{return!!e()}catch(n){return!0}}},"7f7f":function(e,n,t){var r=t("86cc").f,o=Function.prototype,i=/^\s*function ([^ (]*)/,u="name";u in o||t("9e1e")&&r(o,u,{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(e){return""}}})},"86cc":function(e,n,t){var r=t("cb7c"),o=t("c69a"),i=t("6a99"),u=Object.defineProperty;n.f=t("9e1e")?Object.defineProperty:function(e,n,t){if(r(e),n=i(n,!0),r(t),o)try{return u(e,n,t)}catch(f){}if("get"in t||"set"in t)throw TypeError("Accessors not supported!");return"value"in t&&(e[n]=t.value),e}},"9e1e":function(e,n,t){e.exports=!t("79e5")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},b635:function(e,n,t){"use strict";(function(e){t.d(n,"c",function(){return o}),t.d(n,"b",function(){return i});t("7f7f");var r=t("0712"),o=r["a"],i={reset:function(){r["b"].reset()},setName:function(e){r["b"].name=e}};function u(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=n.name,o=void 0===t?"$_uid":t;u.installed||(u.installed=!0,r["b"].name=o,e.mixin({mixins:[r["a"]]}))}var f={install:u},c=null;"undefined"!==typeof window?c=window.Vue:"undefined"!==typeof e&&(c=e.Vue),c&&c.use(f),n["a"]=f}).call(this,t("c8ba"))},c69a:function(e,n,t){e.exports=!t("9e1e")&&!t("79e5")(function(){return 7!=Object.defineProperty(t("230e")("div"),"a",{get:function(){return 7}}).a})},c8ba:function(e,n){var t;t=function(){return this}();try{t=t||Function("return this")()||(0,eval)("this")}catch(r){"object"===typeof window&&(t=window)}e.exports=t},cb7c:function(e,n,t){var r=t("d3f4");e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},d3f4:function(e,n){e.exports=function(e){return"object"===typeof e?null!==e:"function"===typeof e}},fb15:function(e,n,t){"use strict";var r;(t.r(n),"undefined"!==typeof window)&&((r=window.document.currentScript)&&(r=r.src.match(/(.+\/)[^\/]+\.js(\?.*)?$/))&&(t.p=r[1]));var o=t("b635");t.d(n,"vueUidMixin",function(){return o["c"]}),t.d(n,"uid",function(){return o["b"]});n["default"]=o["a"]}})});
 //# sourceMappingURL=vue-uid.umd.min.js.map

package.json

 {
   "name": "vue-uid",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "Unique ID for Vue.js component.",
@@ -5,0 +5,0 @@ "main": "dist/vue-uid.common.js",

README.md

@@ -5,2 +5,3 @@ # vue-uid
 
+
 ## Install
@@ -12,2 +13,15 @@
 
+## Usage
+
+[Plugin](#Plugin) or [Mixin](#Mixin).
+
+Plugin all components have uid.
+
+Components with mixin have uid.
+Other components don't have uid.
+
+### Plugin
+
+Install plugin
+
 ```JavaScript
@@ -20,3 +34,3 @@ import Vue from 'vue';
 
-## Usage
+Use with component
 
@@ -38,2 +52,25 @@ ```HTML
 
+### Mixin
+
+Use with component
+
+```HTML
+<template>
+  <input v-bind:id="`input-${$_uid}`" />
+</template>
+
+<script>
+import { vueUidMixin } from 'vue-uid';
+
+export default {
+  mixins: [vueUidMixin],
+
+  mounted() {
+    const uid = this.$_uid;
+    console.log(uid); // 1 (Number)
+  },
+};
+</script>
+```
+
 ## Option
@@ -66,3 +103,3 @@
   mounted() {
-    const uid = this.uid; // change 
+    const uid = this.uid; // changed
   },
@@ -73,4 +110,6 @@ };
 
-## Reset UID
+## Public API
 
+### Reset UID
+
 ```JavaScript
@@ -82,4 +121,12 @@ import { uid } from 'vue-uid';
 
+### setName for mixin
+
+```JavaScript
+import { uid } from 'vue-uid';
+
+uid.setName('uid');
+```
+
 ## For Nuxt.js
 
 [nuxt-uid-module](https://github.com/mya-ake/nuxt-uid-module)

No alert changes

Improved metrics

Total package byte prevSize

81978

increased by9.99%

Lines of code

741

increased by9.78%

Number of lines in readme file

126

increased by59.49%

No dependency changes