Skip to content

Commit 7085a03

Browse files
gent-fella-healthgent-fella-health
committed
Format code with prettier.
1 parent a22d358 commit 7085a03

25 files changed

+5331
-5555
lines changed

‎.eslintrc.json

-31
This file was deleted.

‎.prettierrc

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"printWidth": 120,
3+
"trailingComma": "all",
4+
"singleQuote": true,
5+
"tabWidth": 4
6+
}

‎README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ The project is helpful to start your next project, as it provides a lot of the c
1212
- Bootstrap 5.
1313
- Modules/Components organized across folders.
1414
- Base pages (like Dashboard/404 etc).
15-
- Pre-configured with code quality tools: ESLint, Prettier, TypeScript, Jest, etc.
15+
- Pre-configured with code quality tools: Prettier, TypeScript, Jest, etc.
1616
- Basic tests included.
1717
- [Admin Kit](https://github.com/adminkit/adminkit) included.
1818
- Class based components.

‎package-lock.json

+8-1,164
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+3-11
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
"dev": "vue-cli-service serve",
77
"build": "vue-cli-service build",
88
"test:unit": "vue-cli-service test:unit",
9-
"code:format": "vue-cli-service lint",
10-
"code:check": "vue-cli-service lint --no-fix"
9+
"code:format": "prettier --write \"src/**/*.{ts,css,vue,js,html}\"",
10+
"code:check": "prettier --check \"src/**/*.{ts,css,vue,js,html}\""
1111
},
1212
"dependencies": {
1313
"@fortawesome/fontawesome-free": "^5.15.3",
@@ -20,24 +20,16 @@
2020
},
2121
"devDependencies": {
2222
"@types/jest": "^24.0.19",
23-
"@typescript-eslint/eslint-plugin": "^4.18.0",
24-
"@typescript-eslint/parser": "^4.18.0",
25-
"@vue/cli-plugin-eslint": "~4.5.0",
2623
"@vue/cli-plugin-router": "~4.5.0",
2724
"@vue/cli-plugin-typescript": "~4.5.0",
2825
"@vue/cli-plugin-unit-jest": "~4.5.0",
2926
"@vue/cli-plugin-vuex": "~4.5.0",
3027
"@vue/cli-service": "~4.5.0",
3128
"@vue/compiler-sfc": "^3.0.0",
32-
"@vue/eslint-config-prettier": "^6.0.0",
33-
"@vue/eslint-config-typescript": "^7.0.0",
3429
"@vue/test-utils": "^2.0.0-0",
35-
"eslint": "^6.7.2",
36-
"eslint-plugin-prettier": "^3.3.1",
37-
"eslint-plugin-vue": "^7.0.0",
3830
"less": "^3.0.4",
3931
"less-loader": "^5.0.0",
40-
"prettier": "^2.2.1",
32+
"prettier": "^2.3.1",
4133
"typescript": "~4.1.5",
4234
"vue-jest": "^5.0.0-0"
4335
},

‎src/components/HelloWorld/HelloWorld.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,4 +14,4 @@ li {
1414

1515
a {
1616
color: #42b983;
17-
}
17+
}

‎src/components/HelloWorld/HelloWorld.html

+9-9
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<div class="hello">
2-
<h1>{{ msg }}</h1>
3-
<p>
4-
For a guide and recipes on how to configure / customize this project,<br />
5-
check out the
6-
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
7-
</p>
8-
9-
<h3>Installed CLI Plugins</h3>
10-
</div>
2+
<h1>{{ msg }}</h1>
3+
<p>
4+
For a guide and recipes on how to configure / customize this project,<br />
5+
check out the
6+
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
7+
</p>
8+
9+
<h3>Installed CLI Plugins</h3>
10+
</div>

‎src/components/HelloWorld/HelloWorld.ts

+6-6
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
import { Options, Vue } from "vue-class-component";
1+
import { Options, Vue } from 'vue-class-component';
22

33
@Options({
4-
name: "HelloWroldComponent",
5-
props: {
6-
msg: String,
7-
},
4+
name: 'HelloWroldComponent',
5+
props: {
6+
msg: String,
7+
},
88
})
99
export default class HelloWorld extends Vue {
10-
public msg!: string;
10+
public msg!: string;
1111
}

‎src/components/Navbar/Navbar.html

