Describe the bug
Whenever there are lot of characters in a line in any generated code, horizontal scroller width increases and it starts looking ugly. Therefore impacting user experience.

To Reproduce
Steps to reproduce the behavior:

1. Select Vue
2. Open md-components-notifications-heads-up
3. Open components/page-1.vue file
4. Scroll to the bottom of code.

Expected behavior
If a line contains more characters exceeding the width of container itself, then it should either automatically wrap it to the next line or format it using any linter/formatter.

Screenshots

Desktop (please complete the following information):

• OS: Win 10 Pro
• Browser: Edge
• Version: latest