<h3 dir="auto">What problem does this feature solve?</h3>
<p dir="auto">I have a trouble with template bugs. The vue warning identifies the file but not the specific location of the error. For example when I access some property of undefined object I receive the name of property and that is all. If this property has multiple occurences it is hard to find which is the root cause. The source map unfortunatelly does not apply for template code.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[Vue warn]: Error in render: &quot;TypeError: Cannot read property 'since' of undefined&quot;
found in
---&gt; &lt;Profile&gt; at src/views/Profile.vue
   &lt;App&gt; at src/App.vue
     &lt;Root&gt;"><pre class="notranslate"><code class="notranslate">[Vue warn]: Error in render: "TypeError: Cannot read property 'since' of undefined"
found in
---&gt; &lt;Profile&gt; at src/views/Profile.vue
   &lt;App&gt; at src/App.vue
     &lt;Root&gt;
</code></pre></div>
<p dir="auto">This error from the error handler is useless too:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="TypeError: Cannot read property 'since' of undefined
at Proxy.render (Profile.vue?08f5:69)
at VueComponent.Vue._render (vue.runtime.esm.js:3548)
at VueComponent.updateComponent (vue.runtime.esm.js:4066)
at Watcher.get (vue.runtime.esm.js:4479)
at Watcher.run (vue.runtime.esm.js:4554)
at flushSchedulerQueue (vue.runtime.esm.js:4310)
at Array.&lt;anonymous&gt; (vue.runtime.esm.js:1980)
at flushCallbacks (vue.runtime.esm.js:1906)"><pre class="notranslate"><code class="notranslate">TypeError: Cannot read property 'since' of undefined
at Proxy.render (Profile.vue?08f5:69)
at VueComponent.Vue._render (vue.runtime.esm.js:3548)
at VueComponent.updateComponent (vue.runtime.esm.js:4066)
at Watcher.get (vue.runtime.esm.js:4479)
at Watcher.run (vue.runtime.esm.js:4554)
at flushSchedulerQueue (vue.runtime.esm.js:4310)
at Array.&lt;anonymous&gt; (vue.runtime.esm.js:1980)
at flushCallbacks (vue.runtime.esm.js:1906)
</code></pre></div>
<p dir="auto">I prepared minimum reproducible project: <a href="https://wwww.github.com/literakl/vue-errors">https://wwww.github.com/literakl/vue-errors</a></p>
<h3 dir="auto">What does the proposed API look like?</h3>
<p dir="auto">The error can look this way:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[Vue warn]: Error in render at line 35: &quot;TypeError: Cannot read property 'since' of undefined&quot;
found in
---&gt; &lt;Profile&gt; at src/views/Profile.vue
   &lt;App&gt; at src/App.vue
     &lt;Root&gt;"><pre class="notranslate"><code class="notranslate">[Vue warn]: Error in render at line 35: "TypeError: Cannot read property 'since' of undefined"
found in
---&gt; &lt;Profile&gt; at src/views/Profile.vue
   &lt;App&gt; at src/App.vue
     &lt;Root&gt;
</code></pre></div>
<h3 dir="auto">What problem does this feature solve?</h3>
<p dir="auto">I don't want to add mixin to every route page, and I don't want to add global mixin to affect all components even with third parties</p>
<p dir="auto">let's do this with one single code ok ?</p>
<h3 dir="auto">What does the proposed API look like?</h3>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="this.$keepalive[id].purge(Component)  // purge the cache of the Component's instance if exists"><pre class="notranslate"><code class="notranslate">this.$keepalive[id].purge(Component)  // purge the cache of the Component's instance if exists
</code></pre></div>