Для настройки путей к SVG файлам в проекте на Vue можно использовать файл `vite.config.js` для сборщика Vite. В этом файле можно добавить плагин `vite-plugin-svg-icons`, который позволит автоматически копировать SVG иконки из папки `src` в папку `public` при сборке проекта. Для этого необходимо установить данный плагин с помощью npm:
```bash
npm install vite-plugin-svg-icons --save-dev
```
Затем в файле `vite.config.js` добавить следующий код:
```javascript
import svgIcons from 'vite-plugin-svg-icons';
export default {
plugins: [
svgIcons({
iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
symbolId: 'icon-[dir]-[name]',
}),
],
};
```
Этот код настроит плагин для копирования иконок из папки `src/assets/icons` в папку `public`. Кроме того, каждая иконка будет иметь уникальный `id`, сгенерированный на основе имени файла.
Таким образом, при сборке проекта иконки будут скопированы в папку `public` и будут доступны по правильным путям.
После настройки путей к SVG файлам и копирования иконок в папку `public` следует обновить пути к иконкам в компонентах Vue, чтобы они указывали на новые пути, например:
```vue
<template>
<div>
<img src="/assets/icons/icon-name.svg" alt="Icon" />
</div>
</template>
```
После этого ошибки линтера, связанные с путями к SVG файлам, должны быть исправлены.