Skip to content

Commit ea89fd3

Browse files
committed
init
1 parent ca875ea commit ea89fd3

File tree

7 files changed

+123
-55
lines changed

7 files changed

+123
-55
lines changed

.eslintrc.js

+11-11
Original file line numberDiff line numberDiff line change
@@ -3,29 +3,29 @@ module.exports = {
33
env: {
44
node: true
55
},
6-
'extends': [
7-
'plugin:vue/vue3-essential',
8-
'eslint:recommended',
9-
'@vue/typescript/recommended',
10-
'@vue/prettier',
11-
'@vue/prettier/@typescript-eslint'
6+
extends: [
7+
"plugin:vue/vue3-essential",
8+
"eslint:recommended",
9+
"@vue/typescript/recommended",
10+
"@vue/prettier",
11+
"@vue/prettier/@typescript-eslint"
1212
],
1313
parserOptions: {
1414
ecmaVersion: 2020
1515
},
1616
rules: {
17-
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
18-
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
17+
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
18+
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off"
1919
},
2020
overrides: [
2121
{
2222
files: [
23-
'**/__tests__/*.{j,t}s?(x)',
24-
'**/tests/unit/**/*.spec.{j,t}s?(x)'
23+
"**/__tests__/*.{j,t}s?(x)",
24+
"**/tests/unit/**/*.spec.{j,t}s?(x)"
2525
],
2626
env: {
2727
jest: true
2828
}
2929
}
3030
]
31-
}
31+
};

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

jest.config.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
module.exports = {
2-
preset: '@vue/cli-plugin-unit-jest/presets/typescript-and-babel',
2+
preset: "@vue/cli-plugin-unit-jest/presets/typescript-and-babel",
33
transform: {
4-
'^.+\\.vue$': 'vue-jest'
4+
"^.+\\.vue$": "vue-jest"
55
}
6-
}
6+
};

src/App.vue

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
<template>
2-
<img alt="Vue logo" src="./assets/logo.png">
3-
<HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
2+
<img alt="Vue logo" src="./assets/logo.png" />
3+
<HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
44
</template>
55

66
<script lang="ts">
7-
import { defineComponent } from 'vue';
8-
import HelloWorld from './components/HelloWorld.vue';
7+
import { defineComponent } from "vue";
8+
import HelloWorld from "./components/HelloWorld.vue";
99
1010
export default defineComponent({
11-
name: 'App',
11+
name: "App",
1212
components: {
1313
HelloWorld
1414
}

src/components/HelloWorld.vue

+90-20
Original file line numberDiff line numberDiff line change
@@ -2,44 +2,114 @@
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-typescript" target="_blank" rel="noopener">typescript</a></li>
13-
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
14-
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-unit-jest" target="_blank" rel="noopener">unit-jest</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-typescript"
24+
target="_blank"
25+
rel="noopener"
26+
>typescript</a
27+
>
28+
</li>
29+
<li>
30+
<a
31+
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint"
32+
target="_blank"
33+
rel="noopener"
34+
>eslint</a
35+
>
36+
</li>
37+
<li>
38+
<a
39+
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-unit-jest"
40+
target="_blank"
41+
rel="noopener"
42+
>unit-jest</a
43+
>
44+
</li>
1545
</ul>
1646
<h3>Essential Links</h3>
1747
<ul>
18-
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
19-
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
20-
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
21-
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
22-
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
48+
<li>
49+
<a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>
50+
</li>
51+
<li>
52+
<a href="https://forum.vuejs.org" target="_blank" rel="noopener"
53+
>Forum</a
54+
>
55+
</li>
56+
<li>
57+
<a href="https://chat.vuejs.org" target="_blank" rel="noopener"
58+
>Community Chat</a
59+
>
60+
</li>
61+
<li>
62+
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener"
63+
>Twitter</a
64+
>
65+
</li>
66+
<li>
67+
<a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a>
68+
</li>
2369
</ul>
2470
<h3>Ecosystem</h3>
2571
<ul>
26-
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
27-
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
28-
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
29-
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
30-
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
72+
<li>
73+
<a href="https://router.vuejs.org" target="_blank" rel="noopener"
74+
>vue-router</a
75+
>
76+
</li>
77+
<li>
78+
<a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a>
79+
</li>
80+
<li>
81+
<a
82+
href="https://github.com/vuejs/vue-devtools#vue-devtools"
83+
target="_blank"
84+
rel="noopener"
85+
>vue-devtools</a
86+
>
87+
</li>
88+
<li>
89+
<a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener"
90+
>vue-loader</a
91+
>
92+
</li>
93+
<li>
94+
<a
95+
href="https://github.com/vuejs/awesome-vue"
96+
target="_blank"
97+
rel="noopener"
98+
>awesome-vue</a
99+
>
100+
</li>
31101
</ul>
32102
</div>
33103
</template>
34104

35105
<script lang="ts">
36-
import { defineComponent } from 'vue';
106+
import { defineComponent } from "vue";
37107
38108
export default defineComponent({
39-
name: 'HelloWorld',
109+
name: "HelloWorld",
40110
props: {
41-
msg: String,
42-
},
111+
msg: String
112+
}
43113
});
44114
</script>
45115

src/main.ts

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { createApp } from 'vue'
2-
import App from './App.vue'
1+
import { createApp } from "vue";
2+
import App from "./App.vue";
33

4-
createApp(App).mount('#app')
4+
createApp(App).mount("#app");

tests/unit/example.spec.ts

+9-9
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
import { shallowMount } from '@vue/test-utils'
2-
import HelloWorld from '@/components/HelloWorld.vue'
1+
import { shallowMount } from "@vue/test-utils";
2+
import HelloWorld from "@/components/HelloWorld.vue";
33

4-
describe('HelloWorld.vue', () => {
5-
it('renders props.msg when passed', () => {
6-
const msg = 'new message'
4+
describe("HelloWorld.vue", () => {
5+
it("renders props.msg when passed", () => {
6+
const msg = "new message";
77
const wrapper = shallowMount(HelloWorld, {
88
props: { msg }
9-
})
10-
expect(wrapper.text()).toMatch(msg)
11-
})
12-
})
9+
});
10+
expect(wrapper.text()).toMatch(msg);
11+
});
12+
});

0 commit comments

Comments
 (0)