nuxt2-svg-icon

یک کامپوننت Nuxt2 برای نمایش آیکن‌های SVG با پشتیبانی SSR

نصب

npm install nuxt2-svg-icon
# یا
yarn add nuxt2-svg-icon

پیکربندی

در فایل nuxt.config.js خود، ماژول را اضافه کنید:

{
  modules: [
    'nuxt2-svg-icon'
  ]
}

نحوه استفاده

<template>
  <div>
    <SvgIcon
      :icon="svgString"
      :size="24"
      color="#1C1D1F"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      svgString: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M6.00003 13C5.99603 12.448 6.44402 12 6.99601 12C7.55201 12 8 12.448 8 13C8 13.552 7.55201 14 7.00001 14C6.44802 14 6.00003 13.552 6.00003 13Z" fill="currentColor"/>
        <!-- ... سایر مسیرها ... -->
      </svg>`
    }
  }
}
</script>

ویژگی‌ها (Props)

| نام | نوع | پیش‌فرض | توضیحات | |-----|------|---------|----------| | icon | String | - | رشته SVG (الزامی) | | size | Number/String | 24 | اندازه آیکن (پیکسل یا واحد CSS) | | color | String | 'currentColor' | رنگ آیکن |