async compnents (code splitting)

This commit is contained in:
supertiger1234 2019-04-22 21:04:47 +01:00
parent b1bd5e9665
commit 3a75b4e337
5 changed files with 27 additions and 14 deletions

View file

@ -26,6 +26,8 @@ import AddFriendPanel from './relationships/AddFriendPanel.vue'
import OnlineFriends from './relationships/OnlineFriends.vue'
import OfflineFriends from './relationships/OfflineFriends.vue'
import RecentFriends from './relationships/RecentFriends.vue'
export default {
components: {
MyMiniInformation,

View file

@ -15,13 +15,15 @@
<script>
//popouts
import userInformationPopout from "@/components/app/userInformationPopout.vue";
import Settings from "@/components/app/Settings.vue";
import TakeSurveyPopout from "@/components/app/TakeSurveyPopout.vue";
import uploadDialog from "@/components/app/uploadDialog.vue";
import GDriveLinkMenu from "@/components/app/GDriveLinkMenu.vue";
import imageLargePreview from "@/components/app/imageLargePreview.vue";
import DragDropFileUploadDialog from "@/components/app/DragDropFileUploadDialog.vue";
const userInformationPopout = () => import('@/components/app/userInformationPopout.vue');
const Settings = () => import('@/components/app/Settings.vue');
const TakeSurveyPopout = () => import('@/components/app/TakeSurveyPopout.vue');
const uploadDialog = () => import('@/components/app/uploadDialog.vue');
const GDriveLinkMenu = () => import('@/components/app/GDriveLinkMenu.vue');
const imageLargePreview = () => import('@/components/app/imageLargePreview.vue');
const DragDropFileUploadDialog = () => import('@/components/app/DragDropFileUploadDialog.vue');
export default {
components: {

View file

@ -100,10 +100,12 @@ import Spinner from "@/components/Spinner.vue";
import TypingStatus from "@/components/app/TypingStatus.vue";
import uploadsQueue from "@/components/app/uploadsQueue.vue";
import emojiSuggestions from "@/components/app/emojiSuggestions.vue";
import emojiPanel from "@/components/app/emojiPanel.vue";
// import emojiPanel from "@/components/app/emojiPanel.vue";
import emojiParser from "@/utils/emojiParser.js";
import statuses from "@/utils/statuses";
const emojiPanel = () => import( '@/components/app/emojiPanel.vue' );
export default {
components: {
Message,

View file

@ -30,9 +30,13 @@
<script>
import { bus } from "../../main";
import MyProfile from "./SettingsPanels/MyProfile.vue";
import ManageEmojis from "./SettingsPanels/ManageEmojis.vue";
import MessageDesign from "./SettingsPanels/MessageDesign.vue";
const MyProfile = () => import( './SettingsPanels/MyProfile.vue' );
const ManageEmojis = () => import( './SettingsPanels/ManageEmojis.vue' );
const MessageDesign = () => import( './SettingsPanels/MessageDesign.vue' );
export default {
components: {
MyProfile,

View file

@ -52,12 +52,15 @@
<script>
import { bus } from "../main";
import Popouts from "@/components/app/Popouts.vue";
import LeftPanel from "./../components/app/LeftPanel.vue";
import RightPanel from "./../components/app/RightPanel.vue";
import News from "./../components/app/News.vue";
import changelog from '@/utils/changelog.js';
import ConnectingScreen from "./../components/app/ConnectingScreen.vue";
const News = () => import('./../components/app/News.vue');
const LeftPanel = () => import('./../components/app/LeftPanel.vue');
const RightPanel = () => import('./../components/app/RightPanel.vue');
export default {
name: "app",
components: {