Merge pull request #28 from prettier/issue-27

Fix interpolated issue

src/index.ts

@@ -435,8 +435,17 @@ export const plugin: Plugin = {
 							break;
 						}
 						case 'interpolated-code':
-							if (previousToken && previousToken.type === 'tag') {
-								result += ' ';
+							if (previousToken) {
+								switch (previousToken.type) {
+									case 'tag':
+									case 'end-attributes':
+										result += ' ';
+										break;
+									case 'indent':
+										result = printIndent(previousToken, result, indent, indentLevel);
+										result += '| ';
+										break;
+								}
 							}
 							result += `#{${token.val}}`;
 							break;

test/issues/issue-27/formatted.pug

@@ -0,0 +1,3 @@
+tag(key="value") #{identifier}
+tag
+  | #{identifier}

test/issues/issue-27/issue-27.test.ts

@@ -0,0 +1,14 @@
+import { readFileSync } from 'fs';
+import { resolve } from 'path';
+import { format } from 'prettier';
+import { plugin } from './../../../src/index';
+
+describe('Issues', () => {
+	test('should interpolation', () => {
+		const expected: string = readFileSync(resolve(__dirname, 'formatted.pug'), 'utf8');
+		const code: string = readFileSync(resolve(__dirname, 'unformatted.pug'), 'utf8');
+		const actual: string = format(code, { parser: 'pug' as any, plugins: [plugin] });
+
+		expect(actual).toBe(expected);
+	});
+});

test/issues/issue-27/unformatted.pug

@@ -0,0 +1,3 @@
+tag(key='value') #{identifier}
+tag
+  | #{identifier}