clash-manager/src/app.vue

<template>
  <Sidebar></Sidebar>
  <h1>hello vue-live!</h1>
</template>

<script>
import Sidebar from './components/sidebar.vue'

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

  mounted() {
    console.log(this.$store)
  }
}
</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: #f7f8fb;
}
.holder {
  flex: 1;
}
</style>