diff --git a/src/components/Views/Author/Author.tsx b/src/components/Views/Author/Author.tsx
index 0c6a958a..651ee47d 100644
--- a/src/components/Views/Author/Author.tsx
+++ b/src/components/Views/Author/Author.tsx
@@ -1,168 +1,169 @@
-import type { Author, Reaction, Shout, Topic } from '../../../graphql/schema/core.gen'
+import type { Author, Reaction, Shout, Topic } from "../../../graphql/schema/core.gen";
 
-import { getPagePath } from '@nanostores/router'
-import { Meta, Title } from '@solidjs/meta'
-import { clsx } from 'clsx'
-import { For, Match, Show, Switch, createEffect, createMemo, createSignal, onMount } from 'solid-js'
+import { getPagePath } from "@nanostores/router";
+import { Meta, Title } from "@solidjs/meta";
+import { clsx } from "clsx";
+import { For, Match, Show, Switch, createEffect, createMemo, createSignal, onMount } from "solid-js";
 
-import { useFollowing } from '../../../context/following'
-import { useLocalize } from '../../../context/localize'
-import { useSession } from '../../../context/session'
-import { apiClient } from '../../../graphql/client/core'
-import { router, useRouter } from '../../../stores/router'
-import { loadShouts, useArticlesStore } from '../../../stores/zine/articles'
-import { loadAuthor, useAuthorsStore } from '../../../stores/zine/authors'
-import { getImageUrl } from '../../../utils/getImageUrl'
-import { getDescription } from '../../../utils/meta'
-import { restoreScrollPosition, saveScrollPosition } from '../../../utils/scroll'
-import { splitToPages } from '../../../utils/splitToPages'
-import { Comment } from '../../Article/Comment'
-import { AuthorCard } from '../../Author/AuthorCard'
-import { AuthorShoutsRating } from '../../Author/AuthorShoutsRating'
-import { Row1 } from '../../Feed/Row1'
-import { Row2 } from '../../Feed/Row2'
-import { Row3 } from '../../Feed/Row3'
-import { Loading } from '../../_shared/Loading'
+import { useFollowing } from "../../../context/following";
+import { useLocalize } from "../../../context/localize";
+import { useSession } from "../../../context/session";
+import { apiClient } from "../../../graphql/client/core";
+import { router, useRouter } from "../../../stores/router";
+import { loadShouts, useArticlesStore } from "../../../stores/zine/articles";
+import { loadAuthor, useAuthorsStore } from "../../../stores/zine/authors";
+import { getImageUrl } from "../../../utils/getImageUrl";
+import { getDescription } from "../../../utils/meta";
+import { restoreScrollPosition, saveScrollPosition } from "../../../utils/scroll";
+import { splitToPages } from "../../../utils/splitToPages";
+import { Comment } from "../../Article/Comment";
+import { AuthorCard } from "../../Author/AuthorCard";
+import { AuthorShoutsRating } from "../../Author/AuthorShoutsRating";
+import { Row1 } from "../../Feed/Row1";
+import { Row2 } from "../../Feed/Row2";
+import { Row3 } from "../../Feed/Row3";
+import { Loading } from "../../_shared/Loading";
 
