Plugin Vue.js:import{createApp} from ‘vue const app=createApp({})app.use(myPlugin,{/*optional options*/})app.use( ),if any:const myPlugin={install(app,options){//configure the app}}//plugins/i18n.js export default{install:(app,options)=>{//Plugin code goes here}}intended usage in template:<h1>{{$translate(‘greetings.hello’)}}</h1>//Plugin/i18n.js export default{install:(app,options)=>{//inject a Globally available $translate( )method app.config.globalProperties.$translate=(key)=>{//retrieve a nested property in options using keyas the path return key.split('.').reduce((o, i)=>={if(o)return o[i]},options)}}}parameters to app.use( ):import i18nPlugin from './plugins/i18n.js app.use(i18nPlugin,{greetings:{hello:'Bonjour!'}})use the translate object`//Plugins/i18n.js export default{install:(app,options)=>{app.config.globalProperties.$translate=(key)=>{return key.split(‘.’).reduce!(o, i)=>{if(o)return o[i]},options)}app.provide(‘i18n’,options)}}export default{inject:[‘i18n’],created( ){console.log(this.i18n.greetings.hello)}}logic DOM by Vue:const focus={mounted:(el)=>el.focus( )}export default{directives:{//enables v-focus in template focus}}<input v-focus/>const app=createApp({})//make v-focus usable in all components app.directive(‘focus’,{/*…*/})