UserLayout.js

import "./UserLayout.less";
import logo from "@/assets/app-store.svg";
import { mapGetters } from "vuex";
const UserLayout = {
  props: {
    logo: { default: logo, types: String },
  },
  computed: {
    ...mapGetters({
      settings: "global/settings",
    }),
  },
  render() {
    const { leftMenuTitle, appSlogan } = this.settings;

    return (
      <div class="ai-user-layout-container">
        <div class="content">
          <div class="top">
            <div class="header">
              <img alt="logo" class="logo" src={this.logo} />
              <span class="title">{leftMenuTitle}</span>
            </div>
            <div class="desc">{appSlogan}</div>
          </div>
          <router-view />
        </div>
      </div>
    );
  },
};
export default UserLayout;