Thank you @ajenkins and @dobbel for this thread and solutions. I have been struggling this for a long time,

I landed on this thread when I was looking for the same thing and am adding my response in case it helps someone else. I am currently using Quasar 2 (this may work in 1 also).

I added the following style to achieve the vertical orientation: flex-direction:column;

Hi Everyone. I was working on a project where I used the Quasar Tree component and I wasn’t able to get it to look just right for the particular application. I ended up building a tool that creates a wrapper to get a little bit more control over how the tree renders. You can check it out at https://www.simplicityblocks.com/quasartreeconfigurator.html

I am going to answer my own question in case it helps someone else. The core solution for me was to update the prettier npm module in the project (yarn upgrade prettier@^2.0.5). The article I read that got me on the right track is at https://joshuatz.com/posts/2020/prettier-function-parenthesis-spacing-opinionated-is-key/ (the author actually had the reverse issue of what I had, but it helped me). I am not sure if there is something else I did that was wrong that required the fix I used, so if anyone has comments, please post them here.

After installing Vetur and prettier in Visual Studio Code (Windows 10 Pro), when I format a vue document (Shift Alt F) it formats the HTML fine, but in the Script section of the file it is removing the space after the function keyword

function (e) becomes function(e)

My vscode settings file looks like this:

{
  "git.path": "C:\\Program Files\\Git",
  //05/04/2019 - added in to support drag and drop
  // /https://github.com/Microsoft/vscode/issues/1046
  "editor.dragAndDrop": true,
  "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\cmd.exe",
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,

  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  "vetur.format.defaultFormatter.html": "prettyhtml",
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

Does anyone have any suggestions or can point me in the right direction? Thanks.

Hi Razvan. I would like to volunteer the efforts required to do this, however, if you could provide some rough guidelines as to the steps you think should be followed to accomplish the goal it would help alot. I am an old time (54) developer who is using vuejs and quasar to not only learn the frameworks but to also learn all of the associated build tools. What stan.c is asking for and what I have also been looking for is to help get past hello world and use the frameworks in a sample project . Thank you. And also thank you for all your hard work on this framework. The overall philosophy you are pursuing is exactly what I have been looking for.