Skip to content

Commit 01a4d4a

Browse files
lulunac27alulunac27a
committed
Add Prettier and format code
1 parent c46d0a5 commit 01a4d4a

File tree

15 files changed

+1563
-1446
lines changed

15 files changed

+1563
-1446
lines changed

‎.prettierrc

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"tabWidth": 4,
3+
"printWidth": 80
4+
}

‎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+
};

‎lint-staged.config.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
module.exports = {
2-
"*.{js,jsx,vue,ts,tsx}": "vue-cli-service lint",
2+
"*.{js,jsx,vue,ts,tsx}": "vue-cli-service lint",
33
};

‎package.json

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,38 @@
11
{
2-
"name": "task-list-application-typescript",
3-
"version": "2.1.0",
4-
"private": true,
5-
"scripts": {
6-
"serve": "vue-cli-service serve",
7-
"build": "vue-cli-service build",
8-
"lint": "vue-cli-service lint"
9-
},
10-
"dependencies": {
11-
"@vue/cli": "^5.0.8",
12-
"core-js": "^3.8.3",
13-
"html-webpack-plugin": "^5.6.0",
14-
"vue": "^3.4.15",
15-
"vue-ellipse-progress": "^2.1.2",
16-
"vuex": "^4.1.0",
17-
"vuex-persistedstate": "^4.1.0"
18-
},
19-
"devDependencies": {
20-
"@typescript-eslint/eslint-plugin": "^8.8.0",
21-
"@typescript-eslint/parser": "^8.8.0",
22-
"@vue/cli-plugin-babel": "~5.0.0",
23-
"@vue/cli-plugin-eslint": "~5.0.0",
24-
"@vue/cli-plugin-typescript": "~5.0.0",
25-
"@vue/cli-plugin-vuex": "~5.0.0",
26-
"@vue/cli-service": "^5.0.8",
27-
"@vue/eslint-config-typescript": "^14.3.0",
28-
"eslint": "^9.18.0",
29-
"eslint-plugin-vue": "^10.0.0",
30-
"lint-staged": "^16.0.0",
31-
"sass": "^1.32.7",
32-
"sass-loader": "^16.0.1",
33-
"typescript": "~5.8.2"
34-
},
35-
"gitHooks": {
36-
"pre-commit": "lint-staged"
37-
}
38-
}
2+
"name": "task-list-application-typescript",
3+
"version": "2.1.0",
4+
"private": true,
5+
"scripts": {
6+
"serve": "vue-cli-service serve",
7+
"build": "vue-cli-service build",
8+
"lint": "vue-cli-service lint"
9+
},
10+
"dependencies": {
11+
"@vue/cli": "^5.0.8",
12+
"core-js": "^3.8.3",
13+
"html-webpack-plugin": "^5.6.0",
14+
"vue": "^3.4.15",
15+
"vue-ellipse-progress": "^2.1.2",
16+
"vuex": "^4.1.0",
17+
"vuex-persistedstate": "^4.1.0"
18+
},
19+
"devDependencies": {
20+
"@typescript-eslint/eslint-plugin": "^8.8.0",
21+
"@typescript-eslint/parser": "^8.8.0",
22+
"@vue/cli-plugin-babel": "~5.0.0",
23+
"@vue/cli-plugin-eslint": "~5.0.0",
24+
"@vue/cli-plugin-typescript": "~5.0.0",
25+
"@vue/cli-plugin-vuex": "~5.0.0",
26+
"@vue/cli-service": "^5.0.8",
27+
"@vue/eslint-config-typescript": "^14.3.0",
28+
"eslint": "^9.18.0",
29+
"eslint-plugin-vue": "^10.0.0",
30+
"lint-staged": "^16.0.0",
31+
"sass": "^1.32.7",
32+
"sass-loader": "^16.0.1",
33+
"typescript": "~5.8.2"
34+
},
35+
"gitHooks": {
36+
"pre-commit": "lint-staged"
37+
}
38+
}

‎public/index.html

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
<!doctype html>
22
<html lang="en">
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>Gamification Task List with Vue and TypeScript</title>
9-
</head>
10-
<body>
11-
<noscript>
12-
<strong
13-
>We're sorry: <%= htmlWebpackPlugin.options.title %> doesn't work
14-
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>
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>Gamification Task List with Vue and TypeScript</title>
9+
</head>
10+
<body>
11+
<noscript>
12+
<strong
13+
>We're sorry: <%= 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>
2121
</html>

‎src/App.scss

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
#app {
2-
font-family: Avenir, Helvetica, Arial, system-ui, sans-serif; //set default font family to Avenir or system-ui or sans-serif font
3-
font-variant-numeric: tabular-nums; //set numeric values to tabular numerals
4-
-webkit-font-smoothing: antialiased; //set font smoothing to antialiased text in WebKit browsers
5-
-moz-osx-font-smoothing: grayscale; //set font smoothing to grayscale in Firefox browsers
6-
text-align: center; //center the text display content
7-
color: #204060; //set text color to dark blue
8-
margin-top: 50px; //set top margin to 50 pixels
2+
font-family:
3+
Avenir, Helvetica, Arial, system-ui, sans-serif; //set default font family to Avenir or system-ui or sans-serif font
4+
font-variant-numeric: tabular-nums; //set numeric values to tabular numerals
5+
-webkit-font-smoothing: antialiased; //set font smoothing to antialiased text in WebKit browsers
6+
-moz-osx-font-smoothing: grayscale; //set font smoothing to grayscale in Firefox browsers
7+
text-align: center; //center the text display content
8+
color: #204060; //set text color to dark blue
9+
margin-top: 50px; //set top margin to 50 pixels
910
}

‎src/App.vue

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
11
<template>
2-
<img alt="Vue logo" src="./assets/logo.png" />
3-
<div>
4-
<h1>Task List Application using Vue, TypeScript and Vuex</h1>
5-
<p>
6-
This is a task list application using Vue, TypeScript, and Vuex with SCSS
7-
styles. It supports gamification like levels and experience points (XP).
8-
</p>
9-
<NewTask />
10-
<TaskList />
11-
</div>
2+
<img alt="Vue logo" src="./assets/logo.png" />
3+
<div>
4+
<h1>Task List Application using Vue, TypeScript and Vuex</h1>
5+
<p>
6+
This is a task list application using Vue, TypeScript, and Vuex with
7+
SCSS styles. It supports gamification like levels and experience
8+
points (XP).
9+
</p>
10+
<NewTask />
11+
<TaskList />
12+
</div>
1213
</template>
1314

1415
<script lang="ts">
@@ -17,11 +18,11 @@ import NewTask from "./components/NewTask.vue";
1718
import TaskList from "./components/TaskList.vue";
1819
1920
export default defineComponent({
20-
name: "App",
21-
components: {
22-
NewTask,
23-
TaskList,
24-
},
21+
name: "App",
22+
components: {
23+
NewTask,
24+
TaskList,
25+
},
2526
});
2627
</script>
2728

0 commit comments

Comments
 (0)