.editorconfig

# This file is for unifying the coding style for different editors and IDEs
# editorconfig.org

# WordPress Coding Standards
# http://make.wordpress.org/core/handbook/coding-standards/

root = true

[*]
charset = utf-8
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
indent_style = tab
indent_size = 2

[{*.yml}]
indent_style = space
indent_size = 2

[*.txt]
end_of_line = crlf

[*.md]
trim_trailing_whitespace = false

[*.php]
indent_style = tab
indent_size = 2

[*.js]
indent_style = space
indent_size = 2

[*.html]
indent_style = tab
indent_size = 2

.eslintrc

{
	"env": {
		"browser": true,
		"commonjs": true,
		"jquery": true,
		"es6": true,
		"node": true
	},
	"extends": ["airbnb-base", "prettier"],
	"plugins": ["prettier"],
	"parserOptions": {
		"parser": "babel-eslint"
	},
	"rules": {
		"prettier/prettier": ["error"],
		"no-use-before-define": [
			2,
			{
				"functions": false
			}
		],
		"prefer-const": 1,
		"complexity": [1, 9]
	}
}

.prettierrc

{
	"singleQuote": true,
	"printWidth": 80,
	"trailingComma": "none",
	"arrowParens": "always"
}

.stylelintrc.js

module.exports = {
  extends: [
    'stylelint-config-wordpress/scss',
    './node_modules/prettier-stylelint/config.js'
  ],
  plugins: 'stylelint-order',
  ignoreFiles: ['/**/*.vue'],
  rules: {
    'max-line-length': 255,
    'function-url-quotes': 'always',
    'at-rule-no-unknown': null,
    'string-quotes': null,
    'no-descending-specificity': null,
    'declaration-block-no-duplicate-properties': [
      true,
      {
        ignore: ['consecutive-duplicates-with-different-values']
      }
    ],
    'order/order': [
      'at-variables',
      'dollar-variables',
      'custom-properties',
      'declarations'
    ],
    'order/properties-order': [
      'display',
      'visibility',
      'float',
      'clear',
      'overflow',
      'overflow-x',
      'overflow-y',
      '-ms-overflow-x',
      '-ms-overflow-y',
      'clip',
      'zoom',
      'flex-direction',
      'flex-order',
      'flex-pack',
      'flex-align',

      'position',
      'z-index',
      'top',
      'right',
      'bottom',
      'left',

      '-webkit-box-sizing',
      '-moz-box-sizing',
      'box-sizing',
      'width',
      'min-width',
      'max-width',
      'height',
      'min-height',
      'max-height',
      'margin',
      'margin-top',
      'margin-right',
      'margin-bottom',
      'margin-left',
      'padding',
      'padding-top',
      'padding-right',
      'padding-bottom',
      'padding-left',
      'border',
      'border-width',
      'border-style',
      'border-color',
      'border-top',
      'border-top-width',
      'border-top-style',
      'border-top-color',
      'border-right',
      'border-right-width',
      'border-right-style',
      'border-right-color',
      'border-bottom',
      'border-bottom-width',
      'border-bottom-style',
      'border-bottom-color',
      'border-left',
      'border-left-width',
      'border-left-style',
      'border-left-color',
      '-webkit-border-radius',
      '-moz-border-radius',
      'border-radius',
      '-webkit-border-top-left-radius',
      '-moz-border-radius-topleft',
      'border-top-left-radius',
      '-webkit-border-top-right-radius',
      '-moz-border-radius-topright',
      'border-top-right-radius',
      '-webkit-border-bottom-right-radius',
      '-moz-border-radius-bottomright',
      'border-bottom-right-radius',
      '-webkit-border-bottom-left-radius',
      '-moz-border-radius-bottomleft',
      'border-bottom-left-radius',
      '-webkit-border-image',
      '-moz-border-image',
      '-o-border-image',
      'border-image',
      '-webkit-border-image-source',
      '-moz-border-image-source',
      '-o-border-image-source',
      'border-image-source',
      '-webkit-border-image-slice',
      '-moz-border-image-slice',
      '-o-border-image-slice',
      'border-image-slice',
      '-webkit-border-image-width',
      '-moz-border-image-width',
      '-o-border-image-width',
      'border-image-width',
      '-webkit-border-image-outset',
      '-moz-border-image-outset',
      '-o-border-image-outset',
      'border-image-outset',
      '-webkit-border-image-repeat',
      '-moz-border-image-repeat',
      '-o-border-image-repeat',
      'border-image-repeat',
      'table-layout',
      'empty-cells',
      'caption-side',
      'border-spacing',
      'border-collapse',

      'outline',
      'outline-width',
      'outline-style',
      'outline-color',
      'outline-offset',
      'opacity',
      'filter:progid:DXImageTransform.Microsoft.Alpha(Opacity',
      "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
      '-ms-interpolation-mode',
      'color',
      'background',
      'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader',
      'background-color',
      'background-image',
      'background-repeat',
      'background-attachment',
      'background-position',
      'background-position-x',
      '-ms-background-position-x',
      'background-position-y',
      '-ms-background-position-y',
      '-webkit-background-clip',
      '-moz-background-clip',
      'background-clip',
      'background-origin',
      '-webkit-background-size',
      '-moz-background-size',
      '-o-background-size',
      'background-size',
      'box-decoration-break',
      '-webkit-box-shadow',
      '-moz-box-shadow',
      'box-shadow',
      'filter:progid:DXImageTransform.Microsoft.gradient',
      "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
      'text-shadow',
      'font',
      'font-family',
      'src',
      'font-size',
      'font-weight',
      'font-style',
      'font-variant',
      'font-size-adjust',
      'font-stretch',
      'font-effect',
      'font-emphasize',
      'font-emphasize-position',
      'font-emphasize-style',
      '-webkit-font-smoothing',
      '-moz-osx-font-smoothing',
      'font-smooth',
      'line-height',
      'text-align',
      '-webkit-text-align-last',
      '-moz-text-align-last',
      '-ms-text-align-last',
      'text-align-last',
      'vertical-align',
      'white-space',
      'text-decoration',
      'text-emphasis',
      'text-emphasis-color',
      'text-emphasis-style',
      'text-emphasis-position',
      'text-indent',
      '-ms-text-justify',
      'text-justify',
      'letter-spacing',
      'word-spacing',
      '-ms-writing-mode',
      'text-outline',
      'text-transform',
      'text-wrap',
      'text-overflow',
      '-ms-text-overflow',
      'text-overflow-ellipsis',
      'text-overflow-mode',
      '-ms-word-wrap',
      'word-wrap',
      'word-break',
      '-ms-word-break',
      '-moz-tab-size',
      '-o-tab-size',
      'tab-size',
      '-webkit-hyphens',
      '-moz-hyphens',
      'hyphens',

      'list-style',
      'list-style-position',
      'list-style-type',
      'list-style-image',
      'content',
      'quotes',
      'counter-reset',
      'counter-increment',
      'resize',
      'cursor',
      '-webkit-user-select',
      '-moz-user-select',
      '-ms-user-select',
      'user-select',
      'nav-index',
      'nav-up',
      'nav-right',
      'nav-down',
      'nav-left',
      '-webkit-transition',
      '-moz-transition',
      '-ms-transition',
      '-o-transition',
      'transition',
      '-webkit-transition-delay',
      '-moz-transition-delay',
      '-ms-transition-delay',
      '-o-transition-delay',
      'transition-delay',
      '-webkit-transition-timing-function',
      '-moz-transition-timing-function',
      '-ms-transition-timing-function',
      '-o-transition-timing-function',
      'transition-timing-function',
      '-webkit-transition-duration',
      '-moz-transition-duration',
      '-ms-transition-duration',
      '-o-transition-duration',
      'transition-duration',
      '-webkit-transition-property',
      '-moz-transition-property',
      '-ms-transition-property',
      '-o-transition-property',
      'transition-property',
      '-webkit-transform',
      '-moz-transform',
      '-ms-transform',
      '-o-transform',
      'transform',
      '-webkit-transform-origin',
      '-moz-transform-origin',
      '-ms-transform-origin',
      '-o-transform-origin',
      'transform-origin',
      '-webkit-animation',
      '-moz-animation',
      '-ms-animation',
      '-o-animation',
      'animation',
      '-webkit-animation-name',
      '-moz-animation-name',
      '-ms-animation-name',
      '-o-animation-name',
      'animation-name',
      '-webkit-animation-duration',
      '-moz-animation-duration',
      '-ms-animation-duration',
      '-o-animation-duration',
      'animation-duration',
      '-webkit-animation-play-state',
      '-moz-animation-play-state',
      '-ms-animation-play-state',
      '-o-animation-play-state',
      'animation-play-state',
      '-webkit-animation-timing-function',
      '-moz-animation-timing-function',
      '-ms-animation-timing-function',
      '-o-animation-timing-function',
      'animation-timing-function',
      '-webkit-animation-delay',
      '-moz-animation-delay',
      '-ms-animation-delay',
      '-o-animation-delay',
      'animation-delay',
      '-webkit-animation-iteration-count',
      '-moz-animation-iteration-count',
      '-ms-animation-iteration-count',
      '-o-animation-iteration-count',
      'animation-iteration-count',
      '-webkit-animation-direction',
      '-moz-animation-direction',
      '-ms-animation-direction',
      '-o-animation-direction',
      'animation-direction',
      '-webkit-backface-visibility',
      '-moz-backface-visibility',
      'backface-visibility',
      'text-rendering',
      'pointer-events'
    ]
  }
};

