Spaces:
Running
Running
| <script setup lang="ts"> | |
| const paths = { | |
| download: `<path d="M8 2v8m0 0L4.5 6.5M8 10l3.5-3.5M2.5 13.5h11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`, | |
| heart: `<path d="M8 13.5S2 10 2 5.75A2.75 2.75 0 0 1 8 4.4a2.75 2.75 0 0 1 6 1.35C14 10 8 13.5 8 13.5Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>`, | |
| search: `<circle cx="7" cy="7" r="4.5" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="m10.5 10.5 3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>`, | |
| close: `<path d="m4 4 8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>`, | |
| copy: `<rect x="5" y="5" width="8.5" height="8.5" rx="1.5" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M10.5 5V3.5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1H5" fill="none" stroke="currentColor" stroke-width="1.5"/>`, | |
| check: `<path d="m3.5 8.5 3 3 6-7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`, | |
| external: `<path d="M9 2.5h4.5V7M13.5 2.5 7 9M11.5 9.5v3a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h3" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`, | |
| grid: `<rect x="2.5" y="2.5" width="4.5" height="5.5" fill="none" stroke="currentColor" stroke-width="1.5"/><rect x="9" y="2.5" width="4.5" height="5.5" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M2.5 11h4.5M2.5 13.5h4.5M9 11h4.5M9 13.5h4.5" stroke="currentColor" stroke-width="1.5"/>`, | |
| rows: `<path d="M2.5 3.5h2M2.5 8h2M2.5 12.5h2M6.5 3.5h7M6.5 8h7M6.5 12.5h7" stroke="currentColor" stroke-width="1.5"/>`, | |
| chevron: `<path d="m6 4 4 4-4 4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`, | |
| } as const; | |
| export type IconName = keyof typeof paths; | |
| defineProps<{ name: IconName }>(); | |
| </script> | |
| <template> | |
| <svg viewBox="0 0 16 16" aria-hidden="true" v-html="paths[name]" /> | |
| </template> | |