+47-29
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
<form class="d-none d-sm-inline-block">
77
<div class="input-group input-group-navbar">
8-
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
8+
<input type="text" class="form-control" placeholder="Search…" aria-label="Search" />
99
<button class="btn" type="button">
1010
<i class="align-middle" data-feather="search"></i>
1111
</button>
@@ -22,9 +22,7 @@
2222
</div>
2323
</a>
2424
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end py-0" aria-labelledby="alertsDropdown">
25-
<div class="dropdown-menu-header">
26-
4 New Notifications
27-
</div>
25+
<div class="dropdown-menu-header">4 New Notifications</div>
2826
<div class="list-group">
2927
<a href="#" class="list-group-item">
3028
<div class="row g-0 align-items-center">
@@ -45,8 +43,9 @@
4543
</div>
4644
<div class="col-10">
4745
<div class="text-dark">Lorem ipsum</div>
48-
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit
49-
et.</div>
46+
<div class="text-muted small mt-1">
47+
Aliquam ex eros, imperdiet vulputate hendrerit et.
48+
</div>
5049
<div class="text-muted small mt-1">2h ago</div>
5150
</div>
5251
</div>
@@ -88,20 +87,22 @@
8887
</a>
8988
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end py-0" aria-labelledby="messagesDropdown">
9089
<div class="dropdown-menu-header">
91-
<div class="position-relative">
92-
4 New Messages
93-
</div>
90+
<div class="position-relative">4 New Messages</div>
9491
</div>
9592
<div class="list-group">
9693
<a href="#" class="list-group-item">
9794
<div class="row g-0 align-items-center">
9895
<div class="col-2">
99-
<img src="@/assets/images/avatar-female.png" class="avatar img-fluid rounded-circle"
100-
alt="Vanessa Tucker">
96+
<img
97+
src="@/assets/images/avatar-female.png"
98+
class="avatar img-fluid rounded-circle"
99+
alt="Vanessa Tucker"
100+
/>
101101
</div>
102102
<div class="col-10 ps-2">
103103
<div class="text-dark">Vanessa Tucker</div>
104-
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.
104+
<div class="text-muted small mt-1">
105+
Nam pretium turpis et arcu. Duis arcu tortor.
105106
</div>
106107
<div class="text-muted small mt-1">15m ago</div>
107108
</div>
@@ -110,8 +111,11 @@
110111
<a href="#" class="list-group-item">
111112
<div class="row g-0 align-items-center">
112113
<div class="col-2">
113-
<img src="@/assets/images/avatar-male.png" class="avatar img-fluid rounded-circle"
114-
alt="William Harris">
114+
<img
115+
src="@/assets/images/avatar-male.png"
116+
class="avatar img-fluid rounded-circle"
117+
alt="William Harris"
118+
/>
115119
</div>
116120
<div class="col-10 ps-2">
117121
<div class="text-dark">William Harris</div>
@@ -123,8 +127,11 @@
123127
<a href="#" class="list-group-item">
124128
<div class="row g-0 align-items-center">
125129
<div class="col-2">
126-
<img src="@/assets/images/avatar-female.png" class="avatar img-fluid rounded-circle"
127-
alt="Christina Mason">
130+
<img
131+
src="@/assets/images/avatar-female.png"
132+
class="avatar img-fluid rounded-circle"
133+
alt="Christina Mason"
134+
/>
128135
</div>
129136
<div class="col-10 ps-2">
130137
<div class="text-dark">Christina Mason</div>
@@ -136,13 +143,17 @@
136143
<a href="#" class="list-group-item">
137144
<div class="row g-0 align-items-center">
138145
<div class="col-2">
139-
<img src="@/assets/images/avatar-male.png" class="avatar img-fluid rounded-circle"
140-
alt="Sharon Lessman">
146+
<img
147+
src="@/assets/images/avatar-male.png"
148+
class="avatar img-fluid rounded-circle"
149+
alt="Sharon Lessman"
150+
/>
141151
</div>
142152
<div class="col-10 ps-2">
143153
<div class="text-dark">Sharon Lessman</div>
144-
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac,
145-
mattis non.</div>
154+
<div class="text-muted small mt-1">
155+
Aenean tellus metus, bibendum sed, posuere ac, mattis non.
156+
</div>
146157
<div class="text-muted small mt-1">5h ago</div>
147158
</div>
148159
</div>
@@ -159,22 +170,29 @@
159170
</a>
160171

