Move app to Vue.js

.babelrc.js

@@ -0,0 +1,16 @@
+module.exports = {
+	plugins: [
+		'@babel/plugin-syntax-dynamic-import',
+		'@babel/plugin-proposal-object-rest-spread'
+	],
+	presets: [
+		[
+			'@babel/preset-env',
+			{
+				targets: {
+					browsers: ['last 2 versions', 'ie >= 11']
+				}
+			}
+		]
+	]
+}

.editorconfig

@@ -7,7 +7,7 @@ end_of_line = lf
 insert_final_newline = true
 
 # Set default charset and indentation
-[*.{php,js}]
+[*.{php,js,scss,vue}]
 charset = utf-8
 indent_style = tab
 tab_width = 4

.eslintrc.js

@@ -0,0 +1,74 @@
+module.exports = {
+	root: true,
+	env: {
+		browser: true,
+		es6: true,
+		node: true,
+		jest: true
+	},
+	globals: {
+		t: false,
+		n: false,
+		OC: false,
+		OCA: false,
+		moment: true,
+	},
+	parserOptions: {
+		parser: 'babel-eslint'
+	},
+	extends: [
+		'eslint:recommended',
+		'plugin:node/recommended',
+		'plugin:vue/recommended',
+		'standard'
+	],
+	plugins: ['vue', 'node'],
+	rules: {
+		// space before function ()
+		'space-before-function-paren': ['error', 'never'],
+		// curly braces always space
+		'object-curly-spacing': ['error', 'always'],
+		// stay consistent with array brackets
+		'array-bracket-newline': ['error', 'consistent'],
+		// 1tbs brace style
+		'brace-style': 'error',
+		// tabs only
+		indent: ['error', 'tab'],
+		'no-tabs': 0,
+		'vue/html-indent': ['error', 'tab'],
+		// only debug console
+		'no-console': ['error', { allow: ['error', 'warn', 'debug'] }],
+		// classes blocks
+		'padded-blocks': ['error', { classes: 'always' }],
+		// always add a trailing comma, for diff readability
+		'comma-dangle': ["error", "only-multiline"],
+		// always have the operator in front
+		'operator-linebreak': ['error', 'before'],
+		// ternary on multiline
+		'multiline-ternary': ['error', 'always-multiline'],
+		// force proper JSDocs
+		'valid-jsdoc': [2, {
+			'prefer': {
+				'return': 'returns'
+			},
+			'requireReturn': false,
+			'requireReturnDescription': false
+		}],
+		// es6 import/export and require
+		'node/no-unpublished-require': ['off'],
+		'node/no-unsupported-features/es-syntax': ['off'],
+		// space before self-closing elements
+		'vue/html-closing-bracket-spacing': 'error',
+		// code spacing with attributes
+		'vue/max-attributes-per-line': [
+			'error',
+			{
+				singleline: 3,
+				multiline: {
+					max: 3,
+					allowFirstLine: true
+				}
+			}
+		]
+	}
+};

.gitignore

@@ -1,11 +1,11 @@
 ######################
 ## Files build by make
 ######################
-/css/src/sprite.scss
-/css/style.scss
-/img/sprites.svg
-/js/public/
-/js/vendor/
+/css/src/sprites-bw.scss
+/css/src/sprites-color.scss
+/img/bw.svg
+/img/color.svg
+/js/
 
 #################
 ## PhpStorm
@@ -247,3 +247,4 @@ Various
 *.rej
 
 build/
+coverage 

.prettierrc.js

@@ -0,0 +1 @@
+module.exports = {};

.stylelintrc

@@ -1,19 +1,22 @@
 {
-  "extends": "stylelint-config-standard",
-  "plugins": [
-    "stylelint-scss"
-  ],
-  "ignoreFiles": [
-      "./css/src/sprite.scss"
-  ],
-  "rules": {
-    "indentation": "tab",
-    "number-leading-zero": "never",
-    "comment-empty-line-before": ["always", {
-        "except": ["first-nested"]
-    }],
-    "at-rule-no-unknown": null,
-    "scss/at-rule-no-unknown": true,
-    "no-descending-specificity": null
-  }
+	"extends": "stylelint-config-recommended-scss",
+	"rules": {
+		"indentation": "tab",
+		"selector-type-no-unknown": null,
+		"number-leading-zero": null,
+		"rule-empty-line-before": ["always", {
+			"ignore": ["after-comment", "inside-block"]
+		}],
+		"declaration-empty-line-before": ["never", {
+			"ignore": ["after-declaration"]
+		}],
+		"comment-empty-line-before": null,
+		"selector-type-case": null,
+		"selector-list-comma-newline-after": null,
+		"no-descending-specificity": null,
+		"string-quotes": "single"
+	},
+	"plugins": [
+		"stylelint-scss"
+	]
 }