1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <template>
- <div id="app">
- <router-view />
- <theme-picker />
- </div>
- </template>
- <script>
- import ThemePicker from "@/components/ThemePicker";
- 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
- }
- }
- },
- mounted(){
- const debounce = (fn, delay) => {
- let timer = null;
- return () => {
- let context = this;
- let args = arguments;
- clearTimeout(timer);
- timer = setTimeout(function () {
- fn.apply(context, args);
- }, delay);
- }
- }
- const _ResizeObserver = window.ResizeObserver;
- window.ResizeObserver = class ResizeObserver extends _ResizeObserver{
- constructor(callback) {
- callback = debounce(callback, 16);
- super(callback);
- }
- }
- }
- };
- </script>
- <style scoped>
- #app .theme-picker {
- display: none;
- }
- </style>
|