xref: /openbmc/webui-vue/src/App.vue (revision c5c2ae99)
1a2988f40SDerick Montague<template>
2a2988f40SDerick Montague  <div id="app">
3a2988f40SDerick Montague    <router-view />
4a2988f40SDerick Montague  </div>
5a2988f40SDerick Montague</template>
6a2988f40SDerick Montague
7a2988f40SDerick Montague<script>
8a2988f40SDerick Montagueexport default {
9e2fd1567SDerick Montague  name: 'App',
10*c5c2ae99SSukanya Pandey  computed: {
11*c5c2ae99SSukanya Pandey    assetTag() {
12*c5c2ae99SSukanya Pandey      return this.$store.getters['global/assetTag'];
13*c5c2ae99SSukanya Pandey    },
14*c5c2ae99SSukanya Pandey  },
15c8636e53SDerick Montague  watch: {
16*c5c2ae99SSukanya Pandey    assetTag: function (tag) {
17*c5c2ae99SSukanya Pandey      if (tag) {
18*c5c2ae99SSukanya Pandey        document.title = `${tag} - ${this.$route.meta.title}`;
19*c5c2ae99SSukanya Pandey      }
20*c5c2ae99SSukanya Pandey    },
21c8636e53SDerick Montague    $route: function (to) {
22f15cc7acSYoshie Muranaka      document.title = to.meta.title || 'Page is missing title';
23*c5c2ae99SSukanya Pandey      if (this.assetTag) {
24*c5c2ae99SSukanya Pandey        document.title = `${this.assetTag} - ${to.meta.title}`;
25*c5c2ae99SSukanya Pandey      }
26602e98aaSDerick Montague    },
27f15cc7acSYoshie Muranaka  },
28f15cc7acSYoshie Muranaka  created() {
29f15cc7acSYoshie Muranaka    document.title = this.$route.meta.title || 'Page is missing title';
30602e98aaSDerick Montague  },
31a2988f40SDerick Montague};
32a2988f40SDerick Montague</script>
33602e98aaSDerick Montague
34602e98aaSDerick Montague<style lang="scss">
35602e98aaSDerick Montague@import '@/assets/styles/_obmc-custom';
36602e98aaSDerick Montague</style>
37