design-system-icons-anz/README.md

A web component icon that works in all frameworks including Nuxt2, Nuxt3 and Next.js

# design-system-icons-anz

یک کامپوننت آیکن وب (Web Component) که در تمام فریمورک‌ها از جمله Nuxt2، Nuxt3 و Next.js بدون نیاز به تنظیمات اضافی کار می‌کند.

## نصب

```bash
npm install design-system-icons-anz
# یا
yarn add design-system-icons-anz
```

## نحوه استفاده

این کامپوننت از استاندارد Web Components استفاده می‌کند و در تمام فریمورک‌ها به یک شکل قابل استفاده است.

### HTML ساده
```html
<script src="node_modules/design-system-icons-anz/dist/index.js"></script>
<calendar-dots-icon></calendar-dots-icon>
```

### در React/Next.js
```jsx
import 'design-system-icons-anz';

function MyComponent() {
  return <calendar-dots-icon></calendar-dots-icon>;
}
```

### در Vue/Nuxt2/Nuxt3
```vue
<template>
  <calendar-dots-icon></calendar-dots-icon>
</template>

<script>
import 'design-system-icons-anz';

export default {
  name: 'MyComponent'
}
</script>
```

### در Angular
```typescript
// در app.component.ts
import 'design-system-icons-anz';

@Component({
  selector: 'app-root',
  template: '<calendar-dots-icon></calendar-dots-icon>'
})
export class AppComponent {}
```

### در Nuxt.js 2

در فایل `plugins/webcomponents.client.js`:
```js
import 'design-system-icons-anz';
```

و در `nuxt.config.js`:
```js
plugins: [
  { src: '~/plugins/webcomponents.client.js', mode: 'client' }
]
```

## مجوز
MIT