vue 3.x gun plugin

README.md

The reason for the using Symbol is incase of matching variable for other plugins or class instance.

Note you need to config gun plugin the default config.

app.use(gunPlugin,{
  peers:['http://localhost:3000/gun']
  , localStorage: false
  , isDebug:true
});

Need to add some packages as buffer as it seem to be bug in vue set up. As well the window variable since it front end client.

If using SSR need be sure that window, document is config in some ways.

client.js

import { createApp } from 'vue'
import App from './App.vue';
app.use(gunPlugin,{
  peers:['http://localhost:3000/gun']
  , localStorage: false
  , isDebug:true
});
const app = createApp(App);
app.use(gunPlugin);
app.mount('#app');

GunKeys.mjs

export const GunInjectKey = Symbol();

gunPlugin.mjs

import Gun from "gun/gun"
import 'gun/lib/radix.js';
import 'gun/lib/radisk.js';
import 'gun/lib/store.js';
import 'gun/lib/rindexed.js';
import 'gun/lib/promise.js';
import SEA from 'gun/sea';
import { Buffer } from 'buffer'
if (typeof window !== "undefined"){
  window.Buffer = Buffer;
  window.setImmediate = setTimeout
}
import { GunInjectKey } from "./GunKeys.mjs";
export const gunPlugin = {
  install(app, options) {
    options = options || {
      peers:['http://localhost:3000/gun'],
      localStorage: false
    }
    const gun = Gun(options);
    if(isDebug){// this for checking connection to gun server.
      gun.on('hi', peer => {//peer connect
        console.log('peer connect!');
      });
      gun.on('bye', (peer)=>{// peer disconnect
          console.log('Disconnected from peer!');
      });
    }
    app.provide(GunInjectKey, gun) // set instance in vue
  }
}
export default gunPlugin;