Support arbitrary HTML Attributes

[jherdman]

To aid with tooling like AlpineJS the following would be nice:

<%= inline_svg_pack_tag "my/svg.svg", 'x-show': 'foo' %>

Ideally any HTML attribute ought to be supported.

Let's look at the options table:

key	description
id	set a ID attribute on the SVG
class	set a CSS class attribute on the SVG
style	set a CSS style attribute on the SVG
data	add data attributes to the SVG (supply as a hash)
size	set width and height attributes on the SVG Can also be set using height and/or width attributes, which take precedence over size Supplied as "{Width} * {Height}" or "{Number}", so "30px*45px" becomes width="30px" and height="45px", and "50%" becomes width="50%" and height="50%"
title	add a <title> node inside the top level of the SVG document
desc	add a <desc> node inside the top level of the SVG document
nocomment	remove comment tags from the SVG document
preserve_aspect_ratio	adds a preserveAspectRatio attribute to the SVG
aria	adds common accessibility attributes to the SVG (see PR #34 for details)
aria_hidden	adds the aria-hidden=true attribute to the SVG
fallback	set fallback SVG document

I think a great many of these would benefit from a change in API that allowed for arbitrary HTML attrs.

Hypothetical future API:

<%= inline_svg "foo.svg",
  attrs: { aria: { hidden: true }, class: "fill-current", id: "123" },
  svg: { title: "My foo" },
  fallback: "whatever"
%>