More Premium Hugo Themes Premium Nuxt Themes

Nuxt Svg Transformer

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

Nuxt Svg Transformer

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

Author Avatar Theme by kiwilan
Github Stars Github Stars: 27
Last Commit Last Commit: Oct 1, 2023 -
First Commit Created: Dec 18, 2023 -
Nuxt Svg Transformer screenshot

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.