コード修正

Author: maechabin

src/components/HelloVue.vue

@@ -14,43 +14,47 @@ import { InputType } from 'zlib';
   /** filters */
   filters: {
     convertUpperCase(value: string): string | null {
-      if (!value) return null;
+      if (!value) {
+        return null;
+      }
       return value.toUpperCase();
     },
   },
 })
 export default class HelloVue extends Vue {
   /** props */
   @Prop()
-  private val!: string;
+  val!: string;
+
+  /** data */
+  value: string = this.val;
+  inputValue: string = '';
 
   /** emit */
   @Emit('handle-click')
-  clickButton(val: string): void {}
+  clickButton(val: string): void {
+    //
+  }
 
   /** watch */
   @Watch('value')
   onValueChange(newValue: string, oldValue: string): void {
     console.log(`watch: ${newValue}, ${oldValue}`);
   }
 
-  /** data */
-  value: string = this.val;
-  inputValue: string = '';
-
-  /** lifecylce hook */
-  mounted(): void {
-    console.log('mounted');
-  }
-
   /** computed */
   get isDisabled(): boolean {
     return this.inputValue === '';
   }
 
+  /** lifecycle hook */
+  mounted(): void {
+    console.log('mounted');
+  }
+
   /** methods */
   handleInput($event: Event): void {
-    this.inputValue = ($event.target as HTMLInputElement).value;
+    this.inputValue = (($event.target as any) as HTMLInputElement).value;
   }
   handleClick(): void {
     if (this.inputValue === '') {

tslint.json

@@ -10,6 +10,7 @@
     "interface-name": false,
     "ordered-imports": false,
     "object-literal-sort-keys": false,
-    "no-consecutive-blank-lines": false
+    "no-consecutive-blank-lines": false,
+    "no-console": false
   }
 }