Skip to content

Commit f905a6a

Browse files
zlrundefinedzlrundefined
committed
Code cleanup
1 parent 20773df commit f905a6a

File tree

9 files changed

+84
-76
lines changed

9 files changed

+84
-76
lines changed

‎README.md

+5
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,29 @@
11
# Clean Vue.js & TailwindCSS Portfolio Template
22

33
## Project setup
4+
45
```
56
npm install
67
```
78

89
### Compiles and hot-reloads for development
10+
911
```
1012
npm run serve
1113
```
1214

1315
### Compiles and minifies for production
16+
1417
```
1518
npm run build
1619
```
1720

1821
### Lints and fixes files
22+
1923
```
2024
npm run lint
2125
```
2226

2327
### Customize configuration
28+
2429
See [Configuration Reference](https://cli.vuejs.org/config/).

‎babel.config.js

+2-4
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+
};

‎postcss.config.js

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
module.exports = {
2-
plugins: {
3-
tailwindcss: {},
4-
autoprefixer: {}
5-
}
6-
}
2+
plugins: {
3+
tailwindcss: {},
4+
autoprefixer: {},
5+
},
6+
};

‎public/index.html

+18-14
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,21 @@
11
<!DOCTYPE html>
22
<html lang="">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width,initial-scale=1.0">
7-
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
8-
<title><%= htmlWebpackPlugin.options.title %></title>
9-
</head>
10-
<body>
11-
<noscript>
12-
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13-
</noscript>
14-
<div id="app"></div>
15-
<!-- built files will be auto injected -->
16-
</body>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
7+
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
8+
<title><%= htmlWebpackPlugin.options.title %></title>
9+
</head>
10+
<body>
11+
<noscript>
12+
<strong
13+
>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't
14+
work properly without JavaScript enabled. Please enable it to
15+
continue.</strong
16+
>
17+
</noscript>
18+
<div id="app"></div>
19+
<!-- built files will be auto injected -->
20+
</body>
1721
</html>

‎src/App.vue

+28-29
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,39 @@
11
<template>
2-
<!-- Header Start -->
3-
<Header></Header>
2+
<!-- Header Start -->
3+
<Header></Header>
44

5-
<!-- Render Active Component Contents Start -->
6-
<router-view/>
7-
8-
<!-- Footer Start -->
9-
<Footer></Footer>
5+
<!-- Render Active Component Contents Start -->
6+
<router-view />
107

8+
<!-- Footer Start -->
9+
<Footer></Footer>
1110
</template>
1211

1312
<script>
14-
import feather from 'feather-icons'
15-
import Header from './components/shared/Header';
16-
import Footer from './components/shared/Footer';
13+
import feather from 'feather-icons';
14+
import Header from './components/shared/Header';
15+
import Footer from './components/shared/Footer';
1716
18-
export default {
19-
components: {
20-
Header,
21-
Footer
22-
},
23-
mounted() {
24-
feather.replace();
25-
},
26-
updated() {
27-
feather.replace();
28-
}
29-
}
17+
export default {
18+
components: {
19+
Header,
20+
Footer,
21+
},
22+
mounted() {
23+
feather.replace();
24+
},
25+
updated() {
26+
feather.replace();
27+
},
28+
};
3029
</script>
3130

3231
<style>
33-
#app {
34-
font-family: Avenir, Helvetica, Arial, sans-serif;
35-
-webkit-font-smoothing: antialiased;
36-
-moz-osx-font-smoothing: grayscale;
37-
text-align: center;
38-
color: #2c3e50;
39-
}
32+
#app {
33+
font-family: Avenir, Helvetica, Arial, sans-serif;
34+
-webkit-font-smoothing: antialiased;
35+
-moz-osx-font-smoothing: grayscale;
36+
text-align: center;
37+
color: #2c3e50;
38+
}
4039
</style>

‎src/assets/css/app.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/***
1+
/*==
22
* Vuejs & TailwindCSS Portfolio Main Styling CSS File
33
* Powered by: @NangialaiStoman
4-
*/
4+
*/

‎src/main.js

+9-7
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
1-
import { createApp } from 'vue'
2-
import App from './App.vue'
3-
import router from './router'
4-
import './assets/css/tailwind.css'
1+
import { createApp } from 'vue';
2+
import App from './App.vue';
3+
import router from './router';
4+
import './assets/css/tailwind.css';
55

6-
const feather = require('feather-icons')
7-
feather.replace()
6+
const feather = require('feather-icons');
7+
feather.replace();
88

9-
createApp(App).use(router).mount('#app')
9+
createApp(App)
10+
.use(router)
11+
.mount('#app');

‎src/router/index.js

+5-5
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ const routes = [
77
name: 'Home',
88
component: Home,
99
meta: {
10-
title: 'Home',
10+
title: 'Stoman - Home',
1111
},
1212
},
1313
{
@@ -19,7 +19,7 @@ const routes = [
1919
component: () =>
2020
import(/* webpackChunkName: "about" */ '../components/About.vue'),
2121
meta: {
22-
title: 'About',
22+
title: 'Stoman - About',
2323
},
2424
},
2525
{
@@ -33,7 +33,7 @@ const routes = [
3333
/* webpackChunkName: "projects" */ '../components/Projects.vue'
3434
),
3535
meta: {
36-
title: 'Projects',
36+
title: 'Stoman - Projects',
3737
},
3838
},
3939
{
@@ -47,7 +47,7 @@ const routes = [
4747
/* webpackChunkName: "projects" */ '../components/SingleProject.vue'
4848
),
4949
meta: {
50-
title: 'Single Project',
50+
title: 'Stoman - Single Project',
5151
},
5252
},
5353
{
@@ -61,7 +61,7 @@ const routes = [
6161
/* webpackChunkName: "projects" */ '../components/Contact.vue'
6262
),
6363
meta: {
64-
title: 'Contact',
64+
title: 'Stoman - Contact',
6565
},
6666
},
6767
];

‎tailwind.config.js

+10-10
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
module.exports = {
2-
purge: { content: ['./public/**/*.html', './src/**/*.vue'] },
3-
darkMode: false, // or 'media' or 'class'
4-
theme: {
5-
extend: {},
6-
},
7-
variants: {
8-
extend: {},
9-
},
10-
plugins: [],
11-
}
2+
purge: { content: ['./public/**/*.html', './src/**/*.vue'] },
3+
darkMode: false, // or 'media' or 'class'
4+
theme: {
5+
extend: {},
6+
},
7+
variants: {
8+
extend: {},
9+
},
10+
plugins: [],
11+
};

0 commit comments

Comments
 (0)