mirror of https://github.com/go-gitea/gitea.git
Before, the Vue `<SvgIcon>` always outputs DOM nodes like:
```html
<span class="outer-class">
<svg class="class-name-defined" ...></svg>
</span>
```
The `span` is redundant and I guess such layout and the inconsistent
`class/class-name` attributes would cause bugs sooner or later.
This PR makes the `<SvgIcon>` clear, and it's faster than before,
because it doesn't need to parse the whole SVG string.
Before:
<details>

</details>
After:

---------
Co-authored-by: silverwind <me@silverwind.io>
|
||
|---|---|---|
| .. | ||
| security | ||
| account.tmpl | ||
| appearance.tmpl | ||
| applications.tmpl | ||
| applications_oauth2.tmpl | ||
| applications_oauth2_edit.tmpl | ||
| applications_oauth2_edit_form.tmpl | ||
| applications_oauth2_list.tmpl | ||
| grants_oauth2.tmpl | ||
| hook_new.tmpl | ||
| hooks.tmpl | ||
| keys.tmpl | ||
| keys_gpg.tmpl | ||
| keys_principal.tmpl | ||
| keys_ssh.tmpl | ||
| navbar.tmpl | ||
| organization.tmpl | ||
| packages.tmpl | ||
| packages_cleanup_rules_edit.tmpl | ||
| packages_cleanup_rules_preview.tmpl | ||
| profile.tmpl | ||
| repos.tmpl | ||
| secrets.tmpl | ||