I found that prettier will wrap my jsx attributes which has more than one template literal to new line. For examples in my jsx file: // before formatted and expected result <DemoFrame html={`${demoPath}/frame1/index.html`} css={`${demoPath}/frame1/index.min.css`} /> // formatted <DemoFrame html={`${demoPath}/frame1/index.html`} css={`…
For example I got: <Image alt="" src="/img/logo.svg" width="30" height="30" className="d-inline-block align-top" /> Any plugin to sort these attributes according to some rules, such as alphabetical order, type, etc.? I am using VS Code, ESLint and Prettier.
I'm trying to make an ErrorBoundary using a class component like this class ErrorBoundary extends Component<ErrorBoundaryProps,ErrorBoundaryState> But every time I format it with prettier, the part <ErrorBoundaryProps,ErrorBoundaryState> disappears, I'm not sure if it's prettier or eslint. Here's my .eslintrc.json {…
When I try to formatting the below code with Prettier: export default function App() { return ( <View className="h-full flex flex-row justify-center bg-blue-500"> <View className="h-fit"> <Text className="bg-red-500">THIS WILL BE CENTERED</Text> </View> <StatusBar style="auto" /> </View> ); } It becomes: export…
I have applied angular-eslint in my angular package. I have also added prettier configurations. The prettier is changing the single quotation mark to "e; symbol. How can I fix that The code before lint: <div [id]="field?.tempId" style="width: 100%; height: '400px'"…
I have a TypeScript project with Eslint and Prettier correctly configured on VSCode: almost no problems on all my files (over 1000). But in some rare TypeScript files, I can't manage to indent my code properly. Autosave tries to add…
I have two projects, both vue projects, but one project says I can't use prettier as a formatting tool, and the other one works You can see the screenshot below for details The following two images indicate that the prettier…
I am using Vue 3 & Prettier w/ VS Code. Whenever I have a string on it's own line, it gets formatted how I want it. The problem... My Dev Tool browser renders strings with spaces around them. I need…
I have the following eslint configuration: { "env": { "es2020": true, "jest": true }, "extends": [ "eslint:recommended", "plugin:react/recommended", "plugin:import/recommended", "plugin:import/typescript", "plugin:prettier/recommended", "plugin:@typescript-eslint/recommended" ], "parser": "@typescript-eslint/parser", "plugins": ["@typescript-eslint", "prettier"], "settings": { "import/resolver": { "typescript": true, "node": true } }, "overrides": […
Is there a way to fix the format with promises in VS Code? when I format with prettier or any other options, the code look like this / const GET_USERS = () => { fetch('https://jsonplaceholder.typicode.com/todos/1').then((resolve) => { resolve.json().then((json) => {…