Add: width and height props

Author: DevTony101

commands/basec/templates/BaseButton.vue

@@ -1,7 +1,12 @@
 <template>
   <div>
-    <button v-on="$listeners" class="button" v-bind="$attrs">
-      <slot />
+    <button
+      :style="{ width: wh + 'px', height: ht + 'px' }"
+      v-on="$listeners"
+      class="button"
+      v-bind="$attrs"
+    >
+      <slot> Submit </slot>
     </button>
   </div>
 </template>
@@ -10,16 +15,24 @@
 export default {
   name: "base",
   inheritAttrs: false,
+  props: {
+    wh: {
+      type: String,
+      default: "150",
+    },
+    ht: {
+      type: String,
+      default: "25",
+    },
+  },
 };
 </script>
 
 <style scoped>
 .button {
-  height: 25px;
-  width: 75px;
   display: inline-flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
   white-space: nowrap;
   transition: all 0.2s linear;
 }