Remove css modules

Author: nasdan

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

@@ -5,9 +5,7 @@ import {
 } from '../../../../common/components/form';
 import {IngredientListComponent} from './ingredientList';
 
-const classNames: any = require('./formStyles');
-
-interface FormComponentProperties extends Vue {
+interface FormComponentOptions extends Vue {
   recipe: RecipeEntity;
   recipeError: RecipeError;
   updateRecipe: (name) => void;
@@ -27,11 +25,9 @@ export const FormComponent = Vue.extend({
     'removeIngredient',
     'save',
   ],
-  data: function() {
-    return {
-      ingredient: ''
-    }
-  },
+  data: () => ({
+    ingredient: ''
+  }),
   methods: {
     addIngredientHandler: function(e) {
       e.preventDefault();
@@ -94,4 +90,4 @@ export const FormComponent = Vue.extend({
       </form>
     );
   },
-} as ComponentOptions<FormComponentProperties>);
+} as ComponentOptions<FormComponentOptions>);

samples/vuejs/typescript/00 Custom Validator/src/pages/recipe/edit/components/formStyles.css

@@ -1,6 +1,11 @@
-import Vue from 'vue';
+import Vue, {ComponentOptions} from 'vue';
 import {IngredientRowComponent} from './ingredientRow';
 
+interface Props extends Vue {
+  ingredients: string[];
+  removeIngredient: (ingredient) => void;
+}
+
 export const IngredientListComponent = Vue.extend({
   props: [
     'ingredients',
@@ -23,4 +28,4 @@ export const IngredientListComponent = Vue.extend({
       </div>
     );
   },
-});
+} as ComponentOptions<Props>);

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

@@ -1,4 +1,9 @@
-import Vue from 'vue';
+import Vue, {ComponentOptions} from 'vue';
+
+interface Props extends Vue {
+  ingredient: string;
+  removeIngredient: (ingredient) => void;
+}
 
 export const IngredientRowComponent = Vue.extend({
   props: [
@@ -20,4 +25,4 @@ export const IngredientRowComponent = Vue.extend({
       </div>
     );
   },
-});
+} as ComponentOptions<Props>);

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

@@ -86,6 +86,10 @@ export const EditRecipeContainer = Vue.extend({
         .then((result) => {
           result.fieldErrors
             .map((error) => this.updateRecipeError(error.key, error));
+
+          if(result.succeeded) {
+            console.log('Save recipe');
+          }
         });
     },
   }

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

@@ -8,7 +8,7 @@ var basePath = __dirname;
 module.exports = {
   context: path.join(basePath, 'src'),
   resolve: {
-    extensions: ['.js', '.ts', '.tsx', '.css'],
+    extensions: ['.js', '.ts', '.tsx'],
   },
   entry: {
     app: './main.tsx',
@@ -39,22 +39,6 @@ module.exports = {
       },
       {
         test: /\.css$/,
-        exclude: /node_modules/,
-        loader: ExtractTextPlugin.extract({
-          fallback: 'style-loader',
-          use: {
-            loader: 'css-loader',
-            options: {
-              module: true,
-              localIdentName: '[name]__[local]___[hash:base64:5]',
-              camelCase: true,
-            }
-          },
-        }),
-      },
-      {
-        test: /\.css$/,
-        include: /node_modules/,
         loader: ExtractTextPlugin.extract({
           fallback: 'style-loader',
           use: {