Skip to content

Commit f0f2b5c

Browse files
guillaumeduhanguillaumeduhan
committed
feat: major update on newer version
1 parent 91c15b4 commit f0f2b5c

File tree

22 files changed

+105
-373
lines changed

22 files changed

+105
-373
lines changed

‎.editorconfig‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
[*.{js,jsx,ts,tsx,vue}]
2+
indent_style = space
3+
indent_size = 2
4+
end_of_line = lf
5+
trim_trailing_whitespace = true
6+
insert_final_newline = true
7+
max_line_length = 100

‎.eslintrc.js‎

Lines changed: 12 additions & 143 deletions
Original file line numberDiff line numberDiff line change
@@ -1,146 +1,15 @@
11
module.exports = {
2-
"env": {
3-
"browser": true,
4-
"es6": true,
5-
"node": true
6-
},
7-
"parserOptions": {
8-
"parser": "babel-eslint"
9-
},
10-
"extends": [
11-
"airbnb-base",
12-
"plugin:vue/recommended"
2+
extends: [
3+
// add more generic rulesets here, such as:
4+
'eslint:recommended',
5+
'plugin:vue/vue3-recommended',
6+
'plugin:vue/recommended' // Use this if you are using Vue.js 2.x.
137
],
14-
"rules": {
15-
'semi': [
16-
'warn',
17-
'never',
18-
],
19-
'global-require': 'warn',
20-
'no-prototype-builtins': 'warn',
21-
'no-shadow': 'warn',
22-
'no-cond-assign': ['warn', 'always'],
23-
'no-undef': ['error', { typeof: true }],
24-
'radix': 'warn',
25-
'no-restricted-syntax': [
26-
'warn',
27-
{
28-
selector: 'ForInStatement',
29-
message: 'for..in loops iterate over the entire prototype chain, which is virtually never what you want. Use Object.{keys,values,entries}, and iterate over the resulting array.',
30-
},
31-
{
32-
selector: 'ForOfStatement',
33-
message: 'iterators/generators require regenerator-runtime, which is too heavyweight for this guide to allow them. Separately, loops should be avoided in favor of array iterations.',
34-
},
35-
{
36-
selector: 'LabeledStatement',
37-
message: 'Labels are a form of GOTO; using them makes code confusing and hard to maintain and understand.',
38-
},
39-
{
40-
selector: 'WithStatement',
41-
message: '`with` is disallowed in strict mode because it makes code impossible to predict and optimize.',
42-
},
43-
],
44-
'strict': 'warn',
45-
'lines-around-directive': 'warn',
46-
'indent': [
47-
'warn',
48-
2,
49-
{
50-
MemberExpression: 0,
51-
SwitchCase: 1,
52-
},
53-
],
54-
'newline-per-chained-call': 'off',
55-
'comma-dangle': [
56-
'warn',
57-
'always-multiline',
58-
],
59-
'import/no-extraneous-dependencies': 'off',
60-
'import/newline-after-import': 'off',
61-
'import/no-dynamic-require': 'off',
62-
'camelcase': 'off',
63-
'func-names': 'off',
64-
'arrow-parens': [
65-
'warn',
66-
'always',
67-
],
68-
'prefer-const': 'warn',
69-
'quotes': [
70-
'warn',
71-
'single',
72-
{
73-
avoidEscape: true,
74-
allowTemplateLiterals: true,
75-
},
76-
],
77-
'max-len': [
78-
'warn',
79-
{
80-
code: 200,
81-
},
82-
],
83-
'arrow-body-style': 'off',
84-
'new-cap': 'warn',
85-
'no-param-reassign': [
86-
'warn',
87-
{ props: false },
88-
],
89-
'no-unused-vars': [
90-
'warn',
91-
{ args: 'none' },
92-
],
93-
'consistent-return': 'off',
94-
'no-loop-func': 'warn',
95-
'default-case': 'warn',
96-
'no-plusplus': [
97-
'warn',
98-
{ allowForLoopAfterthoughts: true },
99-
],
100-
'no-underscore-dangle': 'off',
101-
'no-extend-native': 'off',
102-
'no-restricted-properties': [
103-
'warn',
104-
{
105-
object: 'arguments',
106-
property: 'callee',
107-
message: 'arguments.callee is deprecated',
108-
},
109-
{
110-
property: '__defineGetter__',
111-
message: 'Please use Object.defineProperty instead.',
112-
},
113-
{
114-
property: '__defineSetter__',
115-
message: 'Please use Object.defineProperty instead.',
116-
},
117-
],
118-
'brace-style': 'off',
119-
'quote-props': [
120-
'warn',
121-
'consistent-as-needed',
122-
],
123-
'no-multiple-empty-lines': [
124-
'warn',
125-
{
126-
max: 3,
127-
maxEOF: 0,
128-
maxBOF: 0,
129-
},
130-
],
131-
'no-use-before-define': [
132-
'error',
133-
{
134-
functions: false, // Function declarations are hoisted, so it’s safe
135-
classes: true, // Class declarations are not hoisted, so it might be danger
136-
variables: true,
137-
},
138-
],
139-
'one-var': [
140-
'warn',
141-
'never',
142-
],
143-
"no-console": "off",
144-
"import/no-unresolved": "off"
8+
rules: {
9+
// override/add rules settings here, such as:
10+
// 'vue/no-unused-vars': 'error'
11+
'vue/singleline-html-element-content-newline': 'off',
12+
'vue/multiline-html-element-content-newline': 'off',
13+
'vue/component-definition-name-casing': 'off'
14514
}
146-
}
15+
}

‎.stylelintrc‎

Lines changed: 0 additions & 31 deletions
This file was deleted.

‎README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
# Vue/Bootstrap Boilerplate
22

33
🦾 Starter boilerplate with Vue.js & Bootstrap\
4-
📦 Vue.js 3, Bootstrap 4, Vuex, Vue-Router, Sass/Scss, ESLint, Axios\
5-
⌚ Last update: 11/4/2020
4+
📦 Vue, Bootstrap 4, Vuex, Vue-Router, Sass/Scss, ESLint, Axios\
5+
⌚ Last update: 6/20/2021
66

77
![logo](https://repository-images.githubusercontent.com/217154004/11cb2b80-1edf-11eb-95b8-5b50543ffe63)
88

‎babel.config.js‎

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

‎package.json‎

Lines changed: 38 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,44 @@
11
{
22
"name": "vue-bootstrap-boilerplate",
3-
"version": "2.0.0",
4-
"author": "Guillaume Duhan",
5-
"contributors": [
6-
"kaangokdemir",
7-
"malinsdd"
8-
],
9-
"main": "server.js",
3+
"version": "2.1.0",
4+
"private": false,
105
"description": "Vue-Cli-3, Vuex, Vue-Router, Bootstrap 4, Babel, ESLint, Axios, SCSS and Pug/HTML boilerplate.",
11-
"private": true,
6+
"author": "Guillaume Duhan",
127
"scripts": {
13-
"dev": "vue-cli-service serve",
148
"serve": "vue-cli-service serve",
159
"build": "vue-cli-service build",
1610
"test:unit": "vue-cli-service test:unit",
17-
"lint": "stylelint '**/*.vue' '**/*.scss' --fix scss"
11+
"lint": "vue-cli-service lint",
12+
"dev": "vue-cli-service serve"
1813
},
1914
"dependencies": {
20-
"@vue/eslint-config-airbnb": "^4.0.1",
21-
"axios": "^0.19.0",
22-
"bootstrap": "^4.3.1",
15+
"@vue/eslint-config-airbnb": "^5.3.0",
16+
"axios": "^0.21.1",
17+
"bootstrap": "^5.0.1",
2318
"bootstrap-vue": "^2.21.2",
24-
"core-js": "^3.1.2",
25-
"node-sass": "^4.13.0",
26-
"vue": "^2.6.10",
27-
"vue-router": "^3.0.6",
28-
"vuex": "^3.0.1"
19+
"core-js": "^3.14.0",
20+
"mini-css-extract-plugin": "^1.6.0",
21+
"node-sass": "^6.0.0",
22+
"vue": "^2.6.14",
23+
"vue-router": "^3.5.1",
24+
"vuex": "^3.6.2"
2925
},
3026
"devDependencies": {
31-
"@vue/cli-plugin-babel": "^4.0.0",
32-
"@vue/cli-plugin-unit-jest": "^4.0.0",
33-
"@vue/cli-service": "^4.0.0",
34-
"@vue/test-utils": "1.0.0-beta.29",
35-
"babel-eslint": "^10.0.3",
36-
"babel-preset-airbnb": "^4.1.0",
37-
"eslint": "^6.5.1",
38-
"eslint-config-airbnb-base": "^14.0.0",
39-
"eslint-plugin-import": "^2.18.2",
40-
"eslint-plugin-vue": "^5.2.3",
41-
"pug-plain-loader": "^1.0.0",
42-
"sass-loader": "^8.0.0",
43-
"stylelint-config-standard": "^19.0.0",
44-
"stylelint-processor-html": "^1.0.0",
45-
"vue-template-compiler": "^2.6.10"
27+
"@vue/cli-plugin-babel": "^4.5.13",
28+
"@vue/cli-plugin-eslint": "~4.5.0",
29+
"@vue/cli-plugin-unit-jest": "^4.5.13",
30+
"@vue/cli-service": "^4.5.13",
31+
"@vue/eslint-config-airbnb": "^5.0.2",
32+
"@vue/test-utils": "1.2.1",
33+
"babel-eslint": "^10.1.0",
34+
"babel-preset-airbnb": "^5.0.0",
35+
"eslint": "^7.29.0",
36+
"eslint-config-airbnb-base": "^14.2.1",
37+
"eslint-plugin-import": "^2.23.4",
38+
"eslint-plugin-vue": "^7.11.1",
39+
"pug-plain-loader": "^1.1.0",
40+
"sass-loader": "^10.0.0",
41+
"vue-template-compiler": "^2.6.14"
4642
},
4743
"postcss": {
4844
"plugins": {
@@ -55,5 +51,13 @@
5551
],
5652
"jest": {
5753
"preset": "@vue/cli-plugin-unit-jest"
58-
}
54+
},
55+
"nohoist": [
56+
"**/@vue/cli-plugin-eslint",
57+
"**/@vue/cli-plugin-eslint/**"
58+
],
59+
"contributors": [
60+
"kaangokdemir",
61+
"malinsdd"
62+
]
5963
}

‎src/App.vue‎

Lines changed: 5 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,7 @@
11
<template>
2-
<div id="app">
3-
<div class="container d-flex justify-content-center align-items-center">
4-
<router-view></router-view>
5-
</div>
6-
</div>
2+
<div id="app">
3+
<div class="container d-flex justify-content-center align-items-center">
4+
<router-view />
5+
</div>
6+
</div>
77
</template>
8-
9-
<style lang="scss">
10-
#app {
11-
font-family: "Avenir", Helvetica, Arial, sans-serif;
12-
-webkit-font-smoothing: antialiased;
13-
-moz-osx-font-smoothing: grayscale;
14-
text-align: center;
15-
color: #2c3e50;
16-
min-height: 100vh;
17-
18-
.container {
19-
min-height: 100vh;
20-
}
21-
}
22-
</style>

‎src/components/NotFound.vue‎

Lines changed: 5 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,11 @@
11
<template>
2-
<div id="NotFound">
3-
<h1>Error 404 - not found.</h1>
4-
</div>
2+
<div id="NotFound">
3+
<h1>Error 404 - not found.</h1>
4+
</div>
55
</template>
66

77
<script>
88
export default {
9-
name: "NotFound"
10-
};
11-
</script>
12-
13-
<style lang="scss">
14-
#NotFound {
9+
name: 'NotFound'
1510
}
16-
</style>
11+
</script>

‎src/main.js‎

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,15 @@
11
import Vue from 'vue'
2-
import BootstrapVue from 'bootstrap-vue'
2+
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
33
import App from './App.vue'
44
import router from './router'
5-
import store from './store'
65

7-
Vue.use(BootstrapVue)
6+
import 'bootstrap/dist/css/bootstrap.css'
7+
import 'bootstrap-vue/dist/bootstrap-vue.css'
88

9-
Vue.config.productionTip = false
10-
Vue.prototype.$log = console.log
9+
Vue.use(BootstrapVue)
10+
Vue.use(IconsPlugin)
1111

1212
new Vue({
1313
router,
14-
store,
15-
render: (h) => h(App),
14+
render: (h) => h(App)
1615
}).$mount('#app')

0 commit comments

Comments
 (0)