enable prefer-template

Author: chuuddo

object-parser.js

@@ -229,7 +229,7 @@ class objectParser {
 					nodes: [],
 				});
 
-				defineRaws(atRule, 'name', key.prefix + '@', params ? '' : key.suffix, {
+				defineRaws(atRule, 'name', `${key.prefix}@`, params ? '' : key.suffix, {
 					raw: 'camel',
 				});
 

object-stringifier.js

@@ -87,9 +87,9 @@ class ObjectStringifier extends Stringifier {
 		if (node.raws.inline) {
 			const text = node.raws.text || node.text;
 
-			this.builder('//' + left + text + right, node);
+			this.builder(`//${left}${text}${right}`, node);
 		} else {
-			this.builder('/*' + left + node.text + right + '*/', node);
+			this.builder(`/*${left}${node.text}${right}*/`, node);
 		}
 	}
 	raw(node, own, detect) {
@@ -99,7 +99,7 @@ class ObjectStringifier extends Stringifier {
 			(own === 'between' || (own === 'afterName' && node.type === 'atrule' && !node.nodes)) &&
 			!/:/.test(value)
 		) {
-			value = ':' + value;
+			value = `:${value}`;
 		} else if (own === 'before' && /^(decl|rule)$/.test(node.type)) {
 			value = value.replace(/\S+$/, '');
 		}
@@ -133,7 +133,7 @@ class ObjectStringifier extends Stringifier {
 			}
 		} else if (node.type === 'atrule') {
 			if (prop === 'name') {
-				value = '@' + value;
+				value = `@${value}`;
 			} else if (node.nodes) {
 				return;
 			}

package.json

@@ -55,11 +55,9 @@
     "rules": {
       "array-callback-return": "off",
       "no-confusing-arrow": "off",
-      "prefer--template": "off",
       "prefer-object-spread": "off",
       "prefer-rest-params": "off",
       "prefer-spread": "off",
-      "prefer-template": "off",
       "jest/expect-expect": "off",
       "jest/valid-expect": "off"
     }

template-parser-helper.js

@@ -172,10 +172,7 @@ class LocalFixer {
 		if (error && error.name === 'CssSyntaxError') {
 			this.object(error);
 			this.object(error.input);
-			error.message = error.message.replace(
-				/:\d+:\d+:/,
-				':' + error.line + ':' + error.column + ':',
-			);
+			error.message = error.message.replace(/:\d+:\d+:/, `:${error.line}:${error.column}:`);
 		}
 
 		return error;

test/css-in-js.js

@@ -173,10 +173,10 @@ describe('CSS in JS', () => {
 
 			if (name === 'custom-properties.css') return;
 
-			it('objectStringifier ' + name, () => {
+			it(`objectStringifier ${name}`, () => {
 				const root = postcss.parse(css);
 				const jsSource = root.toString(objectStringify).trim();
-				const jsonSource = '{\n' + jsSource.replace(/,$/, '').replace(/[\s;]+$/gm, '') + '\n}';
+				const jsonSource = `{\n${jsSource.replace(/,$/, '').replace(/[\s;]+$/gm, '')}\n}`;
 
 				expect(JSON5.parse(jsonSource)).toBeTruthy();
 			});

test/supports.js

@@ -57,7 +57,7 @@ describe('should support for each CSS in JS package', () => {
 		'material-ui.jsx',
 	].forEach((file) => {
 		it(`${file}`, () => {
-			file = require.resolve('./fixtures/' + file);
+			file = require.resolve(`./fixtures/${file}`);
 			const code = fs.readFileSync(file);
 			const document = syntax.parse(code, {
 				from: file,
@@ -69,7 +69,7 @@ describe('should support for each CSS in JS package', () => {
 			const parsed = JSON.stringify(clean(document), 0, '\t');
 
 			// fs.writeFileSync(file + ".json", parsed + "\n");
-			expect(parsed).toBe(fs.readFileSync(file + '.json', 'utf8').trim());
+			expect(parsed).toBe(fs.readFileSync(`${file}.json`, 'utf8').trim());
 		});
 	});
 });

un-camel-case.js

@@ -4,7 +4,7 @@ function unCamelCase(str) {
 	return str.replace(/[\w-]+/g, (s) =>
 		/^[A-Z]?[a-z]*(?:[A-Z][a-z]*)+$/.test(s)
 			? s
-					.replace(/[A-Z]/g, (casedStr) => '-' + casedStr.toLowerCase())
+					.replace(/[A-Z]/g, (casedStr) => `-${casedStr.toLowerCase()}`)
 					.replace(/^(o|ms|moz|khtml|epub|(\w+-?)*webkit)(?=-)/i, '-$1')
 			: s,
 	);