global computed $var

Author: Artur Mędrygał

index.js

@@ -2,4 +2,19 @@ module.exports = (options = {}) => ({
   async extendPageData($page) {
     $page.global = options.variables || {}
   },
+  enhanceAppFiles() {
+    return [
+      {
+        name: 'global-variable',
+        content: `
+        export default ({ Vue }) => { Vue.mixin({
+          computed: {
+            $var() {
+              return this.$page.global
+            }
+          }
+        }) }`.trim(),
+      },
+    ]
+  },
 })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-plugin-global-variables",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "main": "index.js",
   "author": "Artur Mędrygał",
   "license": "MIT",

readme.md

@@ -25,11 +25,15 @@ module.exports = {
 }
 ```
 
-Now, you can simply use `this.$page.global[key]` to get your variable in any template or component.
+Now, you can simply use `$var[key]` or `this.$page.global[key]` to get your variable in any template or component.
 
 Example:
 
 ```vue
+{{ $var.example }}
+
+// or
+
 {{ $page.global.example }}
 ```