diff --git a/src/components.d.ts b/src/components.d.ts index da938807..41364c7f 100644 --- a/src/components.d.ts +++ b/src/components.d.ts @@ -23,6 +23,7 @@ declare module 'vue' { IconDetail: typeof import('./components/IconDetail.vue')['default'] Icons: typeof import('./components/Icons.vue')['default'] IconSet: typeof import('./components/IconSet.vue')['default'] + InstallIconSet: typeof import('./components/InstallIconSet.vue')['default'] Modal: typeof import('./components/Modal.vue')['default'] ModalDialog: typeof import('./components/ModalDialog.vue')['default'] Navbar: typeof import('./components/Navbar.vue')['default'] diff --git a/src/components/IconDetail.vue b/src/components/IconDetail.vue index 9001fa4f..5c2bf116 100644 --- a/src/components/IconDetail.vue +++ b/src/components/IconDetail.vue @@ -5,6 +5,7 @@ import { activeMode, copyPreviewColor, getTransformedId, inBag, preferredCase, p import { Download } from '../utils/pack' import { dataUrlToBlob } from '../utils/dataUrlToBlob' import { idCases } from '../utils/case' +import InstallIconSet from './InstallIconSet.vue' const props = defineProps({ icon: { @@ -122,12 +123,12 @@ const collection = computed(() => {
+
Collection:
+ {{ selectedPackageManager }}
+
+ {{ selectedPackageManager !== 'npm' ? ' add ' : ' i ' }} -D
+
+ @iconify-json/{{ props.collection.id }}
+
+