sentry/fixtures/integration-docs/javascript-vue.json

{
  "html": "<div class=\"section\" id=\"installation\">\n<h2>Installation</h2>\n<p>Raven.js and the Raven.js Vue plugin are distributed using a few different methods.</p>\n<div class=\"section\" id=\"using-our-cdn\">\n<h3>Using our CDN</h3>\n<p>For convenience, our CDN serves a single, minified JavaScript file containing both Raven.js and the Raven.js Vue plugin. It should be included <strong>after</strong> Vue, but <strong>before</strong> your application code.</p>\n<p>Example:</p>\n<div class=\"highlight-html\"><div class=\"highlight\" style=\"background: #ffffff\"><pre style=\"line-height: 125%\"><span></span><span style=\"color: #111111\">&lt;</span><span style=\"color: #2eb0f7\">script</span> <span style=\"color: #a47ac6\">src</span><span style=\"color: #4b4f5c\">=</span><span style=\"color: #e8535a\">&quot;https://cdn.jsdelivr.net/vue/2.0.0-rc/vue.min.js&quot;</span><span style=\"color: #111111\">&gt;&lt;/</span><span style=\"color: #2eb0f7\">script</span><span style=\"color: #111111\">&gt;</span>\n<span style=\"color: #111111\">&lt;</span><span style=\"color: #2eb0f7\">script</span> <span style=\"color: #a47ac6\">src</span><span style=\"color: #4b4f5c\">=</span><span style=\"color: #e8535a\">&quot;https://cdn.ravenjs.com/3.20.1/vue/raven.min.js&quot;</span>\n    <span style=\"color: #a47ac6\">crossorigin</span><span style=\"color: #4b4f5c\">=</span><span style=\"color: #e8535a\">&quot;anonymous&quot;</span><span style=\"color: #111111\">&gt;&lt;/</span><span style=\"color: #2eb0f7\">script</span><span style=\"color: #111111\">&gt;</span>\n<span style=\"color: #111111\">&lt;</span><span style=\"color: #2eb0f7\">script</span><span style=\"color: #111111\">&gt;Raven.config(</span><span style=\"color: #e8535a\">&#39;___PUBLIC_DSN___&#39;</span><span style=\"color: #111111\">).install();&lt;/</span><span style=\"color: #2eb0f7\">script</span><span style=\"color: #111111\">&gt;</span>\n</pre></div>\n</div>\n<p>Note that this CDN build auto-initializes the Vue plugin.</p>\n</div>\n<div class=\"section\" id=\"using-package-managers\">\n<h3>Using package managers</h3>\n<p>Both Raven.js and the Raven.js Vue plugin can be installed via npm and Bower.</p>\n<div class=\"section\" id=\"npm\">\n<h4>npm</h4>\n<div class=\"highlight-sh\"><div class=\"highlight\" style=\"background: #ffffff\"><pre style=\"line-height: 125%\"><span></span>$ npm install raven-js --save\n</pre></div>\n</div>\n</div>\n<div class=\"section\" id=\"bower\">\n<h4>Bower</h4>\n<div class=\"highlight-sh\"><div class=\"highlight\" style=\"background: #ffffff\"><pre style=\"line-height: 125%\"><span></span>$ bower install raven-js --save\n</pre></div>\n</div>\n<p>In your main application file, import and configure both Raven.js and the Raven.js Vue plugin as follows:</p>\n<div class=\"highlight-js\"><div class=\"highlight\" style=\"background: #ffffff\"><pre style=\"line-height: 125%\"><span></span><span style=\"color: #2eb0f7\">import</span> <span style=\"color: #111111\">Vue</span> <span style=\"color: #111111\">from</span> <span style=\"color: #e8535a\">&#39;vue&#39;</span><span style=\"color: #111111\">;</span>\n<span style=\"color: #2eb0f7\">import</span> <span style=\"color: #111111\">Raven</span> <span style=\"color: #111111\">from</span> <span style=\"color: #e8535a\">&#39;raven-js&#39;</span><span style=\"color: #111111\">;</span>\n<span style=\"color: #2eb0f7\">import</span> <span style=\"color: #111111\">RavenVue</span> <span style=\"color: #111111\">from</span> <span style=\"color: #e8535a\">&#39;raven-js/plugins/vue&#39;</span><span style=\"color: #111111\">;</span>\n\n<span style=\"color: #111111\">Raven</span>\n    <span style=\"color: #111111\">.config(</span><span style=\"color: #e8535a\">&#39;___PUBLIC_DSN___&#39;</span><span style=\"color: #111111\">)</span>\n    <span style=\"color: #111111\">.addPlugin(RavenVue,</span> <span style=\"color: #111111\">Vue)</span>\n    <span style=\"color: #111111\">.install();</span>\n</pre></div>\n</div>\n</div>\n</div>\n</div>\n",
  "link": "https://docs.getsentry.com/clients/javascript/integrations/vue/",
  "id": "javascript-vue",
  "name": "Vue"
}