| | |
| | | <div id="app"> |
| | | <router-view /> |
| | | <theme-picker /> |
| | | <Assistant /> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | |
| | | export default { |
| | | name: "App", |
| | | components: { ThemePicker }, |
| | | metaInfo() { |
| | | return { |
| | | title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title, |
| | | titleTemplate: title => { |
| | | return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE |
| | | } |
| | | } |
| | | } |
| | | components: { |
| | | ThemePicker, |
| | | Assistant: () => import("./components/Assistant"), //异步组件加载方式 |
| | | }, |
| | | metaInfo() { |
| | | return { |
| | | title: |
| | | this.$store.state.settings.dynamicTitle && |
| | | this.$store.state.settings.title, |
| | | titleTemplate: (title) => { |
| | | return title |
| | | ? `${title} - ${process.env.VUE_APP_TITLE}` |
| | | : process.env.VUE_APP_TITLE; |
| | | }, |
| | | }; |
| | | }, |
| | | }; |
| | | </script> |
| | | <style scoped> |