Merge pull request #5 from syropian/object-assign-polyfill

Adds assign polyfill, fixes formatting issues

Author: syropian

example/App.vue

@@ -43,34 +43,37 @@ export default {
 </script>
 
 <style lang="scss">
-$blue: #21D4FD;
-$purple: #B721FF;
-@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,600');
+$blue: #21d4fd;
+$purple: #b721ff;
+@import url("https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,600");
 *,
 *::before,
 *::after {
   box-sizing: border-box;
 }
-html, body {
+html,
+body {
   width: 100vw;
   height: 100vh;
-  margin: 0; padding: 0;
+  margin: 0;
+  padding: 0;
 }
 body {
   background-color: $blue;
   background-image: linear-gradient(19deg, $blue 0%, $purple 100%);
   color: #132830;
   display: flex;
   justify-content: center;
-  font-family: 'Fira Sans', sans-serif;
+  font-family: "Fira Sans", sans-serif;
   padding: 50px;
   a {
     color: $blue;
   }
 }
 .docs {
   width: 100%;
-  h1, h2 {
+  h1,
+  h2 {
     text-align: center;
   }
   h1 {
@@ -85,7 +88,7 @@ body {
   margin: 25px auto;
   padding: 30px;
   width: 100%;
-  input[type=text] {
+  input[type="text"] {
     transition: border-color 250ms ease;
     appearance: none;
     border-radius: 6px;
@@ -96,8 +99,9 @@ body {
       outline: none;
       border-color: $purple;
     }
-    &::-webkit-input-placeholder { /* Chrome/Opera/Safari */
-      color: rgba(19,40,48,.54);
+    &::-webkit-input-placeholder {
+      /* Chrome/Opera/Safari */
+      color: rgba(19, 40, 48, 0.54);
     }
   }
 }

package.json

@@ -29,6 +29,7 @@
     "babel-preset-es2015": "^6.24.1",
     "chai": "^4.1.1",
     "cross-env": "^5.0.5",
+    "es6-object-assign": "^1.1.0",
     "eslint": "^4.5.0",
     "eslint-config-prettier": "^2.3.0",
     "eslint-plugin-prettier": "^2.2.0",

src/check-width.js

@@ -1,5 +1,9 @@
+import "es6-object-assign/auto";
+
 export default function(el, binding) {
-  const mirror = document.querySelector(`.vue-input-autowidth-mirror-${el.dataset.uuid}`);
+  const mirror = document.querySelector(
+    `.vue-input-autowidth-mirror-${el.dataset.uuid}`
+  );
   const defaults = { maxWidth: "none", minWidth: "none", comfortZone: 0 };
   const options = Object.assign({}, defaults, binding.value);
 

src/vue-input-autowidth.js

@@ -1,3 +1,4 @@
+import "es6-object-assign/auto";
 import checkWidth from "./check-width";
 
 export default {

yarn.lock

@@ -2087,6 +2087,10 @@ es6-map@^0.1.3:
     es6-symbol "~3.1.1"
     event-emitter "~0.3.5"
 
+es6-object-assign@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/es6-object-assign/-/es6-object-assign-1.1.0.tgz#c2c3582656247c39ea107cb1e6652b6f9f24523c"
+
 es6-promise@~4.0.3:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.0.5.tgz#7882f30adde5b240ccfa7f7d78c548330951ae42"