v2.0.0

What's Changed

• Drop supports of Vite 3 #24
• Update dependencies
• Make prefix optional #29 by @jochensengier
• Fix ESM build #22
• Change the project to ESM

Drop supports of Vite 3

The version 5 of ViteJS is shipped so the plugin drop support of Vite 3.

• The NodeJS version supported will stay at 14.18.0 || >=16.0.0 because Vite 4 support this version. I recommend to switch to Node 20 since this is the new LTS version.
• The plugin will no longer works with Vite 3 because of hooks change in the last version of ViteJS (especially transformIndexHtml changes).

v1.4.0

What's Changed

• Update dependencies
• Optimize CI
• Change for output file generation #14
• Move demo into pnpm workspace
• Fix wrong attribute usage in readme #18
• Fix file path transformation to respect base path #21

v1.3.0

What's Changed

• Add Vue component support

<script setup lang="ts">
import SpiriitView from './icons/spiriit.svg?view'
import SpiriitUse from './icons/spiriit.svg?use'
import ViteView from './icons/vite.svg?view'
import ViteUse from './icons/vite.svg?use'
</script>

<template>
  <h1>Vite Plugin SVG Spritemap Demo with VueJS</h1>

  <p>This is a demo of the Vite Plugin SVG Spritemap working with VueJS component.</p>

  <div class="example">
    <h2>Spritemap with &lt;use> via Vue component</h2>

    <div class="example__svgs">
      <SpiriitUse>
        <title>My superb logo</title>
      </SpiriitUse>
      <ViteUse />
    </div>
  </div>

  <div class="example">
    <h2>Spritemap with &lt;img> (fragments) via Vue component</h2>

    <div class="example__svgs">
      <SpiriitView />
      <ViteView />
    </div>
  </div>
</template>

• Add test for Vue component and injectSvgOnDev
• Fix injectSVG error

Full Changelog: v1.2.0...v1.3.0

v1.2.0

What's Changed

• #5 Add support for vite serving assets
• Update readme
• #10 Fix licence
• Update dependecies

Full Changelog: v1.1.0...v1.2.0

v1.1.0

What's Changed

• Add mask mixin : you just need to add the mode parameter. For example in scss:

@include sprite('spiriit', $mode: 'mask');

It is recommanded to use postcss autoprefixer when you are using the mask property for -webkit compatibility.

• Update dependencies

Full Changelog: v1.0.2...v1.1.0

v1.0.2

• Update dependencies
• Update pnpm version to 8
• Update CI to reflect ViteJS test scope
• Fix sourcemap generation #6

v1.0.1

• Update dependencies
• Replace prettier by @antfu/eslint-config
• Fix #2

v1.0.0

• Initial release