composer.json

{
	"require-dev": {
		"squizlabs/php_codesniffer": "^3.3",
		"wp-coding-standards/wpcs": "^0.14.1",
		"fig-r/psr2r-sniffer": "^0.5.0"
	}
}

package.json

{
	"name": "config",
	"version": "1.0.0",
	"description": "",
	"homepage": "",
	"main": "webpack.config.js",
	"scripts": {
		"dev": "webpack --mode development --watch",
		"build": "webpack --mode production"
	},
	"devDependencies": {
		"babel-core": "^6.26.3",
		"babel-eslint": "^8.2.6",
		"babel-loader": "^7.1.5",
		"babel-preset-env": "^1.7.0",
		"babel-preset-minify": "^0.4.3",
		"babel-register": "^6.7.2",
		"browser-sync": "^2.24.6",
		"browser-sync-webpack-plugin": "^2.2.2",
		"copy-webpack-plugin": "^4.5.2",
		"css-loader": "^1.0.0",
		"eslint": "^4.19.1",
		"eslint-config-airbnb-base": "^13.0.0",
		"eslint-config-prettier": "^2.9.0",
		"eslint-plugin-import": "^2.13.0",
		"eslint-plugin-prettier": "^2.6.2",
		"eslint-plugin-vue": "^4.7.1",
		"exports-loader": "^0.7.0",
		"file-loader": "^1.1.11",
		"html-webpack-plugin": "^3.2.0",
		"mini-css-extract-plugin": "^0.4.1",
		"node-sass": "^4.9.2",
		"prettier": "^1.13.7",
		"prettier-eslint": "^8.8.2",
		"prettier-stylelint": "^0.4.2",
		"sass-loader": "^6.0.7",
		"style-loader": "^0.21.0",
		"stylelint": "^9.1.3",
		"stylelint-config-wordpress": "^13.0.0",
		"stylelint-order": "^0.8.1",
		"url-loader": "^1.0.1",
		"vue-loader": "^15.2.6",
		"vue-server-renderer": "^2.5.16",
		"vue-style-loader": "^4.1.1",
		"vue-template-compiler": "^2.5.16",
		"webpack": "^4.16.2",
		"webpack-cli": "^3.1.0",
		"webpack-command": "^0.4.1",
		"yargs": "^12.0.1"
	}
}

