Added svg support

This commit is contained in:
Neshura 2023-03-16 22:16:54 +01:00
parent e5dd399a07
commit e2f75f43b2
Signed by: Neshura
GPG key ID: B6983AAA6B9A7A6C
4 changed files with 1430 additions and 8 deletions

View file

@ -5,6 +5,14 @@ const nextConfig = {
output: 'standalone', output: 'standalone',
compiler: { compiler: {
styledComponents: true, styledComponents: true,
},
webpack(config) {
config.module.rules.push({
test: /\.svg$/,
use: [{ loader: "@svgr/webpack", options: { icon: true } }]
});
return config;
} }
}; };

View file

@ -10,6 +10,7 @@
"lint": "next lint" "lint": "next lint"
}, },
"dependencies": { "dependencies": {
"@svgr/webpack": "^6.5.1",
"eslint-config": "^0.3.0", "eslint-config": "^0.3.0",
"next": "^13.0.6", "next": "^13.0.6",
"react": "^18.2.0", "react": "^18.2.0",

View file

@ -1 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000"><path d="M21 3h-6m6 0l-9 9m9-9v6" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h6" stroke="#000000" stroke-width="1.5" stroke-linecap="round"></path></svg> <?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor">
<path d="M21 3h-6m6 0l-9 9m9-9v6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M21 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
</svg>

Before

Width:  |  Height:  |  Size: 431 B

After

Width:  |  Height:  |  Size: 458 B

1423
yarn.lock

File diff suppressed because it is too large Load diff