Vue.js Global Object

const app = Object.freeze({  name: 'My App',  version: '1.0.1',  GOOGLE_API_KEY: '...',  items: [    {id: 1, name: 'Desmond'},    {id: 2, name: 'Meiru'}  ],  findItem(id) {      return this.items.find(item => item.id === id)  }})Vue.prototype.$app = app

<template>  <div>    {{ $app.name }} ({{ appNameUpper }})    {{ item.name }}  </div></template><script>export default {  computed: {    appNameUpper() {      return this.$app.name.toUpperCase()    },    item() {      return this.$app.findItem(1)    }  }}</script>