├── .babelrc
├── .editorconfig
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .idea
├── eslint-prettier-vue-demo.iml
├── inspectionProfiles
│ └── Project_Default.xml
├── misc.xml
├── modules.xml
├── vcs.xml
└── workspace.xml
├── .postcssrc.js
├── .vscode
└── settings.json
├── README.md
├── build
├── build.js
├── check-versions.js
├── logo.png
├── utils.js
├── vue-loader.conf.js
├── webpack.base.conf.js
├── webpack.dev.conf.js
├── webpack.prod.conf.js
└── webpack.test.conf.js
├── config
├── dev.env.js
├── index.js
├── prod.env.js
└── test.env.js
├── index.html
├── package-lock.json
├── package.json
├── src
├── App.vue
└── main.js
├── static
└── .gitkeep
├── test
├── .eslintrc.json
├── __mocks__
│ └── styleMock.js
├── snapshots
│ ├── .eslintrc.json
│ ├── jest.conf.js
│ └── setup.js
└── unit
│ ├── .eslintrc.js
│ ├── index.js
│ ├── karma.conf.js
│ └── specs
│ └── test.spec.js
└── yarn.lock
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | ["env", {
4 | "modules": false,
5 | "targets": {
6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
7 | }
8 | }],
9 | "stage-2"
10 | ],
11 | "plugins": ["transform-vue-jsx", "transform-runtime"],
12 | "env": {
13 | "test": {
14 | "presets": ["env", "stage-2"],
15 | "plugins": ["transform-vue-jsx", "istanbul"]
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | charset = utf-8
5 | indent_style = space
6 | indent_size = 2
7 | end_of_line = lf
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | /build/
2 | /config/
3 | /dist/
4 | /test/unit/coverage/
5 |
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | // http://eslint.org/docs/user-guide/configuring
2 |
3 | module.exports = {
4 | root: true,
5 | parserOptions: {
6 | sourceType: "module",
7 | parser: "babel-eslint"
8 | },
9 | env: {
10 | browser: true
11 | },
12 | // https://github.com/standard/eslint-config-standard
13 | // https://github.com/prettier/eslint-config-prettier
14 | // https://github.com/vuejs/eslint-plugin-vue
15 | extends: ["prettier", "prettier/standard", "plugin:vue/recommended"],
16 | // vue required to lint *.vue files
17 | // https://github.com/vuejs/eslint-plugin-vue
18 | // https://github.com/prettier/eslint-plugin-prettier
19 | plugins: ["vue", "prettier"],
20 | rules: {
21 | "prettier/prettier": "error"
22 | }
23 | };
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | dist/
4 | npm-debug.log
5 | test/unit/coverage
6 | linters/
7 |
--------------------------------------------------------------------------------
/.idea/eslint-prettier-vue-demo.iml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/.idea/inspectionProfiles/Project_Default.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/.idea/workspace.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
47 |
48 |
49 |
55 |
56 |
57 |
58 |
59 | true
60 | DEFINITION_ORDER
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 | {{ title }}
3 |
4 |
15 |
16 |
23 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | // The Vue build version to load with the `import` command
2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
3 | import Vue from "vue";
4 | import App from "./App";
5 |
6 | Vue.config.productionTip = false;
7 |
8 | new Vue({
9 | el: "#app",
10 | components: { App },
11 | template: ""
12 | });
13 |
--------------------------------------------------------------------------------
/static/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/doppelmutzi/eslint-prettier-vue-demo/fd6238616958fcfa62b7efd8d3e3ff06b17eda71/static/.gitkeep
--------------------------------------------------------------------------------
/test/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "mocha": true,
4 | "jest": true
5 | },
6 | "globals": {
7 | "expect": true,
8 | "sinon": true
9 | }
10 | }
--------------------------------------------------------------------------------
/test/__mocks__/styleMock.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/doppelmutzi/eslint-prettier-vue-demo/fd6238616958fcfa62b7efd8d3e3ff06b17eda71/test/__mocks__/styleMock.js
--------------------------------------------------------------------------------
/test/snapshots/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "jest": true
4 | }
5 | }
--------------------------------------------------------------------------------
/test/snapshots/jest.conf.js:
--------------------------------------------------------------------------------
1 | const path = require("path");
2 |
3 | module.exports = {
4 | rootDir: path.resolve(__dirname, "../../"),
5 | moduleFileExtensions: ["js", "json", "vue"],
6 | moduleNameMapper: {
7 | "^@/(.*)$": "/src/$1",
8 | "^.+\\.(css|scss)$": "/test/__mocks__/styleMock.js"
9 | },
10 | transform: {
11 | "^.+\\.js$": "/node_modules/babel-jest",
12 | ".*\\.(vue)$": "/node_modules/vue-jest"
13 | },
14 | snapshotSerializers: ["/node_modules/jest-serializer-vue"],
15 | setupFiles: ["/test/snapshots/setup"],
16 | mapCoverage: true,
17 | coverageDirectory: "/test/snapshots/coverage",
18 | collectCoverageFrom: [
19 | "src/**/*.{js,vue}",
20 | "!src/main.js",
21 | "!**/node_modules/**"
22 | ],
23 | testMatch: ["/test/snapshots/*.jest.js"]
24 | };
25 |
--------------------------------------------------------------------------------
/test/snapshots/setup.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 |
3 | Vue.config.productionTip = false;
4 |
--------------------------------------------------------------------------------
/test/unit/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | parserOptions: {
4 | sourceType: "module",
5 | parser: "babel-eslint"
6 | },
7 | env: {
8 | mocha: true,
9 | jest: true
10 | },
11 | globals: {
12 | expect: true,
13 | sinon: true
14 | }
15 | };
--------------------------------------------------------------------------------
/test/unit/index.js:
--------------------------------------------------------------------------------
1 | // Polyfill fn.bind() for PhantomJS
2 | /* eslint-disable no-extend-native */
3 | Function.prototype.bind = require("function-bind");
4 |
5 | // require all test files (files that ends with .spec.js)
6 | const testsContext = require.context("./specs", true, /\.spec$/);
7 | testsContext.keys().forEach(testsContext);
8 |
9 | // require all src files except main.js for coverage.
10 | // cover only js files and vue files (e.g., no scss files)
11 | const srcContext = require.context(
12 | "../../src",
13 | true,
14 | /^\.\/(?!main\.js$).+\.(js|vue)$/i
15 | );
16 | srcContext.keys().forEach(srcContext);
17 |
--------------------------------------------------------------------------------
/test/unit/karma.conf.js:
--------------------------------------------------------------------------------
1 | // This is a karma config file. For more details see
2 | // http://karma-runner.github.io/0.13/config/configuration-file.html
3 | // we are also using it with karma-webpack
4 | // https://github.com/webpack/karma-webpack
5 |
6 | var webpackConfig = require("../../build/webpack.test.conf");
7 |
8 | module.exports = function(config) {
9 | config.set({
10 | // to run in additional browsers:
11 | // 1. install corresponding karma launcher
12 | // http://karma-runner.github.io/0.13/config/browsers.html
13 | // 2. add it to the `browsers` array below.
14 | browsers: ["PhantomJS"],
15 | frameworks: ["mocha", "sinon-chai"],
16 | reporters: ["spec", "coverage"],
17 | files: ["../../node_modules/babel-polyfill/dist/polyfill.js", "./index.js"],
18 | preprocessors: {
19 | "./index.js": ["webpack", "sourcemap"]
20 | },
21 | webpack: webpackConfig,
22 | webpackMiddleware: {
23 | noInfo: true
24 | },
25 | coverageReporter: {
26 | dir: "./coverage",
27 | reporters: [{ type: "lcov", subdir: "." }, { type: "text-summary" }]
28 | }
29 | });
30 | };
31 |
--------------------------------------------------------------------------------
/test/unit/specs/test.spec.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import { shallow } from "@vue/test-utils";
3 |
4 | describe("HelloWorld.vue", () => {
5 | it("renders props.msg when passed", () => {
6 | const msg = "new message";
7 | expect(msg).toMatch(msg);
8 | });
9 | });
--------------------------------------------------------------------------------