Skip to content

Commit fb7e054

Browse files
sskendersskender
committed
eslint and prettier
1 parent ff652bd commit fb7e054

File tree

6 files changed

+105
-46
lines changed

6 files changed

+105
-46
lines changed

‎babel.config.js‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
11
module.exports = {
2-
"presets": [
3-
"@vue/cli-plugin-babel/preset"
4-
]
5-
}
2+
presets: ["@vue/cli-plugin-babel/preset"],
3+
};

‎package.json‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,13 +19,17 @@
1919
"@vue/cli-plugin-babel": "~4.5.0",
2020
"@vue/cli-plugin-eslint": "~4.5.0",
2121
"@vue/cli-service": "~4.5.0",
22+
"@vue/eslint-config-prettier": "^6.0.0",
2223
"babel-eslint": "^10.1.0",
2324
"bootstrap": "^4.5.2",
24-
"eslint": "^6.7.2",
25+
"eslint": "^6.8.0",
26+
"eslint-config-prettier": "^7.0.0",
27+
"eslint-plugin-prettier": "^3.3.0",
2528
"eslint-plugin-vue": "^6.2.2",
2629
"mutationobserver-shim": "^0.3.7",
2730
"popper.js": "^1.16.1",
2831
"portal-vue": "^2.1.7",
32+
"prettier": "^2.2.1",
2933
"sass": "^1.26.11",
3034
"sass-loader": "^10.0.2",
3135
"vue-cli-plugin-bootstrap-vue": "~0.7.0",
@@ -38,7 +42,8 @@
3842
},
3943
"extends": [
4044
"plugin:vue/essential",
41-
"eslint:recommended"
45+
"eslint:recommended",
46+
"@vue/prettier"
4247
],
4348
"parserOptions": {
4449
"parser": "babel-eslint"

‎src/App.vue‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
<template>
22
<div id="app">
3-
<img alt="Vue logo" src="./assets/logo.png">
4-
<HelloWorld msg="Welcome to Your Vue.js App"/>
3+
<img alt="Vue logo" src="./assets/logo.png" />
4+
<HelloWorld msg="Welcome to Your Vue.js App" />
55
</div>
66
</template>
77

88
<script>
9-
import HelloWorld from './components/HelloWorld.vue'
9+
import HelloWorld from "./components/HelloWorld.vue";
1010
1111
export default {
12-
name: 'App',
12+
name: "App",
1313
components: {
14-
HelloWorld
15-
}
16-
}
14+
HelloWorld,
15+
},
16+
};
1717
</script>
1818

1919
<style>

‎src/components/HelloWorld.vue‎

Lines changed: 74 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -2,41 +2,97 @@
22
<div class="hello">
33
<h1>{{ msg }}</h1>
44
<p>
5-
For a guide and recipes on how to configure / customize this project,<br>
5+
For a guide and recipes on how to configure / customize this project,<br />
66
check out the
7-
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
7+
<a href="https://cli.vuejs.org" target="_blank" rel="noopener"
8+
>vue-cli documentation</a
9+
>.
810
</p>
911
<h3>Installed CLI Plugins</h3>
1012
<ul>
11-
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
12-
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
13+
<li>
14+
<a
15+
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel"
16+
target="_blank"
17+
rel="noopener"
18+
>babel</a
19+
>
20+
</li>
21+
<li>
22+
<a
23+
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint"
24+
target="_blank"
25+
rel="noopener"
26+
>eslint</a
27+
>
28+
</li>
1329
</ul>
1430
<h3>Essential Links</h3>
1531
<ul>
16-
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
17-
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
18-
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
19-
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
20-
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
32+
<li>
33+
<a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>
34+
</li>
35+
<li>
36+
<a href="https://forum.vuejs.org" target="_blank" rel="noopener"
37+
>Forum</a
38+
>
39+
</li>
40+
<li>
41+
<a href="https://chat.vuejs.org" target="_blank" rel="noopener"
42+
>Community Chat</a
43+
>
44+
</li>
45+
<li>
46+
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener"
47+
>Twitter</a
48+
>
49+
</li>
50+
<li>
51+
<a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a>
52+
</li>
2153
</ul>
2254
<h3>Ecosystem</h3>
2355
<ul>
24-
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
25-
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
26-
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
27-
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
28-
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
56+
<li>
57+
<a href="https://router.vuejs.org" target="_blank" rel="noopener"
58+
>vue-router</a
59+
>
60+
</li>
61+
<li>
62+
<a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a>
63+
</li>
64+
<li>
65+
<a
66+
href="https://github.com/vuejs/vue-devtools#vue-devtools"
67+
target="_blank"
68+
rel="noopener"
69+
>vue-devtools</a
70+
>
71+
</li>
72+
<li>
73+
<a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener"
74+
>vue-loader</a
75+
>
76+
</li>
77+
<li>
78+
<a
79+
href="https://github.com/vuejs/awesome-vue"
80+
target="_blank"
81+
rel="noopener"
82+
>awesome-vue</a
83+
>
84+
</li>
2985
</ul>
3086
</div>
3187
</template>
3288

3389
<script>
3490
export default {
35-
name: 'HelloWorld',
91+
name: "HelloWorld",
3692
props: {
37-
msg: String
38-
}
39-
}
93+
msg: String,
94+
},
95+
};
4096
</script>
4197

4298
<!-- Add "scoped" attribute to limit CSS to this component only -->

‎src/main.js‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
import '@babel/polyfill'
2-
import 'mutationobserver-shim'
3-
import Vue from 'vue'
4-
import './plugins/bootstrap-vue'
5-
import App from './App.vue'
1+
import "@babel/polyfill";
2+
import "mutationobserver-shim";
3+
import Vue from "vue";
4+
import "./plugins/bootstrap-vue";
5+
import App from "./App.vue";
66

7-
Vue.config.productionTip = false
7+
Vue.config.productionTip = false;
88

99
new Vue({
10-
render: h => h(App),
11-
}).$mount('#app')
10+
render: (h) => h(App),
11+
}).$mount("#app");

‎src/plugins/bootstrap-vue.js‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import Vue from 'vue'
2-
3-
import BootstrapVue from 'bootstrap-vue'
4-
import 'bootstrap/dist/css/bootstrap.min.css'
5-
import 'bootstrap-vue/dist/bootstrap-vue.css'
6-
7-
Vue.use(BootstrapVue)
1+
import Vue from "vue";
2+
3+
import BootstrapVue from "bootstrap-vue";
4+
import "bootstrap/dist/css/bootstrap.min.css";
5+
import "bootstrap-vue/dist/bootstrap-vue.css";
6+
7+
Vue.use(BootstrapVue);

0 commit comments

Comments
 (0)