-import { MODALS, hideModal } from '../../../stores/ui'
-import { byCreated } from '../../../utils/sortby'
-import stylesArticle from '../../Article/Article.module.scss'
-import styles from './Author.module.scss'
+import { MODALS, hideModal } from "../../../stores/ui";
+import { byCreated } from "../../../utils/sortby";
+import stylesArticle from "../../Article/Article.module.scss";
+import styles from "./Author.module.scss";
 
 type Props = {
-  authorSlug: string
-  shouts?: Shout[]
-  author?: Author
-}
-export const PRERENDERED_ARTICLES_COUNT = 12
-const LOAD_MORE_PAGE_SIZE = 9
+  authorSlug: string;
+  shouts?: Shout[];
+  author?: Author;
+};
+export const PRERENDERED_ARTICLES_COUNT = 12;
+const LOAD_MORE_PAGE_SIZE = 9;
 
 export const AuthorView = (props: Props) => {
-  const { t } = useLocalize()
-  const { subscriptions, followers: myFollowers, loadSubscriptions } = useFollowing()
-  const { session } = useSession()
-  const { sortedArticles } = useArticlesStore({ shouts: props.shouts })
-  const { authorEntities } = useAuthorsStore({ authors: [props.author] })
-  const { page: getPage, searchParams } = useRouter()
-  const [isLoadMoreButtonVisible, setIsLoadMoreButtonVisible] = createSignal(false)
-  const [isBioExpanded, setIsBioExpanded] = createSignal(false)
-  const [author, setAuthor] = createSignal<Author>()
-  const [followers, setFollowers] = createSignal([])
-  const [following, setFollowing] = createSignal<Array<Author | Topic>>([]) // flat AuthorFollowsResult
-  const [showExpandBioControl, setShowExpandBioControl] = createSignal(false)
-  const [commented, setCommented] = createSignal<Reaction[]>()
-  const modal = MODALS[searchParams().m]
+  const { t } = useLocalize();
+  const { subscriptions, followers: myFollowers, loadSubscriptions } = useFollowing();
+  const { session } = useSession();
+  const { sortedArticles } = useArticlesStore({ shouts: props.shouts });
+  const { authorEntities } = useAuthorsStore({ authors: [props.author] });
+  const { page: getPage, searchParams } = useRouter();
+  const [isLoadMoreButtonVisible, setIsLoadMoreButtonVisible] = createSignal(false);
+  const [isBioExpanded, setIsBioExpanded] = createSignal(false);
+  const [author, setAuthor] = createSignal<Author>();
+  const [followers, setFollowers] = createSignal([]);
+  const [following, setFollowing] = createSignal<Array<Author | Topic>>([]); // flat AuthorFollowsResult
+  const [showExpandBioControl, setShowExpandBioControl] = createSignal(false);
+  const [commented, setCommented] = createSignal<Reaction[]>();
+  const modal = MODALS[searchParams().m];
 
   // current author
-  createEffect(() => {
-    if (props.authorSlug) {
-      if (session()?.user?.app_data?.profile?.slug === props.authorSlug) {
-        console.info('my own profile')
-        const { profile, authors, topics } = session().user.app_data
-        setFollowers(myFollowers)
-        setAuthor(profile)
-        setFollowing([...authors, ...topics])
-      }
+  createEffect(async () => {
+    await loadAuthor({ slug: props.authorSlug });
+  })
+  createEffect( () => {
+    if (props.authorSlug && session()?.user?.app_data?.profile?.slug === props.authorSlug) {
+      console.info("my own profile");
+      const { profile, authors, topics } = session().user.app_data;
+      setFollowers(myFollowers);
+      setAuthor(profile);
+      setFollowing([...authors, ...topics]);
     } else {
       try {
-        const a = authorEntities()[props.authorSlug]
-        setAuthor(a)
+        const a = authorEntities()[props.authorSlug];
+        setAuthor(a);
         // TODO: add following data retrieval
-        console.debug('[Author] expecting following data fetched')
+        console.debug("[Author] expecting following data fetched");
       } catch (error) {
-        console.debug(error)
+        console.debug(error);
       }
     }
-  })
+  });
 
   createEffect(async () => {
     if (author()?.id && !author().stat) {
-      const a = await loadAuthor({ slug: '', author_id: author().id })
-      console.debug('[AuthorView] loaded author:', a)
+      const a = await loadAuthor({ slug: "", author_id: author().id });
+      console.debug("[AuthorView] loaded author:", a);
     }
-  })
+  });
 
-  const bioContainerRef: { current: HTMLDivElement } = { current: null }
-  const bioWrapperRef: { current: HTMLDivElement } = { current: null }
+  const bioContainerRef: { current: HTMLDivElement } = { current: null };
+  const bioWrapperRef: { current: HTMLDivElement } = { current: null };
 
   const fetchData = async (slug) => {
     try {
       const [subscriptionsResult, followersResult] = await Promise.all([
         apiClient.getAuthorFollows({ slug }),
         apiClient.getAuthorFollowers({ slug }),
-      ])
+      ]);
 
-      const { authors, topics } = subscriptionsResult
-      setFollowing([...(authors || []), ...(topics || [])])
-      setFollowers(followersResult || [])
+      const { authors, topics } = subscriptionsResult;
+      setFollowing([...(authors || []), ...(topics || [])]);
+      setFollowers(followersResult || []);
 
