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 OnlineFriends from './relationships/OnlineFriends.vue'
import OfflineFriends from './relationships/OfflineFriends.vue' import OfflineFriends from './relationships/OfflineFriends.vue'
import RecentFriends from './relationships/RecentFriends.vue' import RecentFriends from './relationships/RecentFriends.vue'
export default { export default {
components: { components: {
MyMiniInformation, MyMiniInformation,

View file

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

View file

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

View file

@ -30,9 +30,13 @@
<script> <script>
import { bus } from "../../main"; 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 { export default {
components: { components: {
MyProfile, MyProfile,

View file

@ -52,12 +52,15 @@
<script> <script>
import { bus } from "../main"; import { bus } from "../main";
import Popouts from "@/components/app/Popouts.vue"; 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 changelog from '@/utils/changelog.js';
import ConnectingScreen from "./../components/app/ConnectingScreen.vue"; 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 { export default {
name: "app", name: "app",
components: { components: {