diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
index 6ace459..d3e0f97 100644
--- a/src/components/Nav.svelte
+++ b/src/components/Nav.svelte
@@ -1,21 +1,21 @@
 <script>
-  import { onMount } from 'svelte';
+  import { onMount } from "svelte";
   import { goto, stores } from "@sapper/app";
   import { post } from "auth.js";
-  import Sidebar from './UI/Sidebar.svelte';
+  import Sidebar from "./UI/Sidebar.svelte";
+  import { accounts } from "../store/accounts";
   const { page, session } = stores();
-  
+
   export let segment;
   export let activeName;
   let active = true;
 
   async function logout() {
     await post(`auth/logout`);
-	// $session.user = null;
-	session.set({ token: null, user: null })
+    session.set({ token: null, user: null });
+    accounts.setupAccounts([]);
     goto("/");
   }
-
 </script>
 
 <style>
@@ -23,57 +23,80 @@
 </style>
 
 <nav class="bg-gray-800 text-white md:py-3">
-	
-		{#if $session.user}
-			<div class="md:hidden flex align-middle items-center justify-between px-6 py-2">
-				<div>
-					<div class="cursor-pointer" on:click="{() => active = !active}"><i class="material-icons-outlined align-middle">menu</i></div>
-				</div>
-				<div on:click={logout}>
-					<p class="pl-2">Logout</p>
-				</div>
-			</div>
-		{:else}
-			<div class="md:hidden flex flex-row-reverse align-middle items-center justify-between px-6 py-2">
-				<div>
-					<a class="flex align-middle items-center" href="/login" aria-current='{segment === "login" ? "page" : undefined}' >
-						<span class="pl-2">Login</span>
-					</a>
-				</div>
-				<div on:click={logout}>
-					<p class="pl-2">Logout</p>
-				</div>
-			</div>
-		{/if}
-		
-	
-	<div class="hidden md:flex flex-row align-middle items-center justify-between">
-		<div class="flex align-middle items-center">
-			<a href="/" aria-current='{segment === undefined ? "page" : undefined}' on:click={logout}>
-				<p class="pl-2">Logout</p>
-			</a>
-			<span class="h-10 w-px bg-gray-900 align-middle mx-6"></span>
-			{#if $session.user && $page.path.includes('/account/')}
-				<div class="cursor-pointer" on:click="{() => active = !active}">{activeName ? activeName : "DEBUG"}<i class="material-icons-outlined align-middle pl-3">menu</i></div>
-			{/if}
-			{#if $session.user}
-			<div class="cursor-pointer" on:click="{() => active = !active}">Account Name<i class="material-icons-outlined align-middle pl-3">menu</i></div>
-			{/if}
-		</div>
-		{#if $session.user}
-			<div>
-				<a class="flex align-middle items-center pr-6" href=".">
-					<img class="w-6 rounded-full" src="{$session.user.image}" alt="profile avatar" />
-					<span class="pl-2">{$session.user.name}</span>
-				</a>
-			</div>
-		{:else}
-			<div>
-				<a class="flex align-middle items-center pr-6" href="/login" aria-current='{segment === "login" ? "page" : undefined}' >
-					<span class="pl-2">Login</span>
-				</a>
-			</div>
-		{/if}
-	</div>
+
+  {#if $session.user}
+    <div
+      class="md:hidden flex align-middle items-center justify-between px-6 py-2">
+      <div>
+        <div class="cursor-pointer" on:click={() => (active = !active)}>
+          <i class="material-icons-outlined align-middle">menu</i>
+        </div>
+      </div>
+      <div on:click={logout}>
+        <p class="pl-2">Logout</p>
+      </div>
+    </div>
+  {:else}
+    <div
+      class="md:hidden flex flex-row-reverse align-middle items-center
+      justify-between px-6 py-2">
+      <div>
+        <a
+          class="flex align-middle items-center"
+          href="/login"
+          aria-current={segment === 'login' ? 'page' : undefined}>
+          <span class="pl-2">Login</span>
+        </a>
+      </div>
+      <div on:click={logout}>
+        <p class="pl-2">Logout</p>
+      </div>
+    </div>
+  {/if}
+
+  <div
+    class="hidden md:flex flex-row align-middle items-center justify-between">
+    <div class="flex align-middle items-center">
+      <a
+        href="/"
+        aria-current={segment === undefined ? 'page' : undefined}
+        on:click={logout}>
+        <p class="pl-2">Logout</p>
+      </a>
+      <span class="h-10 w-px bg-gray-900 align-middle mx-6" />
+      {#if $session.user && $page.path.includes('/account/')}
+        <div class="cursor-pointer" on:click={() => (active = !active)}>
+          {activeName ? activeName : 'DEBUG'}
+          <i class="material-icons-outlined align-middle pl-3">menu</i>
+        </div>
+      {/if}
+      {#if $session.user}
+        <div class="cursor-pointer" on:click={() => (active = !active)}>
+          Account Name
+          <i class="material-icons-outlined align-middle pl-3">menu</i>
+        </div>
+      {/if}
+    </div>
+    {#if $session.user}
+      <div>
+        <a class="flex align-middle items-center pr-6" href=".">
+          <img
+            class="w-6 rounded-full"
+            src={$session.user.image}
+            alt="profile avatar" />
+          <span class="pl-2">{$session.user.name}</span>
+        </a>
+      </div>
+    {:else}
+      <div>
+        <a
+          class="flex align-middle items-center pr-6"
+          href="/login"
+          aria-current={segment === 'login' ? 'page' : undefined}>
+          <span class="pl-2">Login</span>
+        </a>
+      </div>
+    {/if}
+  </div>
 </nav>
-<Sidebar bind:toggle={active} />
\ No newline at end of file
+<Sidebar bind:toggle={active} />
diff --git a/src/components/UI/Sidebar.svelte b/src/components/UI/Sidebar.svelte
index b260a72..50d49f7 100644
--- a/src/components/UI/Sidebar.svelte
+++ b/src/components/UI/Sidebar.svelte
@@ -1,68 +1,62 @@
 <script>
-import * as api from 'api.js'
-import { onMount, afterUpdate, onDestroy } from 'svelte';
-import { goto, stores } from "@sapper/app";
-import { fade, fly, slide, scale } from 'svelte/transition';
-import Button from './Button.svelte';
-const { session } = stores();
-
-export let toggle = true;
-let data = [];
-
-onMount(async () => {
-		({ data } = await api.get(`accounts/`, $session.token, $session.user._id))
-    });
-
-afterUpdate(() => {
-    data = data;
-})
-
-onDestroy(() => {
-    data = [];
-})
-
-//$: console.log('Sidebar accountData:', data);
+  import * as api from "api.js";
+  import { onMount, afterUpdate, onDestroy } from "svelte";
+  import { goto, stores } from "@sapper/app";
+  import { fade, fly, slide, scale } from "svelte/transition";
+  import Button from "./Button.svelte";
+  const { session } = stores();
+  import { accounts } from "../../store/accounts";
 
+  export let toggle = true;
 </script>
 
-<aside class="absolute bg-white top-0 left-0 h-full w-327px md:w-350px overflow-auto z-50 {toggle ? 'hidden' : ''}">
-    <div class="flex flex-col">
-        <div class="flex bg-gray-800 text-white p-4 md:hidden">
-            <i class="material-icons-outlined">keyboard_arrow_left</i>
-            <h3 class="text-base">Menu</h3>
-        </div>
-        <div class="text-gray-700">
-            <div class="bg-gray-100 pl-6 py-3">
-                <h2 class="text-lg">Account Name</h2>
-                <p class="text-gray-600 text-xs">Account ID</p>
-            </div>
-            <div class="pt-6 mx-4">
-                <h4 class="text-gray-600 pl-2 text-xs pb-4">PROJECTS</h4>
-                {#if $session.user}
-                     {#each data as account}
-                            <div class="flex py-2 hover:bg-blue-100 hover:text-blue-500">
-                            <i class="material-icons-outlined my-auto pl-2 pr-4">corporate_fare</i>
-                            <a class="flex flex-col" href="account/{account._id}" on:click="{() => toggle = !toggle}">
-                                <h3 class="text-base">{account.accountName}</h3>
-                                <p class="text-xs">{account._id}</p>
-                            </a>
-                        </div>
-                    {/each}
-                {:else}
-                     <div>Nothing to see here</div>
-                {/if}
+<aside
+  class="absolute bg-white top-0 left-0 h-full w-327px md:w-350px overflow-auto
+  z-50 {toggle ? 'hidden' : ''}">
+  <div class="flex flex-col">
+    <div class="flex bg-gray-800 text-white p-4 md:hidden">
+      <i class="material-icons-outlined">keyboard_arrow_left</i>
+      <h3 class="text-base">Menu</h3>
+    </div>
+    <div class="text-gray-700">
+      <div class="bg-gray-100 pl-6 py-3">
+        <h2 class="text-lg">Account Name</h2>
+        <p class="text-gray-600 text-xs">Account ID</p>
+      </div>
+      <div class="pt-6 mx-4">
+        <h4 class="text-gray-600 pl-2 text-xs pb-4">PROJECTS</h4>
+        {#if $session.user && $accounts.length > 0}
+          {#each $accounts as account}
+            <div class="flex py-2 hover:bg-blue-100 hover:text-blue-500">
+              <i class="material-icons-outlined my-auto pl-2 pr-4">
+                corporate_fare
+              </i>
+              <a
+                class="flex flex-col"
+                href="account/{account._id}"
+                rel="prefetch"
+                on:click={() => (toggle = !toggle)}>
+                <h3 class="text-base">{account.accountName}</h3>
+                <p class="text-xs">{account._id}</p>
+              </a>
             </div>
-        </div>
-        <div class="pt-6 pl-6">
-            <Button 
-            mode="link"
-            classes="text-blue-500 text-sm"
-            href="/forgot"
-            >CREATE PROJECT</Button>
-        </div>
+          {/each}
+        {:else}
+          <div>Nothing to see here</div>
+        {/if}
+      </div>
+    </div>
+    <div class="pt-6 pl-6">
+      <Button mode="link" classes="text-blue-500 text-sm" href="/forgot">
+        CREATE PROJECT
+      </Button>
     </div>
+  </div>
 </aside>
-<div on:click="{() => toggle = !toggle}" class="fixed top-0 left-0 w-full h-full z-40 bg-black bg-opacity-75 cursor-pointer {toggle ? 'hidden' : ''}"></div>
+<div
+  on:click={() => (toggle = !toggle)}
+  class="fixed top-0 left-0 w-full h-full z-40 bg-black bg-opacity-75
+  cursor-pointer {toggle ? 'hidden' : ''}" />
 
 <!-- <aside class="absolute bg-white top-0 left-0 h-full w-327px md:w-350px overflow-auto z-50 {toggle ? 'hidden' : ''}">
     <div class="flex flex-col">
@@ -87,11 +81,11 @@ onDestroy(() => {
             </div>
         </div>
         <div class="pt-6 pl-6">
-            <Button 
+            <Button
             mode="link"
             classes="text-blue-500 text-sm"
             href="/forgot"
             >CREATE PROJECT</Button>
         </div>
     </div>
-</aside> -->
\ No newline at end of file
+</aside> -->
diff --git a/src/helpers/accountData.js b/src/helpers/accountData.js
deleted file mode 100644
index e40a3c6..0000000
--- a/src/helpers/accountData.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import * as api from "api.js";
-
-export default async function accountData(path, token, uderId) {
-    const res = await api.get(path, token, uderId)
-    const data = res.data;
-    return { data }
-}
\ No newline at end of file
diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index d87f141..6eef4a2 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -1,11 +1,11 @@
 <script context="module">
   export async function preload(page, session) {
-	const { user , token } = session;
-	const { path } = page;
+    const { user, token } = session;
+    const { path } = page;
 
-	// Protected Routes
-	const loginRoutes = ["/dashboard", "/settings", "/accounts" , "/account"];
-	// Public Routes
+    // Protected Routes
+    const loginRoutes = ["/dashboard", "/settings", "/accounts", "/account"];
+    // Public Routes
     const logoutRoutes = ["/login", "/register", "/forgot"];
 
     if (user && logoutRoutes.includes(path)) {
@@ -13,18 +13,34 @@
     } else if (!user && loginRoutes.includes(path)) {
       return this.redirect(302, "login");
     }
-
-    return { user, token };
   }
 </script>
+
 <script>
-	import Nav from '../components/Nav.svelte';
+  import { onMount, afterUpdate, beforeUpdate } from "svelte";
+  import * as api from "api.js";
+  import { stores } from "@sapper/app";
+  import { accounts } from "../store/accounts";
+  import Nav from "../components/Nav.svelte";
 
-	export let segment;
-</script>
+  const { session } = stores();
 
-<Nav {segment}/>
+  export let segment;
+
+  afterUpdate(async () => {
+    if ($session.user._id && $accounts.length === 0) {
+      console.log("this is only once done to avoid persisting data");
+      const res = await api.get(`accounts/`, $session.token, $session.user._id);
+      const accountData = await res.data;
+      if (!accountData) {
+        return console.log("No Account Data Returned 😭");
+      }
+      accounts.setupAccounts(accountData);
+    }
+  });
+</script>
 
+<Nav {segment} />
 <main class="h-nav-mobile w-screen md:h-nav-desktop">
-	<slot></slot>
-</main>
\ No newline at end of file
+  <slot />
+</main>
diff --git a/src/routes/account/[_id].svelte b/src/routes/account/[_id].svelte
index 550b9e6..ce2dbd2 100644
--- a/src/routes/account/[_id].svelte
+++ b/src/routes/account/[_id].svelte
@@ -1,49 +1,57 @@
 <script context="module">
-	import * as api from "api.js";
-
-	export async function preload(page, session)  {
-		//console.log('page', page);
-		//console.log('session', session);
-		const { _id } = page.params;
-
-		const res = await api.get(`accounts/${_id}`, session.token, session.user._id)
-		const accountData = res.data;
-		
-		return { accountData }
-	}
+  import * as api from "api.js";
+
+  export async function preload(page, session) {
+    console.log("page in [_id.svelte]", page);
+    console.log("session in [_id.svelte]", session);
+    const { _id } = page.params;
+
+    const res = await api.get(
+      `accounts/${_id}`,
+      session.token,
+      session.user._id
+    );
+    const accountData = res.data;
+
+    console.log("individual acount _id", accountData);
+
+    return { accountData };
+  }
 </script>
 
 <script>
-	export let accountData;
-	//console.log(accountData.projects)
-
-	const projects = accountData.projects;
-	JSON.stringify(projects)
+  export let accountData;
+  // console.log("client _id", accountData);
 
-	console.log(accountData)
+  $: projects = accountData.projects;
 
-	if(accountData) {
-		//activeName = accountData.accountName;
-	}
+  if (accountData) {
+    //activeName = accountData.accountName;
+  }
 </script>
 
 <svelte:head>
-	<title>{accountData.accountName}</title>
+  <title>{accountData.accountName}</title>
 </svelte:head>
 
-
 <h1>{accountData.accountName}</h1>
 
 <ul>
-{#if projects}
-	 {#each projects as project}
-	<li>
-		<a class="hover:underline text-blue-500" href="/project/{project._id}" id="{project._id}">{project.projectName}</a>
-	</li>
-{:else}
-	<li>
-		<p>No projects found or call has not been made</p>
-	</li>
-{/each}
-{/if}
-</ul>
\ No newline at end of file
+  {#if projects}
+    {#each projects as project}
+      <li>
+        <a
+          class="hover:underline text-blue-500"
+          href="project/{project._id}"
+          rel="prefetch"
+          id={project._id}>
+          {project.projectName}
+        </a>
+      </li>
+    {:else}
+      <li>
+        <p>No projects found or call has not been made</p>
+      </li>
+    {/each}
+  {/if}
+</ul>
diff --git a/src/routes/accounts.svelte b/src/routes/accounts.svelte
index 95a3fe9..8e18e6a 100644
--- a/src/routes/accounts.svelte
+++ b/src/routes/accounts.svelte
@@ -1,32 +1,27 @@
-<script context="module">
-    import * as api from "api.js";
-
-	export async function preload(page, session)  {
-		//console.log('page', page);
-		//console.log('session', session);
-		const { _id } = page.params;
-
-		const res = await api.get(`accounts/`, session.token, session.user._id)
-		const accountData = res.data;
-		
-		return { accountData }
-	}
-</script>
-
 <script>
-	export let accountData;	
+  import { accounts } from "../store/accounts";
+  import { goto, stores } from "@sapper/app";
+  const { session } = stores();
+
+  $: console.log("$ession in account", $session);
 </script>
 
 <ul>
-{#if accountData}
-	 {#each accountData as account}
-        <li>
-            <a class="hover:underline text-blue-500" href="/account/{account._id}" id="{account._id}">{account.accountName}</a>
-        </li>
+  {#if $accounts.length > 0}
+    {#each $accounts as account}
+      <li>
+        <a
+          class="hover:underline text-blue-500"
+          href="/account/{account._id}"
+          rel="prefetch"
+          id={account._id}>
+          {account.accountName}
+        </a>
+      </li>
     {:else}
-        <li>
-            <p>No Accounts found or call has not been made</p>
-        </li>
+      <li>
+        <p>No Accounts found or call has not been made</p>
+      </li>
     {/each}
-{/if}
-</ul>
\ No newline at end of file
+  {/if}
+</ul>
diff --git a/src/routes/login.svelte b/src/routes/login.svelte
index 91c48f4..b115819 100644
--- a/src/routes/login.svelte
+++ b/src/routes/login.svelte
@@ -1,106 +1,115 @@
 <script>
-    import { onMount, onDestroy } from 'svelte';
-    import { goto, stores } from '@sapper/app';
-    import { post } from "auth.js";
-    import TextInput from '../components/UI/TextInput.svelte';
-    import Button from '../components/UI/Button.svelte';
-    import accountData from '../helpers/accountData';
+  import * as api from "api.js";
+  import { onMount, onDestroy } from "svelte";
+  import { goto, stores } from "@sapper/app";
+  import { post } from "auth.js";
+  import TextInput from "../components/UI/TextInput.svelte";
+  import Button from "../components/UI/Button.svelte";
+  //   import { accountStore } from "../store/accountStore";
 
-    const { session } = stores();
+  const { session } = stores();
 
-    let email = '';
-	let password = '';
-    let errors = null;
-    let user = [];
+  let email = "";
+  let password = "";
+  let errors = null;
+  let user = [];
 
-    async function submit() {
-        const response = await post(`auth/login`, { email, password });
-        // TODO handle network errors
-        // errors = response.errors;
-        if(errors) {
-            
-        }
+  async function submit() {
+    const response = await post(`auth/login`, { email, password });
 
-        if (response.user) {
-            $session.user = response.user;
-            $session.token = response.token;
-                goto("/accounts");
-        }
+    if (!response.success) {
+      return console.log("Something went wrong logging in...");
     }
 
+    if (response.user) {
+      $session.user = response.user;
+      $session.token = response.token;
+      //   updateStore($session.token, $session.user._id);
+      goto("/accounts");
+    }
+  }
+
+  // async function updateStore(token, userID) {
+  //     const res = await api.get(`accounts/`, token, userID);
+  //     const accountData = await res.data;
+
+  //     if (!accountData) {
+  //         return console.log('No Account Data Returned 😭')
+  //     }
+
+  //     return accountStore.set(accountData);
+  // }
+
+  //$: console.log('$', $accountStore);
 </script>
 
 <svelte:head>
-	<title>Login | Platform</title>
+  <title>Login | Platform</title>
 </svelte:head>
 
 <section class="md:pt-20 md:bg-gray-100 h-full">
-    <div class="flex flex-col bg-white h-full md:h-auto md:w-440px md:mx-auto pt-12 md:rounded md:overflow-hidden md:shadow-2">
-        <div class="mt-12 md:mt-0 flex flex-col items-center">
-            <img class="w-120" src="/Platform.svg" alt="Platform Login Logo" loading="lazy" width="120">
-            <h2 class="my-8">Sign in to continue to Platform.</h2>
+  <div
+    class="flex flex-col bg-white h-full md:h-auto md:w-440px md:mx-auto pt-12
+    md:rounded md:overflow-hidden md:shadow-2">
+    <div class="mt-12 md:mt-0 flex flex-col items-center">
+      <img
+        class="w-120"
+        src="/Platform.svg"
+        alt="Platform Login Logo"
+        loading="lazy"
+        width="120" />
+      <h2 class="my-8">Sign in to continue to Platform.</h2>
+    </div>
+    <form class="mx-6 md:mb-16" on:submit|preventDefault={submit}>
+      <div class="mb-4">
+        <TextInput
+          type="email"
+          placeholder="Email"
+          ariaLabel="email"
+          value={email}
+          on:input={(event) => (email = event.target.value)} />
+      </div>
+      <div>
+        <TextInput
+          controlType="password"
+          type="password"
+          placeholder="Password"
+          ariaLabel="password"
+          value={password}
+          on:input={(event) => (password = event.target.value)} />
+      </div>
+      <div class="flex items-center justify-between mt-8">
+        <div class="btn-item">
+          <Button mode="link" classes="text-blue-500 text-sm" href="/forgot">
+            FORGOT PASSWORD?
+          </Button>
         </div>
-        <form class="mx-6 md:mb-16" on:submit|preventDefault={submit}>
-            <div class="mb-4">
-                <TextInput
-                        type="email"
-                        placeholder="Email"
-                        ariaLabel="email"
-                        value={email}
-                        on:input={event => (email = event.target.value)}
-                    />
-            </div>
-            <div>
-                <TextInput
-                        controlType="password"
-                        type="password"
-                        placeholder="Password"
-                        ariaLabel="password"
-                        value={password}
-                        on:input={event => (password = event.target.value)}
-                    />
-            </div>
-            <div class="flex items-center justify-between mt-8">
-                <div class="btn-item">
-                    <Button 
-                        mode="link"
-                        classes="text-blue-500 text-sm"
-                        href="/forgot"
-                        >FORGOT PASSWORD?</Button>
-                </div>
-                <div class="btn-item">
-                    <Button 
-                        mode="primary"
-                        type="button" 
-                        disabled={!email || !password}
-                        on:click={submit}
-                        >Login</Button>
-                </div>
-            </div>
-        </form>
-        <div class="flex justify-center flex-1 items-end mb-4 md:hidden">
-            <Button 
-                mode="link"
-                classes="text-gray-300 text-xs mx-2"
-                href="/terms"
-                >Terms</Button>
-            <Button 
-                mode="link"
-                classes="text-gray-300 text-xs mx-2"
-                href="/privacy"
-                >Privacy</Button>
+        <div class="btn-item">
+          <Button
+            mode="primary"
+            type="button"
+            disabled={!email || !password}
+            on:click={submit}>
+            Login
+          </Button>
         </div>
+      </div>
+    </form>
+    <div class="flex justify-center flex-1 items-end mb-4 md:hidden">
+      <Button mode="link" classes="text-gray-300 text-xs mx-2" href="/terms">
+        Terms
+      </Button>
+      <Button mode="link" classes="text-gray-300 text-xs mx-2" href="/privacy">
+        Privacy
+      </Button>
     </div>
-    <div class="hidden md:flex md:justify-center md:flex-1 md:items-end md:mt-6">
-        <Button 
-            mode="link"
-            classes="text-gray-300 text-xs mx-2"
-            href="/terms"
-            >Terms</Button>
-        <Button 
-            mode="link"
-            classes="text-gray-300 text-xs mx-2"
-            href="/privacy"
-            >Privacy</Button>
-    </div>
-</section>
\ No newline at end of file
+  </div>
+  <div class="hidden md:flex md:justify-center md:flex-1 md:items-end md:mt-6">
+    <Button mode="link" classes="text-gray-300 text-xs mx-2" href="/terms">
+      Terms
+    </Button>
+    <Button mode="link" classes="text-gray-300 text-xs mx-2" href="/privacy">
+      Privacy
+    </Button>
+  </div>
+</section>
diff --git a/src/store/__accountStore.js b/src/store/__accountStore.js
new file mode 100644
index 0000000..5ca5cc6
--- /dev/null
+++ b/src/store/__accountStore.js
@@ -0,0 +1,3 @@
+import { writable } from 'svelte/store';
+
+export const accountStore = writable([]);
\ No newline at end of file
diff --git a/src/store/accounts.js b/src/store/accounts.js
new file mode 100644
index 0000000..28f33ef
--- /dev/null
+++ b/src/store/accounts.js
@@ -0,0 +1,12 @@
+import { writable } from 'svelte/store';
+
+function createAccounts() {
+	const { subscribe, set, update } = writable([]);
+
+	return {
+		subscribe,
+		setupAccounts: (arg) => set(arg)
+	};
+}
+
+export const accounts = createAccounts();