Add types to common components

Author: nasdan

samples/vuejs/typescript/00 Custom Validator/src/common/components/form/input.tsx

@@ -1,4 +1,14 @@
-import Vue from 'vue';
+import Vue, {ComponentOptions} from 'vue';
+
+interface Props extends Vue {
+  className: string;
+  placeholder: string;
+  type: string;
+  value: any;
+  inputHandler: (event) => void;
+  label: string;
+  name: string;
+}
 
 export const InputComponent = Vue.extend({
   props: [
@@ -27,4 +37,4 @@ export const InputComponent = Vue.extend({
       </div>
     );
   },
-});
+} as ComponentOptions<Props>);

samples/vuejs/typescript/00 Custom Validator/src/common/components/form/inputButton.tsx

@@ -1,4 +1,17 @@
-import Vue from 'vue';
+import Vue, {ComponentOptions} from 'vue';
+
+interface Props extends Vue {
+  className: string;
+  placeholder: string;
+  type: string;
+  value: any;
+  inputHandler: (event) => void;
+  label: string;
+  name: string;
+  buttonText: string;
+  buttonClickHandler: (event) => void;
+  buttonClassName: string;
+}
 
 export const InputButtonComponent = Vue.extend({
   props: [
@@ -40,4 +53,4 @@ export const InputButtonComponent = Vue.extend({
       </div>
     );
   },
-});
+} as ComponentOptions<Props>);

samples/vuejs/typescript/00 Custom Validator/src/common/components/form/validation.tsx

@@ -1,4 +1,10 @@
-import Vue from 'vue';
+import Vue, {ComponentOptions} from 'vue';
+
+interface Props extends Vue {
+  hasError: boolean;
+  errorMessage: string;
+  className: string;
+}
 
 export const ValidationComponent = Vue.extend({
   props: [
@@ -22,4 +28,4 @@ export const ValidationComponent = Vue.extend({
       </div>
     );
   },
-});
+} as ComponentOptions<Props>);