style(project): format all the files, add command for the same and up…

…date readme with example #475
shoonyatech · Sep 26, 2020 · 18d0f6b · 18d0f6b
1 parent 498435f
commit 18d0f6b
Show file tree

Hide file tree

Showing 26 changed files with 670 additions and 660 deletions.
diff --git a/package.json b/package.json
@@ -9,7 +9,8 @@
 		"start": "node server.js",
 		"test": "vue-cli-service test:unit",
 		"commit": "cz",
-		"format": "prettier --write"
+		"format": "prettier --write",
+		"format:all": "prettier --write \"src/**/*.{js,json,css,md}\""
 	},
 	"dependencies": {
 		"@ckeditor/ckeditor5-build-classic": "^18.0.0",

diff --git a/src/components/Events/FiltersConfig.js b/src/components/Events/FiltersConfig.js
@@ -1,39 +1,39 @@
 const filtersSet = {
-  react: {
-    name: "React",
-    id: "react",
-    type: "MULTISELECT",
-    selected: false,
-    query: "React"
-  },
-  angular: {
-    name: "Angular",
-    id: "angular",
-    type: "MULTISELECT",
-    selected: false,
-    query: "Angular"
-  },
-  vue: {
-    name: "Vue",
-    id: "vue",
-    type: "MULTISELECT",
-    selected: false,
-    query: "Vue"
-  },
-  webComponents: {
-    name: "Web Components",
-    id: "webComponents",
-    type: "MULTISELECT",
-    selected: false,
-    query: "Web Components"
-  },
-  graphQL: {
-    name: "GraphQL",
-    id: "graphQL",
-    type: "MULTISELECT",
-    selected: false,
-    query: "GraphQL"
-  }
+	react: {
+		name: 'React',
+		id: 'react',
+		type: 'MULTISELECT',
+		selected: false,
+		query: 'React',
+	},
+	angular: {
+		name: 'Angular',
+		id: 'angular',
+		type: 'MULTISELECT',
+		selected: false,
+		query: 'Angular',
+	},
+	vue: {
+		name: 'Vue',
+		id: 'vue',
+		type: 'MULTISELECT',
+		selected: false,
+		query: 'Vue',
+	},
+	webComponents: {
+		name: 'Web Components',
+		id: 'webComponents',
+		type: 'MULTISELECT',
+		selected: false,
+		query: 'Web Components',
+	},
+	graphQL: {
+		name: 'GraphQL',
+		id: 'graphQL',
+		type: 'MULTISELECT',
+		selected: false,
+		query: 'GraphQL',
+	},
 };
 
 export { filtersSet };
diff --git a/src/components/Filters/FiltersConfig.js b/src/components/Filters/FiltersConfig.js
@@ -1,25 +1,25 @@
 const filtersSet = {
-  beginner: {
-    name: "Beginner",
-    id: "beginner",
-    selected: true,
-    query: "&level=0",
-    level: 0
-  },
-  intermediate: {
-    name: "Intermediate",
-    id: "intermediate",
-    selected: false,
-    query: "&level=1",
-    level: 1
-  },
-  expert: {
-    name: "Expert",
-    id: "expert",
-    selected: false,
-    query: "&level=2",
-    level: 2
-  }
+	beginner: {
+		name: 'Beginner',
+		id: 'beginner',
+		selected: true,
+		query: '&level=0',
+		level: 0,
+	},
+	intermediate: {
+		name: 'Intermediate',
+		id: 'intermediate',
+		selected: false,
+		query: '&level=1',
+		level: 1,
+	},
+	expert: {
+		name: 'Expert',
+		id: 'expert',
+		selected: false,
+		query: '&level=2',
+		level: 2,
+	},
 };
 
 export { filtersSet };
diff --git a/src/components/Learn/FiltersConfig.js b/src/components/Learn/FiltersConfig.js
@@ -1,39 +1,39 @@
 const filtersSet = {
-  react: {
-    name: "React",
-    id: "react",
-    type: "MULTISELECT",
-    selected: false,
-    query: "React",
-  },
-  angular: {
-    name: "Angular",
-    id: "angular",
-    type: "MULTISELECT",
-    selected: false,
-    query: "Angular",
-  },
-  vue: {
-    name: "Vue",
-    id: "vue",
-    type: "MULTISELECT",
-    selected: false,
-    query: "Vue",
-  },
-  webComponents: {
-    name: "Web Components",
-    id: "webComponents",
-    type: "MULTISELECT",
-    selected: false,
-    query: "Web Components",
-  },
-  graphQL: {
-    name: "GraphQL",
-    id: "graphQL",
-    type: "MULTISELECT",
-    selected: false,
-    query: "GraphQL",
-  },
+	react: {
+		name: 'React',
+		id: 'react',
+		type: 'MULTISELECT',
+		selected: false,
+		query: 'React',
+	},
+	angular: {
+		name: 'Angular',
+		id: 'angular',
+		type: 'MULTISELECT',
+		selected: false,
+		query: 'Angular',
+	},
+	vue: {
+		name: 'Vue',
+		id: 'vue',
+		type: 'MULTISELECT',
+		selected: false,
+		query: 'Vue',
+	},
+	webComponents: {
+		name: 'Web Components',
+		id: 'webComponents',
+		type: 'MULTISELECT',
+		selected: false,
+		query: 'Web Components',
+	},
+	graphQL: {
+		name: 'GraphQL',
+		id: 'graphQL',
+		type: 'MULTISELECT',
+		selected: false,
+		query: 'GraphQL',
+	},
 };
 
 export { filtersSet };
diff --git a/src/components/ToastsManager/ToastsManager.js b/src/components/ToastsManager/ToastsManager.js
@@ -1,28 +1,24 @@
-import eventBus from "../../utilities/eventBus";
-import { ToastType } from "../../constants/constants";
+import eventBus from '../../utilities/eventBus';
+import { ToastType } from '../../constants/constants';
 
 export default {
-  name: "ToastsManager",
-  render() {
-    return '';
-  },
-  mounted() {
-    eventBus.$on('show-toast', this.showToast);
-  },
-  beforeDestroy() {
-    eventBus.$off('show-toast', this.showToast);
-  },
-  methods: {
-    showToast({
-      type = ToastType.SUCCESS,
-      title = '',
-      body = '',
-    }) {
-      this.$bvToast.toast(body, {
-        title,
-        variant: type,
-        autoHideDelay: 5000,
-      });
-    }
-  }
-};
+	name: 'ToastsManager',
+	render() {
+		return '';
+	},
+	mounted() {
+		eventBus.$on('show-toast', this.showToast);
+	},
+	beforeDestroy() {
+		eventBus.$off('show-toast', this.showToast);
+	},
+	methods: {
+		showToast({ type = ToastType.SUCCESS, title = '', body = '' }) {
+			this.$bvToast.toast(body, {
+				title,
+				variant: type,
+				autoHideDelay: 5000,
+			});
+		},
+	},
+};