How to Dynamically Inline SVG Files in Vue Components

Episode 38 Run Time 16:09

Imagine that you need to iterate over a list of items and render the contents of an SVG icon for each. With PHP, this is a cinch. We only need to append the .blade.php extension to each file. Then, we can dynamically @include the necessary SVG file. However, when inside a Vue component, things get a bit more tricky. I recently hit a roadblock when working on this very issue. In this episode, we'll review how to solve this problem with webpack and Laravel Mix. A special hat tip goes out to Caleb Porzio, who documented the solution we review in this episode.

Publish Date: July 9, 2019