I'm testing in here:https://prettier.io/playground
If you can't see the sidebar, click the
Show Options in the bottom left of the playground
@qwhatevera ^
Hi everyone !
I would love to know more about next release timing: who defines when the release is shipped, what are the steps before it is released, etc.
I'm waiting for a fix to be released and I'd like to have a idea on how long it can take for this release to come.... of course this info would not change anything, but just knowing what is going on helps waiting 😅 And if by the way I can help.... why not 😉
I would love to know more about next release timing: who defines when the release is shipped, what are the steps before it is released, etc.
I'm waiting for a fix to be released and I'd like to have a idea on how long it can take for this release to come.... of course this info would not change anything, but just knowing what is going on helps waiting 😅 And if by the way I can help.... why not 😉
Hi everyone :) does anyone know how to stop prettier from changing <br> into <br /> ????
using react + htm instead of jsx. I'd like to make use of embedded language formatting, but the default html parser changes attributes like colSpan to colspan which obviously makes react unhappy. I suppose I could make a custom parser and change all my template tags from html to match? Anyone have a better idea?
Hey everyone, is it possible to stop the ugly linebreaks somehow?
{% extends "base.html" %}
{% block content %}
<h1 class="title">:-)</h1>
{% endblock content %}{% extends "base.html" %} {% block content %}
<h1 class="title">:-(</h1>
{% endblock content %}
Hi! I'm trying to create a plugin for formatting embedded SQL in TS. The plugin works on SQL files but not embedded SQL. I defined
name, parsers and extensions in languages. Am I missing something? Is it at all possible? I tested with the following example.console.log(html`<DIV> </DIV>`); // works
console.log(sql`CREATE TABLE example ( id INT PRIMARY KEY );`); // doesn't work
Hi! Can the built-in TypeScript parser detect and parse embedded languages with plugins? I want to create a plugin for SQL to format embedded SQL in TypeScript files. Example:
import { MigrationInterface, QueryRunner } from 'typeorm';
export class CreateExtensionPgcrypto1616393535319 implements MigrationInterface {
public async up(queryRunner: QueryRunner): Promise<void> {
await queryRunner.query(sql`
CREATE EXTENSION IF NOT EXISTS pgcrypto;
`);
}
public async down(queryRunner: QueryRunner): Promise<void> {
await queryRunner.query(sql`
DROP EXTENSION pgcrypto;
`);
}
}
Is there Prettier-TextMate integration? I found https://www.phpied.com/prettier-in-textmate/ and tried it, but it crashes on save (terminating with uncaught exception of type std::length_error: basic_string).
i found a recent bug in prettier prettier/prettier#12364 and I was trying to find the line to fix myself but due to lack of prefix it seems hard to spot there the console output is made from.
i tried finding another one but i was not able to find it yet.
I would like to keep the code in the h2 compact and almost the same
```js
// This gets formatted
```
// This gets formatted
```
```ts
// This doesn't :(
```
// This doesn't :(
```
eg...when I push to Github it says 111 files changes, I only want it to show the files that have been actually changed?
Please help!
I was hoping someone here may be able to help me out with this SO question…
Hello, I have a simple question, how can we format the code with only the defined options.
I run for example the command
How can I define that I want to format only the spaces option?
I run for example the command
npx prettier --write --tab-width 2 "**/*.ts" to format the code in 2 spaces, but it also makes other changes like changing single quotes by double quotes...How can I define that I want to format only the spaces option?
1 reply
Without going down the route of creating a custom plugin
Hi, why this is not working?
.prettierignore is in project dir
Looking for signposting on ignoring the non-standard py-script tag in a HTML file. Is this best done by the user? Context here: prettier/prettier-vscode#2531
I was a graphic designer in a previous career and have some knowledge around typography and design. Is there any way prettier could format based off consistency within the file / block as opposed to line by line. So instead of some lines being broken, it finds consistency with previous lines.
So you end up with this:
const foo = ({ polo }) => {
const functionOne = () => myArray.map(item => (item.something === polo))
const functionTwo = () => myArrayWithLongerName.map(item => (item.somethingElse === polo))
const functionThree = () => myArrayWithLongerName.map(item => (item.somethingElse === polo))
return [ ...functionOne, ...functionTwo, ...functionThree ]
}or this:
const foo = ({ polo }) => {
const functionOne = () => myArray.map(
item => (item.something === polo)
)
const functionTwo = () => myArrayWithLongerName.map(
item => (item.somethingElse === polo)
)
const functionThree = () => myArrayWithLongerName.map(
item => (item.somethingElse === polo)
)
return [ ...functionOne, ...functionTwo, ...functionThree ]
}instead of this:
const foo = ({ polo }) => {
const functionOne = () => myArray.map(item => (item.something === polo))
const functionTwo = () => myArrayWithLongerName.map(
item => (item.somethingElse === polo)
)
const functionThree = () => myArrayWithLongerName.map(
item => (item.somethingElse === polo)
)
return [ ...functionOne, ...functionTwo, ...functionThree ]
}
Shouldn't prettier avoid formatting <pre> content? It doesn't seem to be doing that though.
2 replies
It works if I set the parser to html, but in my project I'm using JSX.