MAINHACK

Viewing / Editing File: App.vue

// Load layout components dynamically.
const requireContext = require.context("~/layouts", false, /.*\.vue$/);

const layouts = requireContext
  .keys()
  .map((file) => [file.replace(/(^.\/)|(\.vue$)/g, ""), requireContext(file)])
  .reduce((components, [name, component]) => {
    components[name] = component.default || component;
    return components;
  }, {});

export default {
  el: "#app",

components: {
    Loading,
  },

data: () => ({
    layout: null,
    defaultLayout: "default",
  }),

metaInfo() {
    const { appName } = window.config;

return {
      title: appName,
      titleTemplate: `%s · ${appName}`,
    };
  },

mounted() {
    this.$loading = this.$refs.loading;
    this.getSettings();
  },

methods: {
    // get settings
    async getSettings() {
      await this.$store.dispatch("operations/fetchSettingData");
    },

/**
     * Set the application layout.
     *
     * @param {String} layout
     */
    setLayout(layout) {
      if (!layout || !layouts[layout]) {
        layout = this.defaultLayout;
      }

this.layout = layouts[layout];
    },
  },
};
</script>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: App.vue

Server Info

System Features

User Info