Tailwind Resources Logo Tailwind Resources
Nuxt Svg Transformer screenshot

Nuxt Svg Transformer

Author Avatar Theme by Kiwilan
Updated: 1 Oct 2023
27 Stars

Nuxt 3 module. Transform SVG to inject dynamically into Vue component, type included. Powered by unplugin.

Github Live Preview

Categories

Nuxt Vue

Overview

The Nuxt SVG transformer is a deprecated repository that has been replaced by unplugin-svg-transformer. It is a Nuxt 3 module that allows users to manage SVG icons and transform them to be dynamically injected into Vue components. The module also includes type validation for SVG files.

Features

  • Nuxt 3 support
  • Ready-to-use Vue component with SvgIcon
  • Hot reloading when SVG files are updated
  • Reactivity option
  • Seperate index SVG files
  • Direct injection of SVG files without the need for import
  • Options to add or clear global style and class attributes
  • SVG type validation using the name prop (TypeScript required)

Installation

To use the Nuxt SVG transformer, it is recommended to install unplugin-svg-transformer instead. Please refer to the documentation for the installation guide.

// Add it to nuxt.config.ts
// See documentation for further details

Summary

The Nuxt SVG transformer is a deprecated module that has been replaced by unplugin-svg-transformer. It offers various features such as Nuxt 3 support, ready-to-use Vue components, hot reloading, and options for global style and class attributes. It is recommended to install unplugin-svg-transformer instead for managing SVG icons in Nuxt projects.