Browse Source

Adding class-based Vue Plugin for Vue stub

experimental_plugin
Matthew Aaron Raymer 2 years ago
parent
commit
9e4046a69d
  1. 2
      src/main.ts
  2. 18
      src/plugins/dexieVuePlugin/index.ts
  3. 1
      src/views/AccountViewView.vue

2
src/main.ts

@ -1,3 +1,4 @@
import { VueDexiePlugin } from "@/plugins/dexieVuePlugin";
import { createPinia } from "pinia";
import { createApp } from "vue";
import App from "./App.vue";
@ -48,6 +49,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
createApp(App)
.component("fa", FontAwesomeIcon)
.use(VueDexiePlugin())
.use(createPinia())
.use(router)
.mount("#app");

18
src/plugins/dexieVuePlugin/index.ts

@ -0,0 +1,18 @@
import Vue from 'vue'
import { PluginObject } from 'vue'
// define the plugin class
class VueDexiePlugin implements PluginObject<{}> {
// the install method is called when the plugin is installed
public static install(app: typeof Vue): void {
// define a custom property
app.$myProperty = 'Hello, World!'
// define a custom method
app.prototype.$myMethod = (): string => {
return this.$myProperty
}
}
}
export default new VueDexiePlugin()

1
src/views/AccountViewView.vue

@ -184,7 +184,6 @@ export default class AccountViewView extends Vue {
async created() {
const previousIdentifiers: Array<IIdentifier> = [];
const toLowercase = true;
this.mnemonic = createIdentifier();
[
this.address,

Loading…
Cancel
Save