mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-08 17:10:07 +00:00
05b3ad2f59
* (fix) index.html formating for prettier * (add) proper icon management - on-demand icons auto importing - handle all available icon sets (https://icones.js.org) * (fix) proper css management * (add) front stack improvement: - implement vue router - prepare for App.vue simplification - proper management of views and layouts - fix Tailwind CSS and prepare for overall css cleaning * (fix) move back user.css to public dir * (fix) remove user.css import from main.ts
48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
import App from './App.vue'
|
|
import router from '@/router'
|
|
import { createApp } from 'vue'
|
|
import { createPinia } from 'pinia'
|
|
import { i18n } from './i18n'
|
|
import PrimeVue from 'primevue/config'
|
|
import Aura from '@primevue/themes/aura'
|
|
import { definePreset } from '@primevue/themes'
|
|
import ConfirmationService from 'primevue/confirmationservice'
|
|
import ToastService from 'primevue/toastservice'
|
|
import Tooltip from 'primevue/tooltip'
|
|
|
|
import '@comfyorg/litegraph/style.css'
|
|
import '@/assets/css/style.css'
|
|
import 'primeicons/primeicons.css'
|
|
|
|
const ComfyUIPreset = definePreset(Aura, {
|
|
semantic: {
|
|
primary: Aura['primitive'].blue
|
|
}
|
|
})
|
|
|
|
const app = createApp(App)
|
|
const pinia = createPinia()
|
|
app.directive('tooltip', Tooltip)
|
|
app
|
|
.use(router)
|
|
.use(PrimeVue, {
|
|
theme: {
|
|
preset: ComfyUIPreset,
|
|
options: {
|
|
prefix: 'p',
|
|
cssLayer: {
|
|
name: 'primevue',
|
|
order: 'primevue, tailwind-utilities'
|
|
},
|
|
// This is a workaround for the issue with the dark mode selector
|
|
// https://github.com/primefaces/primevue/issues/5515
|
|
darkModeSelector: '.dark-theme, :root:has(.dark-theme)'
|
|
}
|
|
}
|
|
})
|
|
.use(ConfirmationService)
|
|
.use(ToastService)
|
|
.use(pinia)
|
|
.use(i18n)
|
|
.mount('#vue-app')
|