Support RTL language issues: 80 , 1284

.github/ISSUE_TEMPLATE.md

@@ -4,12 +4,13 @@ Reporting a bug?
 ================
 
 - Always search for your issue first. It may have already been answered, planned or fixed in some branch.
+- Open one issue per subject. Cluttered issues will be closed.
 - Make sure to only create issues for the newest version.
 - Create a declarative title and describe clearly the steps necessary to reproduce the issue. If an issue labeled "need repro" receives no further input from the issue author for more than 3 days, it will be closed.
-- If you want to show your code please use [Codepen](http://codepen.io/pen/) or [JSFiddle](https://jsfiddle.net/). You could start with [this template](http://codepen.io/vue-material/pen/WGavBE).
-- In case you found a solution by yourself, it could be helpful to explain how you fixed it.
+- If you want to show your code, please use [Codepen](http://codepen.io/pen/) or [JSFiddle](https://jsfiddle.net/). You can start with [this template](https://codepen.io/vue-material/pen/RxGmyb).
+- In case you found a solution by yourself, it could be helpful to explain how you have fixed it.
 - For bugs that involves build setups, you can create a reproduction repository with steps in the README.
-- If your issue is resolved but still open, don’t hesitate to close it. In case you found a solution by yourself, it could be helpful to explain how you fixed it.
+- If your issue is resolved but still open, don’t hesitate to close it. 
 
 Have a feature request?
 =======================

README.md

@@ -31,7 +31,7 @@ Build well-designed apps that can fit on every screen with support to all modern
 ## Sponsorship
 
 Vue Material is proudly sponsored by [Rollbar](https://cs.berry.sh/c/c0597778-f465-4788-abe3-8711cc087774
-). They provide real-time error monitoring, alerting, and analytics for developers.
+). They provide real-time JavaScript error monitoring, alerting, and analytics for developers. :rocket:
 
 You can try Rollbar for free at [https://rollbar.com](https://cs.berry.sh/c/c0597778-f465-4788-abe3-8711cc087774
 ) <img src="https://cs.berry.sh/l/c0597778-f465-4788-abe3-8711cc087774/pixel.png" />

build/loaders/component-example-loader.js

@@ -3,8 +3,9 @@ const pretty = require('pretty')
 const prettier = require('prettier')
 const path = require('path')
 const compiler = require('vue-template-compiler')
-const transpile = require('vue-template-es2015-compiler')
 const { resolvePath } = require('../config')
+const { transform } = require('babel-core')
+const transpile = code => transform(code, {extends: resolvePath('.babelrc')}).code
 const { getIndentedSource } = require('../../docs/app/mixins/codeSource')
 
 function camelCaseToDash (str) {

docs/app/components/AdManager.vue

@@ -5,7 +5,7 @@
 
       <a :href="linkHref" class="code-sponsor-content" target="_blank" rel="noopener">
         <strong class="code-sponsor-name">Rollbar</strong>
-        <span class="code-sponsor-description">Real-time error monitoring, alerting, and analytics for developers 🚀</span>
+        <span class="code-sponsor-description">Real-time JavaScript error monitoring, alerting, and analytics for developers 🚀</span>
       </a>
 
       <img class="code-sponsor-pixel" :src="pixelHref" />

docs/app/config.js

@@ -2,7 +2,7 @@ import Vue from 'vue'
 import Axios from 'axios'
 import VueRouter from 'vue-router'
 import Vuei18n from 'vue-i18n'
-import enUS from './i18n/en-US'
+import i18nLocales from './i18n'
 import { routes } from './routes'
 import createRoute from './routes'
 
@@ -18,12 +18,10 @@ const mappedRoutes = routes.map(route => ({
   component: () => import(`./pages/${route.page}`)
 }))
 
-export const currentLang = enUS
+export const currentLang = i18nLocales.enUS
 export const i18n = new Vuei18n({
-  locale: 'en-US',
-  messages: {
-    'en-US': enUS
-  }
+  locale: 'enUS',
+  messages: i18nLocales
 })
 
 export const router = new VueRouter({

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

@@ -0,0 +1,6 @@
+export default {
+  code: {
+    copyMessage: 'Code copied!',
+    copy: 'Copy'
+  }
+}

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

@@ -0,0 +1,16 @@
+import components from './components'
+import pages from './pages'
+
+export default {
+  aboutMaterial: 'About Vue Material',
+  madeWith: 'Made with',
+  by: 'by',
+  code: 'Code',
+  example: 'Example',
+  default: 'Default',
+  darkTheme: 'Dark Theme',
+  lightTheme: 'Light Theme',
+
+  pages,
+  components
+}