Как сократить код?

Question

[imeyuves]

Пишу проект на vue с использованием Primevue. Импортирую много элементов, из-за этого код выглядит немного так себе, как сократить все это?

import PrimeVue from "primevue/config"
import 'primevue/resources/themes/aura-light-blue/theme.css'
import IconField from 'primevue/iconfield'
import InputIcon from 'primevue/inputicon'
import InputText from 'primevue/inputtext'
import Divider from 'primevue/divider'
import Toolbar from 'primevue/toolbar'
import Button from 'primevue/button'
import Dialog from 'primevue/dialog'
import Form from "primevue/forms"

app.component('Form', Form)
app.component('Dialog', Dialog)
app.component('Button', Button)
app.component('InputIcon', InputIcon)
app.component('IconField', IconField)
app.component('InputText', InputText)
app.component('Divider', Divider)
app.component('Toolbar', Toolbar)

Comments

[Adamos]

Использовать IDE, которая аккуратно свернет эти объявления до тех пор, пока они вам не понадобились.
"Наши саперы незамедлительно выехали на место и приняли меры. Теперь предмет на бомбу не похож" (с)

[Wispik]

Как вам такие вопросы в голову то приходят? В примере 19 строк кода ВСЕГО, куда их экономить-то? Как понимаю, это все в index.js импортируется, и часто ты в этот файл заглядываешь, что тебе код глаза мозолит?
И кстати vite или что ты там используешь, при сборке эти импорты оптимизирует, так что толку от этой экономии на строках, никакого

Answer 1

[Сергей delphinpro]

Используйте автоимпорт.
Есть официальный плагин, посмотрите в документации.
https://primevue.org/autoimport/