feat: mount router when ready, add ionic mode and styles

Author: ZGiovas

src/popup/popup.ts

@@ -13,7 +13,7 @@ import LoaderComponent from './components/Loader.vue';
 import '../styles/fullscreen-message.scss';
 
 /* Core CSS required for Ionic components to work properly */
-// import '@ionic/vue/css/core.css';
+import '@ionic/vue/css/core.css';
 
 /* Basic CSS for apps built with Ionic */
 import '@ionic/vue/css/normalize.css';
@@ -22,19 +22,24 @@ 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';
+import '../styles/ionic.scss';
 
 registerModals();
 const app = createApp(App);
-app.use(IonicVue);
+app.use(IonicVue, {
+  mode: 'ios',
+});
 app.use(i18n);
 app.use(store);
 app.use(router);
 app.component('Loader', LoaderComponent);
-app.mount('#app');
+// app.mount('#app');
 
+router.isReady().then(() => {
+  app.mount('#app');
+});
 Logger.init({ app });