-      console.info('[components.Author] following data loaded')
+      console.info("[components.Author] following data loaded");
     } catch (error) {
-      console.error('[components.Author] fetch error', error)
+      console.error("[components.Author] fetch error", error);
     }
-  }
+  };
 
   const checkBioHeight = () => {
     if (bioContainerRef.current) {
-      setShowExpandBioControl(bioContainerRef.current.offsetHeight > bioWrapperRef.current.offsetHeight)
+      setShowExpandBioControl(bioContainerRef.current.offsetHeight > bioWrapperRef.current.offsetHeight);
     }
-  }
+  };
 
   onMount(() => {
-    fetchData(props.authorSlug)
+    fetchData(props.authorSlug);
 
     if (!modal) {
-      hideModal()
+      hideModal();
     }
-  })
+  });
 
   const loadMore = async () => {
-    saveScrollPosition()
+    saveScrollPosition();
     const { hasMore } = await loadShouts({
       filters: { author: props.authorSlug },
       limit: LOAD_MORE_PAGE_SIZE,
       offset: sortedArticles().length,
-    })
-    setIsLoadMoreButtonVisible(hasMore)
-    restoreScrollPosition()
-  }
+    });
+    setIsLoadMoreButtonVisible(hasMore);
+    restoreScrollPosition();
+  };
 
   onMount(() => {
-    checkBioHeight()
+    checkBioHeight();
 
     // pagination
     if (sortedArticles().length === PRERENDERED_ARTICLES_COUNT) {
-      loadMore()
-      loadSubscriptions()
+      loadMore();
+      loadSubscriptions();
     }
-  })
+  });
 
   const pages = createMemo<Shout[][]>(() =>
     splitToPages(sortedArticles(), PRERENDERED_ARTICLES_COUNT, LOAD_MORE_PAGE_SIZE),
-  )
+  );
 
   const fetchComments = async (commenter: Author) => {
     const data = await apiClient.getReactionsBy({
       by: { comment: false, created_by: commenter.id },
-    })
-    setCommented(data)
-  }
+    });
+    setCommented(data);
+  };
 
   createEffect(() => {
     if (author()) {
-      fetchComments(author())
+      fetchComments(author());
     }
-  })
+  });
 
   const ogImage = createMemo(() =>
     author()?.pic
       ? getImageUrl(author()?.pic, { width: 1200 })
-      : getImageUrl('production/image/logo_image.png'),
-  )
-  const description = createMemo(() => getDescription(author()?.bio))
+      : getImageUrl("production/image/logo_image.png"),
+  );
+  const description = createMemo(() => getDescription(author()?.bio));
   const handleDeleteComment = (id: number) => {
-    setCommented((prev) => prev.filter((comment) => comment.id !== id))
-  }
+    setCommented((prev) => prev.filter((comment) => comment.id !== id));
+  };
 
   return (
     <div class={styles.authorPage}>
@@ -184,20 +185,20 @@ export const AuthorView = (props: Props) => {
             <div class={styles.authorHeader}>
               <AuthorCard author={author()} followers={followers() || []} following={following() || []} />
             </div>
-            <div class={clsx(styles.groupControls, 'row')}>
+            <div class={clsx(styles.groupControls, "row")}>
               <div class="col-md-16">
                 <ul class="view-switcher">
                   <li
                     classList={{
-                      'view-switcher__item--selected': getPage().route === 'author',
+                      "view-switcher__item--selected": getPage().route === "author",
                     }}
                   >
                     <a
-                      href={getPagePath(router, 'author', {
+                      href={getPagePath(router, "author", {
                         slug: props.authorSlug,
                       })}
                     >
-                      {t('Publications')}
+                      {t("Publications")}
                     </a>
                     <Show when={author().stat}>
                       <span class="view-switcher__counter">{author().stat.shouts}</span>
@@ -205,15 +206,15 @@ export const AuthorView = (props: Props) => {
                   </li>
                   <li
                     classList={{
-                      'view-switcher__item--selected': getPage().route === 'authorComments',
+                      "view-switcher__item--selected": getPage().route === "authorComments",
                     }}
                   >
                     <a
-                      href={getPagePath(router, 'authorComments', {
+                      href={getPagePath(router, "authorComments", {
                         slug: props.authorSlug,
                       })}
                     >
-                      {t('Comments')}
+                      {t("Comments")}
                     </a>
                     <Show when={author().stat}>
                       <span class="view-switcher__counter">{author().stat.comments}</span>
@@ -221,24 +222,24 @@ export const AuthorView = (props: Props) => {
                   </li>
                   <li
                     classList={{
-                      'view-switcher__item--selected': getPage().route === 'authorAbout',
+                      "view-switcher__item--selected": getPage().route === "authorAbout",
                     }}
                   >
                     <a
                       onClick={() => checkBioHeight()}
-                      href={getPagePath(router, 'authorAbout', {
+                      href={getPagePath(router, "authorAbout", {
                         slug: props.authorSlug,
                       })}
                     >
-                      {t('Profile')}
+                      {t("Profile")}
                     </a>
                   </li>
                 </ul>
               </div>
-              <div class={clsx('col-md-8', styles.additionalControls)}>
+              <div class={clsx("col-md-8", styles.additionalControls)}>
                 <Show when={author()?.stat?.rating || author()?.stat?.rating === 0}>
                   <div class={styles.ratingContainer}>
-                    {t('All posts rating')}
+                    {t("All posts rating")}
                     <AuthorShoutsRating author={author()} class={styles.ratingControl} />
                   </div>
                 </Show>
@@ -249,7 +250,7 @@ export const AuthorView = (props: Props) => {
       </div>
 
       <Switch>
-        <Match when={getPage().route === 'authorAbout'}>
+        <Match when={getPage().route === "authorAbout"}>
           <div class="wide-container">
             <div class="row">
               <div class="col-md-20 col-lg-18">
@@ -263,17 +264,17 @@ export const AuthorView = (props: Props) => {
 
                 <Show when={showExpandBioControl()}>
                   <button
-                    class={clsx('button button--subscribe-topic', styles.longBioExpandedControl)}
+                    class={clsx("button button--subscribe-topic", styles.longBioExpandedControl)}
                     onClick={() => setIsBioExpanded(!isBioExpanded())}
                   >
-                    {t('Show more')}
+                    {t("Show more")}
                   </button>
                 </Show>
               </div>
             </div>
           </div>
         </Match>
-        <Match when={getPage().route === 'authorComments'}>
+        <Match when={getPage().route === "authorComments"}>
           <div class="wide-container">
             <div class="row">
               <div class="col-md-20 col-lg-18">
@@ -293,7 +294,7 @@ export const AuthorView = (props: Props) => {
             </div>
           </div>
         </Match>
-        <Match when={getPage().route === 'author'}>
+        <Match when={getPage().route === "author"}>
           <Show when={sortedArticles().length === 1}>
             <Row1 article={sortedArticles()[0]} noauthor={true} nodate={true} />
           </Show>
@@ -331,12 +332,12 @@ export const AuthorView = (props: Props) => {
           <Show when={isLoadMoreButtonVisible()}>
             <p class="load-more-container">
               <button class="button" onClick={loadMore}>
-                {t('Load more')}
+                {t("Load more")}
               </button>
             </p>
           </Show>
         </Match>
       </Switch>
     </div>
-  )
-}
+  );
+};
diff --git a/src/components/_shared/SolidSwiper/ImageSwiper.tsx b/src/components/_shared/SolidSwiper/ImageSwiper.tsx
index d018632c..9653b449 100644
--- a/src/components/_shared/SolidSwiper/ImageSwiper.tsx
+++ b/src/components/_shared/SolidSwiper/ImageSwiper.tsx
@@ -49,7 +49,6 @@ export const ImageSwiper = (props: Props) => {
   )
 
   onMount(async () => {
-    console.log("!!! onMount:");
     const { register } = await import('swiper/element/bundle')
     register()
     SwiperCore.use([Pagination, Navigation, Manipulation])
diff --git a/src/stores/zine/authors.ts b/src/stores/zine/authors.ts
index 131b70c6..33861246 100644
--- a/src/stores/zine/authors.ts
+++ b/src/stores/zine/authors.ts
@@ -1,5 +1,5 @@
 import { createLazyMemo } from '@solid-primitives/memo'
-import { createSignal } from 'solid-js'
+import { createEffect, createSignal } from "solid-js";
 
 import { apiClient } from '../../graphql/client/core'
 import { Author, QueryLoad_Authors_ByArgs } from '../../graphql/schema/core.gen'