question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Issue Vue Formatting

See original GitHub issue

Prettier 1.15.2 Playground link

--parser vue

Input:

<template>
  <div>
    Success
  </div>
</template>

<script>
export default {
  layout: 'auth',
  middleware: ['redirect']
}
</script>

Output:

<template>
  <div>Success</div>
</template>

<script>
export default {
  layout: "auth",
  middleware: ["redirect"]
};
</script>

Expected behavior: I am new developing but I think that if it is working now the update shouldnt generate errors. I think that the current input is the expected output. Otherwise, i need to change and fix all “error” in the compilation process.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
hawkrivescommented, Nov 11, 2018

@aaaguirrep Could you fill out the “Expected behavior” section, too, please? It’s not immediately obvious what your problem is, or why it’s a problem.

1reaction
lydellcommented, Nov 27, 2018

@aaaguirrep The best way of debugging this kind of issues is to make a new repo. Make a small test file, then install stuff one by one until you hit the issue. Then share the repo here and we’ll take a look!

Read more comments on GitHub >

github_iconTop Results From Across the Web

single file .vue formatting no longer works correctly #1189
vue code is no longer correct (was fine until then). I attached a snapshot of current display.
Read more >
VSCode prettier/vue formatting settings don't work properly
I've been struggling with a similar problem with VSCode's formatting. I also have Prettier, ESLint and Vetur extensions installed.
Read more >
Vue JavaScript Tutorial in Visual Studio Code
Vue JavaScript tutorial showing IntelliSense, debugging, and code navigation ... which supports Vue.js IntelliSense, code snippets, formatting, and more.
Read more >
How to Setup Vue.js with VS Code and Fix Formatting and ES ...
When you create a Vue.js project with the Vue CLI or UI and select Prettier - you'll have a bunch of ES Lint...
Read more >
Style Guide - Vue.js
Style Guide. This is the official style guide for Vue-specific code. If you use Vue in a project, it's a great reference to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found