import { createApp } from 'vue' import App from './App.vue' import router from './router'; import { IonicVue } from '@ionic/vue'; import { createPinia } from 'pinia'; /* Core CSS required for Ionic components to work properly */ import '@ionic/vue/css/core.css'; /* Basic CSS for apps built with Ionic */ import '@ionic/vue/css/normalize.css'; import '@ionic/vue/css/structure.css'; import '@ionic/vue/css/typography.css'; /* Optional CSS utils that can be commented out */ import '@ionic/vue/css/padding.css'; import '@ionic/vue/css/float-elements.css'; import '@ionic/vue/css/text-alignment.css'; import '@ionic/vue/css/text-transformation.css'; import '@ionic/vue/css/flex-utils.css'; import '@ionic/vue/css/display.css'; /** * Ionic Dark Mode * ----------------------------------------------------- * class-палитра + класс ion-palette-dark на (см. App.vue) — тема только из настроек приложения. * dark.system.css привязан к prefers-color-scheme и на части устройств оставлял UI тёмным после возврата на светлую тему. * * https://ionicframework.com/docs/theming/dark-mode */ /* @import '@ionic/vue/css/palettes/dark.always.css'; */ import '@ionic/vue/css/palettes/dark.class.css'; /* @import '@ionic/vue/css/palettes/dark.system.css'; */ /* Theme variables */ import './theme/variables.css'; import { setupSelectActionSheetCancelStyle } from './theme/selectActionSheetCancelStyle'; setupSelectActionSheetCancelStyle(); const app = createApp(App) const pinia = createPinia(); app.use(IonicVue) app.use(router) app.use(pinia); app.mount('#app')