docs: fixed typos, Improved grammar and punctuation (English)

* Fixed typos. Improved grammar and punctuation (English).

* Fixed docs (App) - multiple drawers currently not supported.

Author: martinoosthuizen

docs/app/i18n/en-US/pages.js

@@ -5,15 +5,15 @@ export default {
     material: 'Material Design',
     materialContent: 'Simple, lightweight and built exactly according to the Google Material Design specs.',
     compatible: 'Compatible',
-    compatibleContent: 'Build well-designed apps that can fit on every screen with support to all modern Web Browsers.',
+    compatibleContent: 'Build well-designed apps that can fit on every screen with support for all modern Web Browsers.',
     featured: 'Full-featured',
-    featuredContent: 'Complete with dynamic themes, on demand components and all with an easy-to-use API.',
+    featuredContent: 'Complete with dynamic themes, on-demand components and all with an easy-to-use API.',
     ecosystem: 'Ecosystem',
     viewProject: 'View project',
     sponsors: 'Sponsors',
     backers: 'Backers',
-    sponsorsDescription: 'Vue Material does not run under the umbrella of any company or something like that. Is an independent project created by {0} on his spare time, which became one of the most used UI Libraries for Vue.js. The development is active and we are working hard to release great things for you.',
-    beAPatron: 'If you think that this project helped you or your company in any way, you can consider become a backer/sponsor on Patreon'
+    sponsorsDescription: 'Vue Material does not run under the umbrella of any company or anything like that. It is an independent project created by {0} in his spare time, which has become one of the most used UI Libraries for Vue.js. The development is active and we are working hard to release great things for you.',
+    beAPatron: 'If you think that this project helped you or your company in any way, you can consider becoming a backer/sponsor on Patreon'
   },
   about: {
     title: 'About'
@@ -23,7 +23,7 @@ export default {
   },
   gettingStarted: {
     title: 'Getting Started',
-    introduction: 'Vue Material is the best integration between Vue.js and Material Design specs! You can easily configure it to suit all your needs. All you have to do is choose an installation method that fits you better and follow it\'s instructions. Let\'s start!',
+    introduction: 'Vue Material is the best integration between Vue.js and Material Design specs! You can easily configure it to suit all your needs. All you have to do is choose an installation method that suits your environment and follow it\'s instructions. Let\'s start!',
     installation: 'Installation',
     npmOrYarn: 'NPM or Yarn'
   },
@@ -63,15 +63,15 @@ export default {
   app: {
     title: 'App',
     intro: {
-      desc1: 'The following patterns applies the elevations in which content should scroll, how to size flexible space, and when to anchor specific elements.',
-      desc2: 'When building applications there is some repeated behaviours regarding the structure of the app. Responsive drawers, flexible toolbars, scrolling... Either scenario could repeat across all complex applications. This documentation website, for example, needs some of them, and maybe you\'ll need them too. To solve those problems the {0} was created.',
-      desc3: 'It has all behaviour to build complex application shells, that will be simple, responsive and it will integrate seamlessly with the drawers, toolbars and content.',
+      desc1: 'The following patterns apply the elevations in which content should scroll, how to size flexible space, and when to anchor specific elements.',
+      desc2: 'When building applications there are some repeated behaviours regarding the structure of the app. Responsive drawers, flexible toolbars, scrolling... Any of these could repeat across complex applications. This documentation website, for example, needs some of them; and maybe you\'ll need them too. To solve those problems the {0} was created.',
+      desc3: 'It contains all the behaviours you need to build complex application shells, that will be simple, responsive and it will integrate seamlessly with drawers, toolbars and content.',
       desc4: 'The {0} component supports {1}, {2} and {3}, which are aliases for {4}, {5} and {6} respectively. Look at the examples:'
     },
     regular: {
       title: 'Regular Toolbars',
       default: 'Default',
-      desc1: 'When you need a toolbar, a responsive drawer and a content to be displayed following the Material Guidelines. This is the default behaviour.',
+      desc1: 'This pattern can be used when you need a toolbar, a responsive drawer and content to be displayed following the Material Guidelines. This is the default behaviour.',
       desc2: 'The order of {0} children is irrelevant. The component will take care of this based on the props that you pass.'
     },
     fixed: {
@@ -86,25 +86,25 @@ export default {
     },
     flexible: {
       title: 'Flexible height and text size',
-      desc: 'Maybe the focus of your page is the title, following by the content itself. The page that shows details of a single contact is a great example of this scenario. So you can use flexible behaviour to give higher piority to your content after scrolling.',
+      desc: 'Maybe the focus of your page is the title, followed by the content itself. A page that shows the details of a single contact is a great example of this scenario. So you can use flexible behaviour to give higher piority to your content after scrolling.',
       flexible: 'Flexible'
     },
     lastRow: {
       title: 'The last toolbar row fixed',
-      desc: 'When your page has some primary navigation buttons, such as tabs and others, you may want them to be always available. You can make the second row of your toolbar always visible, hiding the first one when it\'s not needed. As an example, the WhatsApp main page has this behaviour.',
+      desc: 'When your page has some primary navigation buttons, such as tabs and others, you may want them to always be available. You can make the second row of your toolbar always visible, hiding the first one when it\'s not needed. As an example, the WhatsApp main page has this behaviour.',
       fixed: 'Navigation fixed'
     },
     overlap: {
       title: 'Flexible space with overlapping content',
-      desc: 'If you want to give focus on the content cards you may want to use the overlap. It\'s just an awesome effect!',
+      desc: 'If you want to give focus to the content cards, you may want to use the overlap. It\'s just an awesome effect!',
       content: 'Overlapping content'
     },
     apiApp: {
-      desc: 'In both examples we have 3 distinct areas: Toolbar, Drawer and Content. You should create them using the following tags:',
+      desc: 'In these examples we have 3 distinct areas: Toolbar, Drawer and Content. You should create them using the following tags:',
       toolbar: 'Creates the toolbar accepting any options from the md-toolbar',
-      drawer: 'Places the drawer panel, that also accepts any options from the md-drawer. You can have a left or right placed drawers. Or both.',
+      drawer: 'Places the drawer panel, that also accepts any options from the md-drawer. You can have a left or right placed drawer. Placing multiple drawers is currently not supported.',
       content: 'Here you will add any content for your page.',
-      alert: 'Any other tag passed as a direct child of the md-app tag will be ignored. The component will only look for those three tags and choose the right placement for them.',
+      alert: 'Any other tag passed as a direct child of the md-app tag will be ignored. The component will only look for these three tags and choose the right placement for them.',
       propsDesc: 'The following properties can be applied'
     },
     apiToolbar: {
@@ -121,12 +121,12 @@ export default {
     },
     props: {
       mdMode: 'Sets the toolbar mode. See below the detailed description of each mode.',
-      mdModeFixed: 'Makes the toolbar fixed without any scrolling effect',
+      mdModeFixed: 'Makes the toolbar fixed without any scrolling effect.',
       mdModeFixedLast: 'Keeps the second row of the toolbar fixed and always visible. This NEEDS two md-toolbar-row inside the Toolbar.',
-      mdModeReveal: 'Hides the toolbar temporarily and show it after the scroll. This is a good approach for mobile.',
-      mdModeFlexible: 'Makes the height and the title size flexible to give the content a higher priority',
-      mdModeOverlap: 'Enables the overlapping content',
-      mdWaterfall: 'Enables the waterfall effect, that can be combined with any md-mode',
+      mdModeReveal: 'Hides the toolbar temporarily and shows it after the scroll. This is a good approach for mobile.',
+      mdModeFlexible: 'Makes the height and the title size flexible to give the content a higher priority.',
+      mdModeOverlap: 'Enables the overlapping content.',
+      mdWaterfall: 'Enables the waterfall effect, that can be combined with any md-mode.',
       mdScrollbar: 'Enables the md-scrollbar class to the scrollable content. Read more about the Scrollbar documentation.'
     }
   },