ruleset.xml

<?xml version="1.0"?>
<ruleset name="smu">
	<description>SMU Ruleset</description>
	<config name="installed_paths" value="vendor/wp-coding-standards/wpcs,vendor/fig-r/psr2r-sniffer/PSR2R" />
	<autoload>vendor/wp-coding-standards/wpcs/WordPress/PHPCSAliases.php</autoload>
	<!-- Only check PHP files. -->
	<arg name="extensions" value="php"/>
	<!-- Use the WordPress ruleset, with exclusions. -->
	<rule ref="WordPress.VIP">
		<exclude name="WordPress.WhiteSpace.PrecisionAlignment.Found"/>
		<exclude name="Squiz.Commenting.DocCommentAlignment.SpaceBeforeStar"/>
		<exclude name="Squiz.PHP.CommentedOutCode.Found"/>
		<exclude name="WordPress.NamingConventions.ValidVariableName.MemberNotSnakeCase"/>
		<exclude name="Squiz.Commenting.FileComment.MissingPackageTag"/>
		<exclude name="Generic.Formatting.MultipleStatementAlignment.NotSameWarning"/>
		<exclude name="WordPress.Arrays.MultipleStatementAlignment.DoubleArrowNotAligned"/>
		<exclude name="WordPress.NamingConventions.ValidVariableName.NotSnakeCase"/>
		<exclude name="WordPress.NamingConventions.ValidVariableName.NotSnakeCaseMemberVar"/>
		<exclude name="WordPress.XSS.EscapeOutput.OutputNotEscaped"/>
		<exclude name="WordPress.VIP.FileSystemWritesDisallow" />
		<exclude name="WordPress.VIP.RestrictedFunctions" />
		<exclude name="WordPress.VIP.RestrictedVariables" />
		<exclude name="WordPress.VIP.SuperGlobalInputUsage" />
		<exclude name="WordPress.VIP.ValidatedSanitizedInput" />
		<exclude name="WordPress.VIP.DirectDatabaseQuery" />
		<exclude name="WordPress.VIP.PostsPerPage.posts_per_page_posts_per_page" />
		<exclude name="WordPress.XSS.EscapeOutput" />
		<exclude name="WordPress.VIP.AdminBarRemoval" />
		<exclude name="Squiz.PHP.EmbeddedPhp.NoSemicolon" />
		<exclude name="WordPress.Arrays.MultipleStatementAlignment.DoubleArrowNotAligned" />
		<exclude name="WordPress.PHP.YodaConditions" />
		<exclude name="PEAR.Functions.FunctionCallSignature.Indent" />
		<exclude name="PEAR.Functions.FunctionCallSignature.OpeningIndent" />
		<exclude name="Squiz.Functions.FunctionDeclarationArgumentSpacing.SpacingAfterOpen" />
		<exclude name="Squiz.Functions.FunctionDeclarationArgumentSpacing.SpacingBeforeClose" />
		<exclude name="Squiz.Arrays.ArrayBracketSpacing.SpaceAfterBracket" />
		<exclude name="Squiz.Arrays.ArrayBracketSpacing.SpaceBeforeBracket" />
		<exclude name="Squiz.ControlStructures.ForEachLoopDeclaration.SpaceAfterOpen" />
		<exclude name="Squiz.ControlStructures.ForEachLoopDeclaration.SpaceBeforeClose" />
	</rule>
	<!-- Allow using the filesystem -->
	<rule ref="WordPress.WP.AlternativeFunctions">
		<properties>
			<property name="exclude" value="file_get_contents,file_system_read" />
		</properties>
	</rule>
	<!-- Verify that no WP functions are used which are deprecated or removed. -->
	<rule ref="WordPress.WP.DeprecatedFunctions">
		<properties>
			<property name="minimum_supported_version" value="4.5"/>
		</properties>
	</rule>
	<rule ref="PSR2R">
		<exclude name="PSR2R.ControlStructures.ControlStructureSpacing.SpacingAfterOpenBrace" />
		<exclude name="PSR2R.ControlStructures.ControlStructureSpacing.SpaceBeforeCloseBrace" />
		<exclude name="PSR2R.WhiteSpace.ArraySpacing.InvalidAfter" />
		<exclude name="PSR2R.WhiteSpace.ArraySpacing.InvalidBefore" />
	</rule>
	<rule ref="Generic.WhiteSpace.ArbitraryParenthesesSpacing">
    <properties>
        <property name="spacing" value="1" />
    </properties>
	</rule>
	<rule ref="PEAR.Functions.FunctionCallSignature">
    <properties>
        <property name="requiredSpacesAfterOpen" value="1" />
        <property name="requiredSpacesBeforeClose" value="1" />
    </properties>
	</rule>
	<rule ref="PSR2.ControlStructures.ControlStructureSpacing">
    <properties>
        <property name="requiredSpacesAfterOpen" value="1" />
        <property name="requiredSpacesBeforeClose" value="1" />
    </properties>
	</rule>
</ruleset>