161172
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-bs-toggle="dropdown">
162-
<img src="@/assets/images/avatar-male.png" class="avatar img-fluid rounded me-1"
163-
alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
173+
<img
174+
src="@/assets/images/avatar-male.png"
175+
class="avatar img-fluid rounded me-1"
176+
alt="Charles Hall"
177+
/>
178+
<span class="text-dark">Charles Hall</span>
164179
</a>
165180
<div class="dropdown-menu dropdown-menu-end">
166181
<a class="dropdown-item" href="#"><i class="align-middle me-1" data-feather="user"></i> Profile</a>
167-
<a class="dropdown-item" href="#"><i class="align-middle me-1" data-feather="pie-chart"></i>
168-
Analytics</a>
182+
<a class="dropdown-item" href="#"
183+
><i class="align-middle me-1" data-feather="pie-chart"></i> Analytics</a
184+
>
169185
<div class="dropdown-divider"></div>
170-
<a class="dropdown-item" href="#"><i class="align-middle me-1" data-feather="settings"></i> Settings
171-
& Privacy</a>
172-
<a class="dropdown-item" href="#"><i class="align-middle me-1" data-feather="help-circle"></i> Help
173-
Center</a>
186+
<a class="dropdown-item" href="#"
187+
><i class="align-middle me-1" data-feather="settings"></i> Settings & Privacy</a
188+
>
189+
<a class="dropdown-item" href="#"
190+
><i class="align-middle me-1" data-feather="help-circle"></i> Help Center</a
191+
>
174192
<div class="dropdown-divider"></div>
175193
<a class="dropdown-item" href="#">Log out</a>
176194
</div>
177195
</li>
178196
</ul>
179197
</div>
180-
</nav>
198+
</nav>

‎src/components/Navbar/Navbar.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import { Options, Vue } from "vue-class-component";
1+
import { Options, Vue } from 'vue-class-component';
22

33
@Options({
4-
name: "NavbarComponent",
4+
name: 'NavbarComponent',
55
})
66
export default class Navbar extends Vue {}

‎src/components/Sidebar/Sidebar.html

+19-12
Original file line numberDiff line numberDiff line change
@@ -5,43 +5,50 @@
55
</a>
66

77
<ul class="sidebar-nav">
8-
<li class="sidebar-header">
9-
Pages
10-
</li>
8+
<li class="sidebar-header">Pages</li>
119

1210
<li class="sidebar-item active">
1311
<router-link :to="{ name: 'admin.dashboard' }" class="sidebar-link">
14-
<i class="fas fa-tachometer-alt align-middle"></i> <span class="align-middle">Dashboard</span>
12+
<i class="fas fa-tachometer-alt align-middle"></i>
13+
<span class="align-middle">Dashboard</span>
1514
</router-link>
1615
</li>
1716

1817
<li class="sidebar-item">
1918
<a data-bs-target="#auth" data-bs-toggle="collapse" class="sidebar-link collapsed">
20-
<i class="fas fa-bars align-middle"></i> <span class="align-middle">Menu Example</span>
19+
<i class="fas fa-bars align-middle"></i>
20+
<span class="align-middle">Menu Example</span>
2121
</a>
22-
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-bs-parent="#sidebar">
23-
<li class="sidebar-item"><a class="sidebar-link" href="#">Menu Example</a></li>
24-
<li class="sidebar-item"><a class="sidebar-link" href="#">Menu Example</a></li>
22+
<ul id="auth" class="sidebar-dropdown list-unstyled collapse" data-bs-parent="#sidebar">
23+
<li class="sidebar-item">
24+
<a class="sidebar-link" href="#">Menu Example</a>
25+
</li>
26+
<li class="sidebar-item">
27+
<a class="sidebar-link" href="#">Menu Example</a>
28+
</li>
2529
</ul>
2630
</li>
2731

2832
<li class="sidebar-item">
2933
<a class="sidebar-link" href="#">
30-
<i class="fas fa-bars align-middle"></i> <span class="align-middle">Menu Example</span>
34+
<i class="fas fa-bars align-middle"></i>
35+
<span class="align-middle">Menu Example</span>
3136
</a>
3237
</li>
3338

3439
<li class="sidebar-item">
3540
<a class="sidebar-link" href="#">
36-
<i class="fas fa-bars align-middle"></i> <span class="align-middle">Menu Example</span>
41+
<i class="fas fa-bars align-middle"></i>
42+
<span class="align-middle">Menu Example</span>
3743
</a>
3844
</li>
3945

4046
<li class="sidebar-item">
4147
<a class="sidebar-link" href="#">
42-
<i class="fas fa-bars align-middle"></i> <span class="align-middle">Menu Example</span>
48+
<i class="fas fa-bars align-middle"></i>
49+
<span class="align-middle">Menu Example</span>
4350
</a>
4451
</li>
4552
</ul>
4653
</div>
47-
</nav>
54+
</nav>

‎src/components/Sidebar/Sidebar.ts

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
import { Options, Vue } from "vue-class-component";
1+
import { Options, Vue } from 'vue-class-component';
22

33
@Options({
4-
name: "SidebarComponent",
4+
name: 'SidebarComponent',
55
})
66
export default class Sidebar extends Vue {
7-
public appName = process.env.VUE_APP_NAME;
7+
public appName = process.env.VUE_APP_NAME;
88
}

0 commit comments

Comments
 (0)