Fix vue 00 sample

Author: nasdan

samples/vuejs/typescript/00 Custom Validator/package.json

@@ -37,15 +37,15 @@
     "file-loader": "^0.11.1",
     "html-webpack-plugin": "^2.28.0",
     "style-loader": "^0.16.1",
-    "typescript": "^2.2.2",
+    "typescript": "2.2.2",
     "url-loader": "^0.5.8",
     "webpack": "^2.3.3",
     "webpack-dev-server": "^2.4.2"
   },
   "dependencies": {
     "bootstrap": "^3.3.7",
-    "lc-form-validation": "^1.0.0",
-    "vue": "^2.2.6",
-    "vue-router": "^2.4.0"
+    "lc-form-validation": "file:../../../../lib/",
+    "vue": "2.2.6",
+    "vue-router": "2.4.0"
   }
 }

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

@@ -1,4 +1,4 @@
-import Vue, {ComponentOptions} from 'vue';
+import Vue, { ComponentOptions } from 'vue';
 
 interface Props extends Vue {
   hasError: boolean;
@@ -15,7 +15,7 @@ export const ValidationComponent = Vue.extend({
   render: function(h) {
     let wrapperClass = `${this.className}`;
 
-    if(this.hasError) {
+    if (this.hasError) {
       wrapperClass = `${wrapperClass} has-error`
     }
 
@@ -28,4 +28,4 @@ export const ValidationComponent = Vue.extend({
       </div>
     );
   },
-} as ComponentOptions<Props>);
+} as ComponentOptions<Props>);

samples/vuejs/typescript/00 Custom Validator/src/pages/recipe/edit/components/form.tsx

@@ -90,4 +90,4 @@ export const FormComponent = Vue.extend({
       </form>
     );
   },
-} as ComponentOptions<FormComponentOptions>);
+} as ComponentOptions<FormComponentOptions>);

samples/vuejs/typescript/00 Custom Validator/src/pages/recipe/edit/pageContainer.tsx

@@ -1,8 +1,8 @@
-import Vue, {ComponentOptions} from 'vue';
-import {RecipeEntity, RecipeError} from '../../../model';
-import {recipeAPI} from '../../../api/recipe';
-import {editFormValidation} from './validations/editFormValidation';
-import {EditRecipePage} from './page';
+import Vue, { ComponentOptions } from 'vue';
+import { RecipeEntity, RecipeError } from '../../../model';
+import { recipeAPI } from '../../../api/recipe';
+import { editFormValidation } from './validations/editFormValidation';
+import { EditRecipePage } from './page';
 
 interface EditRecipeContainerOptions extends Vue {
   recipe: RecipeEntity;
@@ -84,10 +84,12 @@ export const EditRecipeContainer = Vue.extend({
     save: function() {
       editFormValidation.validateForm(this.recipe)
         .then((result) => {
-          result.fieldErrors
-            .map((error) => this.updateRecipeError(error.key, error));
+          this.recipeError = {
+            ...this.recipeError,
+            ...result.fieldErrors,
+          };
 
-          if(result.succeeded) {
+          if (result.succeeded) {
             console.log('Save recipe');
           }
         });

samples/vuejs/typescript/00 Custom Validator/tsconfig.json

@@ -18,4 +18,4 @@
   "exclude": [
     "node_modules"
   ]
-}
+}