When used in a script tag automatically install on global Vue instance

Author: foxbenjaminfox

CHANGELOG.md

@@ -2,6 +2,7 @@
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 # Changelog
 
+- [v2.1.1](#v211)
 - [v2.1.0](#v210)
 - [v2.0.0](#v200)
 - [v1.4.0](#v140)
@@ -11,15 +12,18 @@
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
+### v2.1.1
+  * Automatic installation when used in a script tag.
+
 ### v2.1.0
   * Allow object syntax for defining computed properties.
-  * Enable custom default values
+  * Enable custom default values.
 
 ### v2.0.0
-  * Now compatible with Vue 2.0
+  * Now compatible with Vue 2.0.
 
 ### v1.4.0
-  * Add CommonJS support
+  * Add CommonJS support.
 
 ### v1.2.0
   * Use the same strategy to merge `asyncComputed` objects as regular `computed` objects.

LICENSE

@@ -1,6 +1,6 @@
 This software is released under the MIT license:
 
-Copyright (c) 2016 Benjamin Fox [email protected]
+Copyright (c) 2016 Benjamin Fox <[email protected]>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in

README.md

@@ -94,6 +94,28 @@ new Vue({
 npm install --save vue-async-computed
 ````
 
+Alternately, you can link it directly from a CDN:
+
+````html
+<script src="https://unpkg.com/vue-async-computed"></script>
+<!-- 
+  That will always point to the latest version of vue-async-computed.
+  You probably want to instead pin it to a specific version:
+-->
+<script src="https://unpkg.com/[email protected]"></script>
+````
+
+When used with a module system such as `webpack` or `browserify`, you need to explicitly install `vue-async-computed` via `Vue.use()`:
+
+````js
+import Vue from 'vue'
+import AsyncComputed from 'vue-async-computed'
+
+Vue.use(AsyncComputed)
+````
+
+You don't need to do this when using global script tags. So long as you include `vue-async-computed` in a script tag after Vue itself, it will be installed automatically.
+
 ## Usage example
 
 ````js

src/index.js

@@ -1,9 +1,14 @@
 const prefix = '_async_computed$'
 
-export default {
+let installed = false
+
+const AsyncComputed = {
   install (Vue, options) {
     options = options || {}
 
+    if (installed) return
+    installed = true
+
     Vue.config
       .optionMergeStrategies
       .asyncComputed = Vue.config.optionMergeStrategies.computed
@@ -59,3 +64,10 @@ export default {
     })
   }
 }
+
+export default AsyncComputed
+
+// Auto install in dist mode
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.use(AsyncComputed)
+}