Add for default slot in vue SFC.

[rumansaleem]

Adding default slot will enable consumers to make their SVG icons more accessible by adding custom title to the icon depending on the context where they are used.

Example:

<template>
    ...
    <a href="mailto:somebody@example.com">
       <EnvelopeIcon>
           <title>Email: somebody@example.com</title>
       </EnvelopeIcon>
    </a>
    ...
</template>
<script>
import EnvelopeIcon from './../icons/envelope.svg';
export default {
    components: { EnvelopeIcon },
    ...
}
</script>

This way consumer can use component icon at mutliple places with different titles.

[mrleblanc101]

You should probably put the alt text inside the <a> and hide the icon to screen reader