fix vue material instance on non commonjs env #220

Author: marcosmoura

docs/changelog.html

@@ -1,6 +1,6 @@
 <section>
   <h2 class="md-headline">
-    <a href="https://vuematerial.github.io/releases/v0.5.0/">v0.5.0 - New Grid System Engine!</a>
+    <a href="https://vuematerial.github.io/">v0.5.0 - New Grid System Engine!</a>
   </h2>
 
   <h3 class="md-title">New Components:</h3>

docs/src/components/PageContent.vue

@@ -125,7 +125,7 @@
         this.availableDocs = versions;
       },
       setCurrentByLocation() {
-        let normalizedPathname = location.pathname.replace(/\/|v/g, '');
+        let normalizedPathname = location.pathname.replace(/\/|releases\/v/g, '');
 
         if (normalizedPathname && this.availableDocs.indexOf(normalizedPathname) >= 0) {
           this.currentDocs = normalizedPathname;

docs/src/pages/themes/Configuration.vue

@@ -102,6 +102,10 @@
         <code-block lang="javascript">
           Vue.material.setCurrentTheme('about')
         </code-block>
+        Or inside a Vue instance:
+        <code-block lang="javascript">
+          this.$material.setCurrentTheme('about')
+        </code-block>
       </section>
 
       <section>

src/core/components/mdTheme/index.js

@@ -157,4 +157,6 @@ export default function install(Vue) {
   });
 
   Vue.component('md-theme', MdTheme);
+
+  Vue.prototype.$material = Vue.material;
 }

src/core/components/mdTheme/mixin.js

@@ -1,5 +1,3 @@
-import Vue from 'vue';
-
 export default {
   props: {
     mdTheme: String
@@ -29,17 +27,21 @@ export default {
       let theme = this.closestThemedParent.mdTheme;
 
       if (!theme) {
-        theme = this.closestThemedParent.mdName;
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
       }
 
-      return 'md-theme-' + (theme || Vue.material.currentTheme);
+      return 'md-theme-' + theme;
     }
   },
   mounted() {
     this.closestThemedParent = this.getClosestThemedParent(this.$parent);
 
-    if (!Vue.material.currentTheme) {
-      Vue.material.setCurrentTheme('default');
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
     }
   }
 };