Add javascript code inside .vue file

src/components/mdBottomBar/mdBottomBar.js

@@ -1,11 +0,0 @@
-export default {
-  props: {
-    mdShift: Boolean
-  },
-  computed: {
-    classes() {
-      return this.mdShift && 'md-shift';
-    }
-  }
-};
-

src/components/mdBottomBar/mdBottomBar.vue

@@ -6,4 +6,15 @@
 
 <style lang="scss" src="./mdBottomBar.scss"></style>
 
-<script src="./mdBottomBar.js"></script>
+<script>
+  export default {
+    props: {
+      mdShift: Boolean
+    },
+    computed: {
+      classes() {
+        return this.mdShift && 'md-shift';
+      }
+    }
+  };
+</script>

src/components/mdBottomBar/mdBottomBarItem.js

@@ -1,25 +0,0 @@
-export default {
-  props: {
-    mdIcon: String
-  },
-  data() {
-    return {
-      active: false
-    };
-  },
-  methods: {
-    setActive() {
-      this.$parent.$children.forEach((item) => {
-        item.active = false;
-      });
-
-      this.active = true;
-    }
-  },
-  ready() {
-    if (this.$el.classList.contains('md-active')) {
-      this.active = true;
-    }
-  }
-};
-

src/components/mdBottomBar/mdBottomBarItem.vue

@@ -8,4 +8,29 @@
   </button>
 </template>
 
-<script src="./mdBottomBarItem.js"></script>
+<script>
+  export default {
+    props: {
+      mdIcon: String
+    },
+    data() {
+      return {
+        active: false
+      };
+    },
+    methods: {
+      setActive() {
+        this.$parent.$children.forEach((item) => {
+          item.active = false;
+        });
+
+        this.active = true;
+      }
+    },
+    ready() {
+      if (this.$el.classList.contains('md-active')) {
+        this.active = true;
+      }
+    }
+  };
+</script>

src/components/mdButton/mdButton.js

@@ -1,6 +0,0 @@
-export default {
-  props: {
-    type: String,
-    disabled: Boolean
-  }
-};

src/components/mdButton/mdButton.vue

@@ -6,4 +6,11 @@
 
 <style lang="scss" src="./mdButton.scss"></style>
 
-<script src="./mdButton.js"></script>
+<script>
+  export default {
+    props: {
+      type: String,
+      disabled: Boolean
+    }
+  };
+</script>

src/components/mdButton/mdLinkButton.js

@@ -1,5 +0,0 @@
-export default {
-  props: {
-    disabled: Boolean
-  }
-};

src/components/mdButton/mdLinkButton.vue

@@ -4,4 +4,10 @@
   </a>
 </template>
 
-<script src="./mdLinkButton.js"></script>
+<script>
+  export default {
+    props: {
+      disabled: Boolean
+    }
+  };
+</script>