diff --git a/.vscode/settings.json b/.vscode/settings.json
index 02fc543..90767c9 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,6 +1,6 @@
{
"editor.codeActionsOnSave": {
- "source.fixAll.eslint": true
+ "source.fixAll.eslint": "explicit"
},
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
diff --git a/README.md b/README.md
index d0f3456..78cc9b5 100644
--- a/README.md
+++ b/README.md
@@ -80,9 +80,12 @@ yarn install
4. Go to the [**`src/data/svgs.ts`**](https://github.com/pheralb/svgl/blob/main/src/data/svgs.ts) and add the information about your logo, following the structure:
+> [!IMPORTANT]
+> To avoid conflicts with other svgs IDs, generate a short random number for the id: [Generate (only check 'include numbers')](https://nanoid.yuuniworks.com/).
+
```json
{
- "id": 1,
+ "id": 45248,
"title": "Title",
"category": "Category",
"route": "/library/your_logo.svg",
diff --git a/src/app.html b/src/app.html
index f3f9eab..6f17e09 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,4 +1,4 @@
-
+
@@ -27,7 +27,10 @@
A beautiful library with SVG logos - Svgl
%sveltekit.head%
-
+
%sveltekit.body%
diff --git a/src/data/svgs.ts b/src/data/svgs.ts
index 9ec6351..f62dfea 100644
--- a/src/data/svgs.ts
+++ b/src/data/svgs.ts
@@ -1578,20 +1578,34 @@ export const svgs: iSVG[] = [
},
{
id: 226,
+ title: 'Dub',
+ category: 'Software',
+ route: '/library/dub.svg',
+ url: 'https://dub.co'
+ },
+ {
+ id: 227,
+ title: 'Opera',
+ category: 'Browser',
+ route: '/library/opera.svg',
+ url: 'https://www.opera.com'
+ },
+ {
+ id: 228,
title: 'Unreal Engine',
category: 'Software',
route: '/library/unreal_engine.svg',
url: 'https://www.unrealengine.com/'
},
{
- id: 227,
+ id: 229,
title: 'Godot Engine',
category: 'Software',
route: '/library/godot_engine.svg',
url: 'https://godotengine.org/'
},
{
- id: 228,
+ id: 230,
title: 'Datadog',
category: 'Software',
route: '/library/datadog.svg',
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b5b4d0b..4f3f2d4 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -28,7 +28,7 @@
import Theme from '@/components/theme.svelte';
-
+