Skip to content

Commit 05cff5f

Browse files
lucasferreiralimaxlucasferreiralimax
committed
refactory import svg
1 parent c00a0eb commit 05cff5f

File tree

3 files changed

+154
-150
lines changed

3 files changed

+154
-150
lines changed

‎src/components/VueTechsLogos.vue

+1-149
Original file line numberDiff line numberDiff line change
@@ -1,153 +1,5 @@
11
<script setup>
2-
import IconAndroid from '@/assets/techs/android.svg?component'
3-
import IconApple from '@/assets/techs/apple.svg?component'
4-
import IconHTML from '@/assets/techs/html.svg?component'
5-
import IconCSS from '@/assets/techs/css.svg?component'
6-
import IconJavascript from '@/assets/techs/javascript.svg?component'
7-
import IconTypescript from '@/assets/techs/typescript.svg?component'
8-
import IconVue from '@/assets/techs/vue.svg?component'
9-
import IconReact from '@/assets/techs/react.svg?component'
10-
import IconAngular from '@/assets/techs/angular.svg?component'
11-
import IconSvelte from '@/assets/techs/svelte.svg?component'
12-
import IconEmber from '@/assets/techs/ember.svg?component'
13-
import IconStylus from '@/assets/techs/stylus.svg?component'
14-
import IconLess from '@/assets/techs/less.svg?component'
15-
import IconSass from '@/assets/techs/sass.svg?component'
16-
import IconWebpack from '@/assets/techs/webpack.svg?component'
17-
import IconVite from '@/assets/techs/vite.svg?component'
18-
import IconGulp from '@/assets/techs/gulp.svg?component'
19-
import IconJest from '@/assets/techs/jest.svg?component'
20-
import IconKarma from '@/assets/techs/karma.svg?component'
21-
import IconVitest from '@/assets/techs/vitest.svg?component'
22-
import IconCypress from '@/assets/techs/cypress.svg?component'
23-
import IconGit from '@/assets/techs/git.svg?component'
24-
import IconPython from '@/assets/techs/python.svg?component'
25-
import IconLinux from '@/assets/techs/linux.svg?component'
26-
import IconGithub from '@/assets/techs/github.svg?component'
27-
import IconMozilla from '@/assets/techs/mozilla.svg?component'
28-
import IconSafari from '@/assets/techs/safari.svg?component'
29-
import IconChrome from '@/assets/techs/chrome.svg?component'
30-
import IconXcode from '@/assets/techs/xcode.svg?component'
31-
import IconWordpress from '@/assets/techs/wordpress.svg?component'
32-
import IconWhatsapp from '@/assets/techs/whatsapp.svg?component'
33-
import IconVisualCode from '@/assets/techs/visualcode.svg?component'
34-
import IconTelegram from '@/assets/techs/telegram.svg?component'
35-
import IconSwift from '@/assets/techs/swift.svg?component'
36-
import IconRuby from '@/assets/techs/ruby.svg?component'
37-
import IconNode from '@/assets/techs/node.svg?component'
38-
import IconMicrosoft from '@/assets/techs/microsoft.svg?component'
39-
import IconPlaystore from '@/assets/techs/playstore.svg?component'
40-
import IconTumblr from '@/assets/techs/tumblr.svg?component'
41-
import IconCodepen from '@/assets/techs/codepen.svg?component'
42-
import IconYotube from '@/assets/techs/youtube.svg?component'
43-
import IconJava from '@/assets/techs/java.svg?component'
44-
import IconPwa from '@/assets/techs/pwa.svg?component'
45-
import IconTailwind from '@/assets/techs/tailwind.svg?component'
46-
import IconNpm from '@/assets/techs/npm.svg?component'
47-
import IconEdge from '@/assets/techs/edge.svg?component'
48-
import IconCpp from '@/assets/techs/cpp.svg?component'
49-
import IconCsharp from '@/assets/techs/csharp.svg?component'
50-
import IconFirebase from '@/assets/techs/firebase.svg?component'
51-
import IconPhp from '@/assets/techs/php.svg?component'
52-
import IconMysql from '@/assets/techs/mysql.svg?component'
53-
import IconStackOverflow from '@/assets/techs/stackoverflow.svg?component'
54-
import IconChatGPT from '@/assets/techs/chatgpt.svg?component'
55-
import IconFacebook from '@/assets/techs/facebook.svg?component'
56-
import IconX from '@/assets/techs/x.svg?component'
57-
import IconGoogle from '@/assets/techs/google.svg?component'
58-
import IconIBM from '@/assets/techs/ibm.svg?component'
59-
import IconLinkedin from '@/assets/techs/linkedin.svg?component'
60-
import IconCisco from '@/assets/techs/cisco.svg?component'
61-
import IconTikTok from '@/assets/techs/tiktok.svg?component'
62-
import IconRedHat from '@/assets/techs/redhat.svg?component'
63-
import IconOpera from '@/assets/techs/opera.svg?component'
64-
import IconHP from '@/assets/techs/hp.svg?component'
65-
import IconGitlab from '@/assets/techs/gitlab.svg?component'
66-
import IconEvernote from '@/assets/techs/evernote.svg?component'
67-
import IconDuckDuckGo from '@/assets/techs/duckduckgo.svg?component'
68-
import IconDrupal from '@/assets/techs/drupal.svg?component'
69-
import IconDropbox from '@/assets/techs/dropbox.svg?component'
70-
import IconBaidu from '@/assets/techs/baidu.svg?component'
71-
import IconDribbble from '@/assets/techs/dribbble.svg?component'
72-
import IconDocker from '@/assets/techs/docker.svg?component'
73-
import IconDiscord from '@/assets/techs/discord.svg?component'
74-
import IconDigitalOcean from '@/assets/techs/digitalocean.svg?component'
75-
76-
const techs = [
77-
{ name: 'Android', icon: IconAndroid, url: 'https://www.android.com' },
78-
{ name: 'Apple', icon: IconApple, url: 'https://www.apple.com' },
79-
{ name: 'Linux', icon: IconLinux, url: 'https://ubuntu.com' },
80-
{ name: 'Microsoft', icon: IconMicrosoft, url: 'https://www.microsoft.com' },
81-
{ name: 'PlayStore', icon: IconPlaystore, url: 'https://play.google.com' },
82-
{ name: 'PWA', icon: IconPwa, url: 'https://web.dev/progressive-web-apps' },
83-
{ name: 'HTML', icon: IconHTML, url: 'https://developer.mozilla.org/en-US/docs/Glossary/HTML5' },
84-
{ name: 'CSS', icon: IconCSS, url: 'https://developer.mozilla.org/en-US/docs/Glossary/CSS' },
85-
{ name: 'JavaScript', icon: IconJavascript, url: 'https://developer.mozilla.org/en-US/docs/Glossary/Javascript' },
86-
{ name: 'Typescript', icon: IconTypescript, url: 'https://www.typescriptlang.org/docs' },
87-
{ name: 'Node', icon: IconNode, url: 'https://nodejs.org/en' },
88-
{ name: 'Java', icon: IconJava, url: 'https://www.java.com' },
89-
{ name: 'Ruby', icon: IconRuby, url: 'https://www.ruby-lang.org/en' },
90-
{ name: 'Python', icon: IconPython, url: 'https://docs.python.org' },
91-
{ name: 'Swift', icon: IconSwift, url: 'https://developer.apple.com/swift' },
92-
{ name: 'PHP', icon: IconPhp, url: 'https://www.php.net' },
93-
{ name: 'C#', icon: IconCsharp, url: 'https://learn.microsoft.com/en-us/dotnet/csharp' },
94-
{ name: 'C++', icon: IconCpp, url: 'https://learn.microsoft.com/en-us/dotnet/csharp' },
95-
{ name: 'VisualCode', icon: IconVisualCode, url: 'https://code.visualstudio.com' },
96-
{ name: 'Github', icon: IconGithub, url: 'https://github.com/criar-art' },
97-
{ name: 'NPM', icon: IconNpm, url: 'npmjs.com/package/vue-techs-logos' },
98-
{ name: 'YouTube', icon: IconYotube, url: 'https://youtube.com' },
99-
{ name: 'Wordpress', icon: IconWordpress, url: 'https://wordpress.com' },
100-
{ name: 'Tumblr', icon: IconTumblr, url: 'https://www.tumblr.com' },
101-
{ name: 'CodePen', icon: IconCodepen, url: 'https://codepen.io' },
102-
{ name: 'Vue', icon: IconVue, url: 'https://vuejs.org' },
103-
{ name: 'React', icon: IconReact, url: 'https://reactjs.org' },
104-
{ name: 'Angular', icon: IconAngular, url: 'https://angular.io' },
105-
{ name: 'Svelte', icon: IconSvelte, url: 'https://svelte.dev' },
106-
{ name: 'Ember', icon: IconEmber, url: 'https://emberjs.com' },
107-
{ name: 'Stylus', icon: IconStylus, url: 'https://stylus-lang.com' },
108-
{ name: 'Tailwind', icon: IconTailwind, url: 'https://tailwindcss.com' },
109-
{ name: 'Less', icon: IconLess, url: 'https://lesscss.org' },
110-
{ name: 'Sass', icon: IconSass, url: 'https://sass-lang.com' },
111-
{ name: 'Webpack', icon: IconWebpack, url: 'https://webpack.js.org' },
112-
{ name: 'Vite', icon: IconVite, url: 'https://vitejs.dev' },
113-
{ name: 'Gulp', icon: IconGulp, url: 'https://gulpjs.com' },
114-
{ name: 'Jest', icon: IconJest, url: 'https://jestjs.io/pt-BR' },
115-
{ name: 'Karma', icon: IconKarma, url: 'https://karma-runner.github.io' },
116-
{ name: 'Vitest', icon: IconVitest, url: 'https://vitest.dev' },
117-
{ name: 'Xcode', icon: IconXcode, url: 'https://developer.apple.com/xcode' },
118-
{ name: 'Whatsapp', icon: IconWhatsapp, url: 'https://web.whatsapp.com' },
119-
{ name: 'Telegram', icon: IconTelegram, url: 'https://web.telegram.org' },
120-
{ name: 'Cypress', icon: IconCypress, url: 'https://www.cypress.io' },
121-
{ name: 'Mozilla', icon: IconMozilla, url: 'https://www.mozilla.org' },
122-
{ name: 'Safari', icon: IconSafari, url: 'https://www.apple.com/br/safari' },
123-
{ name: 'Edge', icon: IconEdge, url: 'https://www.microsoft.com/pt-br/edge' },
124-
{ name: 'Chrome', icon: IconChrome, url: 'https://www.google.com/intl/pt-BR/chrome' },
125-
{ name: 'MySQL', icon: IconMysql, url: 'https://www.mysql.com' },
126-
{ name: 'Firebase', icon: IconFirebase, url: 'https://firebase.google.com' },
127-
{ name: 'Git', icon: IconGit, url: 'https://git-scm.com' },
128-
{ name: 'StackOverflow', icon: IconStackOverflow, url: 'https://stackoverflow.com' },
129-
{ name: 'ChatGPT', icon: IconChatGPT, url: 'https://chat.openai.com' },
130-
{ name: 'Facebook', icon: IconFacebook, url: 'https://facebook.com' },
131-
{ name: 'X', icon: IconX, url: 'https://x.com' },
132-
{ name: 'Google', icon: IconGoogle, url: 'https://google.com' },
133-
{ name: 'IBM', icon: IconIBM, url: 'https://ibm.com' },
134-
{ name: 'Linkedin', icon: IconLinkedin, url: 'https://linkedin.com' },
135-
{ name: 'Cisco', icon: IconCisco, url: 'https://cisco.com' },
136-
{ name: 'TikTok', icon: IconTikTok, url: 'https://tiktok.com' },
137-
{ name: 'RedHat', icon: IconRedHat, url: 'https://redhat.com' },
138-
{ name: 'Opera', icon: IconOpera, url: 'https://opera.com' },
139-
{ name: 'HP', icon: IconHP, url: 'https://hp.com' },
140-
{ name: 'Gitlab', icon: IconGitlab, url: 'https://gitlab.com' },
141-
{ name: 'Evernote', icon: IconEvernote, url: 'https://evernote.com' },
142-
{ name: 'DuckDuckGo', icon: IconDuckDuckGo, url: 'https://duckduckgo.com' },
143-
{ name: 'Drupal', icon: IconDrupal, url: 'https://drupal.com' },
144-
{ name: 'Dropbox', icon: IconDropbox, url: 'https://dropbox.com' },
145-
{ name: 'Baidu', icon: IconBaidu, url: 'https://baidu.com' },
146-
{ name: 'Dribbble', icon: IconDribbble, url: 'https://dribbble.com' },
147-
{ name: 'Docker', icon: IconDocker, url: 'https://docker.com' },
148-
{ name: 'Discord', icon: IconDiscord, url: 'https://discord.com' },
149-
{ name: 'DigitalOcean', icon: IconDigitalOcean, url: 'https://digitalocean.com' }
150-
];
2+
import techs from '@/techs'
1513
1524
const props = defineProps(['list', 'name', 'size', 'label', 'hiddenLabel', 'class', 'hiddenLogos'])
1535

0 commit comments

Comments
 (0)