How to use @wailsapp/runtime - 8 common examples

import Vue from 'vue';

// Setup Vuetify
import Vuetify from 'vuetify';
Vue.use(Vuetify);
import 'vuetify/dist/vuetify.min.css';
import 'material-design-icons-iconfont';

import App from './App.vue';

Vue.config.productionTip = false;
Vue.config.devtools = true;

import * as Wails from '@wailsapp/runtime';

Wails.Init(() => {
	new Vue({
		render: h => h(App)
	}).$mount('#app');
});

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

import 'zone.js'

import * as Wails from '@wailsapp/runtime';

if (environment.production) {
  enableProdMode();
}

Wails.Init(() => {
  platformBrowserDynamic().bootstrapModule(AppModule)
    .catch(err => console.error(err));
});

import { store } from "./store/store.js";

import * as Wails from "@wailsapp/runtime";

Vue.config.productionTip = false;
Vue.config.devtools = true;

Vue.use(VueFeather);
Vue.use(vueFilterPrettyBytes);
Vue.use(VueMoment);
Vue.use(VueLodash, { lodash: lodash });
Vue.use(VueTour);
Vue.use(VTooltip);
Vue.use(VueClipboard);

Wails.Init(() => {
  new Vue({
    router,
    store,
    render: (h) => h(App),
    mounted() {
      this.$router.replace("/").catch(() => {});
    },
  }).$mount("#app");
});

import Vue from 'vue';
import App from './App.vue';

Vue.config.productionTip = false;
Vue.config.devtools = true;

import * as Wails from '@wailsapp/runtime';

Wails.Init(() => {
	new Vue({
		render: h => h(App)
	}).$mount('#app');
});

import React from 'react';
import ReactDOM from 'react-dom';
import 'core-js/stable';
import './index.css';
import App from './App';

import * as Wails from '@wailsapp/runtime';

Wails.Init(() => {
  ReactDOM.render(, document.getElementById('app'));
});

Vue.use(VueRouter);
const router = new VueRouter({
  mode: "history",
  routes
});
router.replace({ path: "*", redirect: "/" });

Vue.config.productionTip = false;
Vue.config.devtools = true;
Vue.prototype.$config = config;
Vue.prototype.$ticker = new Ticker(250);

import Wails from '@wailsapp/runtime';

Wails.Init(() => {
  new Vue({
    preset,
    store,
    vuetify,
    router,
    render: h => h(App)
  }).$mount("#app");
});

import 'regenerator-runtime/runtime';
import '@mdi/font/css/materialdesignicons.css';
import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';

Vue.use(Vuetify);

import App from './App.vue';

Vue.config.productionTip = false;
Vue.config.devtools = true;

import Wails from '@wailsapp/runtime';

Wails.Init(() => {
	new Vue({
		vuetify: new Vuetify({
			icons: {
				iconfont: 'mdi'
			},
			theme: {
				dark: true
			}
		}),
		render: h => h(App)
	}).$mount('#app');
});

enableClientStatusUpdate() {
      const clientsStore = runtime.Store.New("numClients");
      clientsStore.subscribe(({ Online }) => {
        this.$store.commit("clientStatus/addClientStatus", {
          online: Online,
        });
      });
    },
  },