Matthew King matt-e-king

## gist:3ac2127025cf5dbc03001d9b21c1984a
// HypothesisEmbed.vue
// This is the component that mounts on the page that has the annotations
// It's important to destroy the client when componenent is unmounted
// because if the component remounts, it creates duplicate annotations in the DOM

<template>
  <div
    id="HypothesisEmbed"
    class="HypothesisEmbed"
  />

## TidioChat.js
/**
 * TidioChat.js
 * A simple VueJS TidioChat component that creates the <script> tag and accepts an array of supported TidioChat events and $emits them back up to the parent
 *
 * vue-loader single file component example
 *
 * <template>
 *   <tidio-chat
 *     src="//code.tidio.co/<app key>.js"
 *     :visitor="visitorObject"

## .block
license: mit

## gtmPlugin.js
/**
  Using the Vuex plugin pattern: https://vuex.vuejs.org/en/plugins.html,
  this plugin will fire off a gtm.trackEvent for each mutation that occurs within your app.
  It will also do a lookup on a literal object methods named after your mutation types. From those methods,
  return a object with looks up on the store.
*/

import Vue from 'vue'
// import mutation-types, see example:
/**
	// HypothesisEmbed.vue
	// This is the component that mounts on the page that has the annotations
	// It's important to destroy the client when componenent is unmounted
	// because if the component remounts, it creates duplicate annotations in the DOM

	<template>
	<div
	id="HypothesisEmbed"
	class="HypothesisEmbed"
	/>
	/**
	* TidioChat.js
	* A simple VueJS TidioChat component that creates the <script> tag and accepts an array of supported TidioChat events and $emits them back up to the parent
	*
	* vue-loader single file component example
	*
	* <template>
	* <tidio-chat
	* src="//code.tidio.co/<app key>.js"
	* :visitor="visitorObject"
	/**
	Using the Vuex plugin pattern: https://vuex.vuejs.org/en/plugins.html,
	this plugin will fire off a gtm.trackEvent for each mutation that occurs within your app.
	It will also do a lookup on a literal object methods named after your mutation types. From those methods,
	return a object with looks up on the store.
	*/

	import Vue from 'vue'
	// import mutation-types, see example:
	/**