<h3 dir="auto">Version</h3>
<p dir="auto">2.6.11</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://jsbin.com/lurayuxofo/edit?html,js,console,output" rel="nofollow">https://jsbin.com/lurayuxofo/edit?html,js,console,output</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ul dir="auto">
<li>Include inline SVG with some styles within a Vue instance</li>
<li>Init vue instance</li>
</ul>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">SVG to be styled according to the style element</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">Vue is giving a warning "[Vue warn]: Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as &lt;style&gt;. " and also stripping the style element so the SVG is appearing with no style.</p>
<hr>
<p dir="auto">I am opening the exact same issue as this <a href="https://github.com/vuejs/vue/issues/4144" data-hovercard-type="issue" data-hovercard-url="/vuejs/vue/issues/4144/hovercard">one</a> because it's been ignored and this should be fixed by now.</p>
<p dir="auto">It's been plaguing vue since 2016.</p>
<h1 dir="auto">The fix so far:</h1>
<p dir="auto">In the meantime, this can be fixed by adding this attribute <code class="notranslate">xmlns:svg="http://www.w3.org/2000/svg"</code> to your <code class="notranslate">&lt;svg&gt;</code> tag and writing your style as this : <code class="notranslate">&lt;svg:style type="text/css"&gt;</code></p>
<p dir="auto">Duplicates <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="183279684" data-permission-text="Title is private" data-url="https://github.com/vuejs/vue/issues/3957" data-hovercard-type="issue" data-hovercard-url="/vuejs/vue/issues/3957/hovercard" href="https://github.com/vuejs/vue/issues/3957">#3957</a></p>

<h3 dir="auto">Vue.js version</h3>
<p dir="auto">2.1.8</p>
<h3 dir="auto">Reproduction Link</h3>
<p dir="auto"><a href="https://jsfiddle.net/CinKon/qwaacqon/1/" rel="nofollow">https://jsfiddle.net/CinKon/qwaacqon/1/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Open DevTools. Console-Error:<br>
<code class="notranslate">[Vue warn]: Property or method "myText" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.  (found in root instance)</code></p>
<h3 dir="auto">What is Expected?</h3>
<p dir="auto">Props that are imported via mixin should render without problems.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">Console throws error, prop is not transmitted.</p>