PrimeIcon updates

pull/5513/head
tugcekucukoglu 2024-03-29 14:49:59 +03:00
parent 50ac97f5ae
commit 15c296d753
7 changed files with 40 additions and 8 deletions

View File

@ -558,7 +558,8 @@
"children": [ "children": [
{ {
"name": "Prime Icons", "name": "Prime Icons",
"to": "/icons" "to": "/icons",
"badge": "UPDATED"
}, },
{ {
"name": "Custom Icons", "name": "Custom Icons",

8
doc/icons/FigmaDoc.vue Normal file
View File

@ -0,0 +1,8 @@
<template>
<DocSectionText v-bind="$attrs">
<p>
PrimeIcons library is now available on <a href="https://www.figma.com/community/file/1354343849355792252/primeicons" target="_blank" rel="noopener noreferrer">Figma Community</a>. By adding them as a library, you can easily use these
icons in your designs.
</p>
</DocSectionText>
</template>

View File

@ -43,7 +43,24 @@ export default {
}, },
computed: { computed: {
filteredIcons() { filteredIcons() {
if (this.filter) return this.icons.filter((icon) => icon.properties.name.indexOf(this.filter.toLowerCase()) > -1); let sanitizedInput = this.filter?.replace(/[^\w\s]/gi, '').replace(/\s/g, '');
if (this.filter)
return this.icons.filter((icon) => {
return (
icon.icon.tags.some((tag) =>
tag
.replace(/[^\w\s]/gi, '')
.replace(/\s/g, '')
.includes(sanitizedInput.toLowerCase())
) ||
icon.properties.name
.replace(/[^\w\s]/gi, '')
.replace(/\s/g, '')
.toLowerCase()
.includes(sanitizedInput.toLowerCase())
);
});
else return this.icons; else return this.icons;
} }
} }

8
package-lock.json generated
View File

@ -38,7 +38,7 @@
"nuxt": "3.3.2", "nuxt": "3.3.2",
"prettier": "2.7.1", "prettier": "2.7.1",
"primeflex": "^3.3.1", "primeflex": "^3.3.1",
"primeicons": "^6.0.1", "primeicons": "^7.0.0",
"quill": "^1.3.7", "quill": "^1.3.7",
"rollup-plugin-postcss": "^4.0.0", "rollup-plugin-postcss": "^4.0.0",
"rollup-plugin-terser": "^7.0.2", "rollup-plugin-terser": "^7.0.2",
@ -13912,9 +13912,9 @@
"dev": true "dev": true
}, },
"node_modules/primeicons": { "node_modules/primeicons": {
"version": "6.0.1", "version": "7.0.0",
"resolved": "https://registry.npmjs.org/primeicons/-/primeicons-6.0.1.tgz", "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-7.0.0.tgz",
"integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA==", "integrity": "sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw==",
"dev": true "dev": true
}, },
"node_modules/process-nextick-args": { "node_modules/process-nextick-args": {

View File

@ -66,7 +66,7 @@
"nuxt": "3.3.2", "nuxt": "3.3.2",
"prettier": "2.7.1", "prettier": "2.7.1",
"primeflex": "^3.3.1", "primeflex": "^3.3.1",
"primeicons": "^6.0.1", "primeicons": "^7.0.0",
"quill": "^1.3.7", "quill": "^1.3.7",
"rollup-plugin-postcss": "^4.0.0", "rollup-plugin-postcss": "^4.0.0",
"rollup-plugin-terser": "^7.0.2", "rollup-plugin-terser": "^7.0.2",

View File

@ -26,6 +26,7 @@ import BasicDoc from '@/doc/icons/BasicDoc.vue';
import ColorDoc from '@/doc/icons/ColorDoc.vue'; import ColorDoc from '@/doc/icons/ColorDoc.vue';
import ConstantsDoc from '@/doc/icons/ConstantsDoc.vue'; import ConstantsDoc from '@/doc/icons/ConstantsDoc.vue';
import DownloadDoc from '@/doc/icons/DownloadDoc.vue'; import DownloadDoc from '@/doc/icons/DownloadDoc.vue';
import FigmaDoc from '@/doc/icons/FigmaDoc.vue';
import ImportDoc from '@/doc/icons/ImportDoc.vue'; import ImportDoc from '@/doc/icons/ImportDoc.vue';
import ListDoc from '@/doc/icons/ListDoc.vue'; import ListDoc from '@/doc/icons/ListDoc.vue';
import SizeDoc from '@/doc/icons/SizeDoc.vue'; import SizeDoc from '@/doc/icons/SizeDoc.vue';
@ -45,6 +46,11 @@ export default {
label: 'Import', label: 'Import',
component: ImportDoc component: ImportDoc
}, },
{
id: 'figma',
label: 'Figma',
component: FigmaDoc
},
{ {
id: 'basic', id: 'basic',
label: 'Basic', label: 'Basic',

File diff suppressed because one or more lines are too long