From fdf78dd5bf25f345cc8419cc547cdbafaf54ae86 Mon Sep 17 00:00:00 2001
From: vnugent <public@vaughnnugent.com>
Date: Sat, 11 Nov 2023 00:52:57 -0500
Subject: switch default api path, reduce bundle size, and swtich to async
 components

---
 front-end/src/components/FooterNav1.vue                | 2 +-
 front-end/src/views/Account/[comp].vue                 | 7 +------
 front-end/src/views/Blog/ckeditor/Editor.vue           | 6 ++----
 front-end/src/views/Blog/components/Posts/PostEdit.vue | 5 +++--
 4 files changed, 7 insertions(+), 13 deletions(-)

(limited to 'front-end/src')

diff --git a/front-end/src/components/FooterNav1.vue b/front-end/src/components/FooterNav1.vue
index c02585f..721684a 100644
--- a/front-end/src/components/FooterNav1.vue
+++ b/front-end/src/components/FooterNav1.vue
@@ -5,7 +5,7 @@
   <router-link class="footer-link" to="/login" >
     Login
   </router-link>
-  <router-link class="footer-link" to="/account">
+  <router-link class="footer-link" to="/account/profile">
     Profile
   </router-link>
   <router-link class="footer-link" to="/account/settings">
diff --git a/front-end/src/views/Account/[comp].vue b/front-end/src/views/Account/[comp].vue
index 9e6343d..d854e2e 100644
--- a/front-end/src/views/Account/[comp].vue
+++ b/front-end/src/views/Account/[comp].vue
@@ -58,10 +58,8 @@ const comp = useRouteParams<ComponentType>('comp')
 
 const tabId = computed<number>(() =>{
    switch (comp.value) {
-    case ComponentType.Oauth:
-      return 1
     case ComponentType.Settings:
-      return 2
+      return 1
     case ComponentType.Profile:
     default:
       return 0
@@ -71,9 +69,6 @@ const tabId = computed<number>(() =>{
 const onTabChange = (tabid : number) =>{
   switch (tabid) {
     case 1:
-      comp.value = ComponentType.Oauth
-      break
-    case 2:
       comp.value = ComponentType.Settings
       break
     case 0:
diff --git a/front-end/src/views/Blog/ckeditor/Editor.vue b/front-end/src/views/Blog/ckeditor/Editor.vue
index c3d637c..5bbf1cb 100644
--- a/front-end/src/views/Blog/ckeditor/Editor.vue
+++ b/front-end/src/views/Blog/ckeditor/Editor.vue
@@ -75,13 +75,11 @@ import { useSessionStorage } from '@vueuse/core';
 import { tryOnMounted } from '@vueuse/shared';
 import { apiCall } from '@vnuge/vnlib.browser';
 import { Popover, PopoverButton, PopoverPanel, Switch } from '@headlessui/vue'
-import { BlogState } from '../blog-api'
 import { Converter } from 'showdown'
-
-//Import the editor config
+import { BlogState } from '../blog-api'
 import { useCkConfig } from './build.ts'
-import ContentSearch from '../components/ContentSearch.vue';
 import { useUploadAdapter } from './uploadAdapter';
+import ContentSearch from '../components/ContentSearch.vue';
 
 const emit = defineEmits(['change', 'load', 'mode-change'])
 
diff --git a/front-end/src/views/Blog/components/Posts/PostEdit.vue b/front-end/src/views/Blog/components/Posts/PostEdit.vue
index 0268508..4106256 100644
--- a/front-end/src/views/Blog/components/Posts/PostEdit.vue
+++ b/front-end/src/views/Blog/components/Posts/PostEdit.vue
@@ -41,16 +41,17 @@
     </div>
 </template>
 <script setup lang="ts">
-import { computed, ref } from 'vue';
+import { computed, defineAsyncComponent, ref } from 'vue';
 import { BlogState } from '../../blog-api';
 import { reactiveComputed } from '@vueuse/core';
 import { isNil, isString, split } from 'lodash-es';
 import { PostMeta, useXmlProperties } from '@vnuge/cmnext-admin';
 import { apiCall, useUser } from '@vnuge/vnlib.browser';
 import { getPostForm } from '../../form-helpers';
-import Editor from '../../ckeditor/Editor.vue';
 import FeedFields from '../FeedFields.vue';
 
+const Editor = defineAsyncComponent(() => import('../../ckeditor/Editor.vue'));
+
 const emit = defineEmits(['close', 'submit', 'delete']);
 const props = defineProps<{
     blog: BlogState
-- 
cgit