Object notation, dynamic classes, global config

Author: Akryum

README.md

@@ -67,6 +67,59 @@ You can specify the tooltip position as a modifier:
 
 See the available positions in the [tether-tooltip documentation](http://github.hubspot.com/tooltip/#changing-the-positioning).
 
+## Dynamic CSS classes
+
+You can set the tooltip css classes dynamically with the object notation:
+
+```html
+<button v-tooltip="{ content: 'You have ' + count + ' new messages.', classes: ['a', 'b'] }">
+```
+
+This will replace the default CSS classe with 'a b' on the tooltip element.
+
+You can also use the standard class notation:
+
+```html
+<button v-tooltip="{ content: 'You have ' + count + ' new messages.', classes: 'a b' }">
+```
+
+Or a reactive property:
+
+```html
+<button v-tooltip="{ content: 'You have ' + count + ' new messages.', classes: tooltipClasses }">
+```
+
+## Global options
+
+The default global options are:
+
+```javascript
+{
+  defaultClass: 'vue-tooltip-theme',
+  tetherOptions: {
+    constraints: [
+      {
+        to: 'window',
+        attachment: 'together',
+        pin: true,
+      },
+    ],
+  },
+}
+```
+
+You can change the options during install with the arguments:
+
+```javascript
+Vue.use(VTooltip, options)
+```
+
+Or directly on the directive definition:
+
+```javascript
+VTooltip.options.defaultClass = 'my-tooltip'
+```
+
 # Example Style
 
 ## Sass / Less

dist/v-tooltip.browser.js

@@ -1,6 +1,6 @@
 {
   "name": "v-tooltip",
-  "version": "1.0.6",
+  "version": "1.1.1",
   "description": "Easy tooltips with Vue 2.x",
   "main": "dist/v-tooltip.common.js",
   "unpkg": "dist/v-tooltip.browser.js",
@@ -41,7 +41,7 @@
     "eslint-loader": "^1.6.1",
     "eslint-plugin-promise": "^3.4.0",
     "eslint-plugin-standard": "^2.0.1",
-    "webpack": "^2.1.0-beta.25",
+    "webpack": "^2.2",
     "webpack-merge": "^1.1.2"
   }
 }

dist/v-tooltip.common.js

@@ -1,6 +1,8 @@
-import vtooltip from './v-tooltip'
+import vtooltip, { defaultOptions } from './v-tooltip'
 
-export function install (Vue) {
+export function install (Vue, options) {
+  options = Object.assign({}, defaultOptions, options || {})
+  vtooltip.options = options
   Vue.directive('tooltip', vtooltip)
 }