clash-manager/src/app.vue

<template>
  <Sidebar />
  <router-view />
</template>

<script>
import fetch from '@/lib/fetch'

import Sidebar from './components/sidebar.vue'

export default {
  components: { Sidebar },
  data() {
    return {}
  },

  mounted() {
    this.getVersion()
  },
  methods: {
    getVersion() {
      fetch('/version').then(r => {
        this.$store.version = r.version
      })
    }
  }
}
</script>

<style lang="scss">
html {
  width: 840px;
  height: 540px;
}

body {
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: var(--color-dark-1);
}

.app {
  display: flex;
  width: 100%;
  height: 100%;
  background: var(--color-plain-1);
}
.holder {
  flex: 1;
}
</style>