diff --git a/components/Header.vue b/components/Header.vue
index 963f9eb..c2670cb 100644
--- a/components/Header.vue
+++ b/components/Header.vue
@@ -47,7 +47,7 @@ const submit = async () => {
         <p
           class="font-semibold text-ellipsis whitespace-nowrap overflow-hidden"
         >
-          {{ count?.members.map((m) => m.name).join(", ") }}
+          {{ count.members.map((m) => m.name).join(", ") }}
         </p>
       </div>
       <p v-if="count?.description">{{ count.description }}</p>
diff --git a/components/balances/View.vue b/components/balances/View.vue
index f6d5426..6c78316 100644
--- a/components/balances/View.vue
+++ b/components/balances/View.vue
@@ -1,25 +1,21 @@
 <script setup lang="ts">
 const props = defineProps<{ count: CountData; currentMember?: number }>();
 
-const sortedMembers = computed(
-  () => props.count?.members.sort((a, b) => a.name.localeCompare(b.name)) ?? []
-);
-
 const balances = computed(() =>
-  props.count ? computeBalances(props.count.expenses, sortedMembers.value) : []
+  props.count ? computeBalances(props.count.expenses, props.count.members) : []
 );
 </script>
 
 <template>
   <main class="space-y-2">
     <BalancesChart
-      :members="sortedMembers"
+      :members="count.members"
       :balances="balances"
       :current-member="currentMember"
     />
     <BalancesReimbursementsTable
       :count="count"
-      :members="sortedMembers"
+      :members="count.members"
       :balances="balances"
       :current-member="currentMember"
     />
diff --git a/components/new-expense/Infos.vue b/components/new-expense/Infos.vue
index 6cefbb5..1f668be 100644
--- a/components/new-expense/Infos.vue
+++ b/components/new-expense/Infos.vue
@@ -1,9 +1,5 @@
 <script setup lang="ts">
-const props = defineProps<{ count: CountData }>();
-
-const sortedMembers = computed(
-  () => props.count?.members.sort((a, b) => a.name.localeCompare(b.name)) ?? []
-);
+defineProps<{ count: CountData }>();
 
 const title = defineModel<string>("title");
 const amount = defineModel<number>("amount");
@@ -40,7 +36,7 @@ const author = defineModel<number>("author");
       </div>
       <select class="select select-bordered" v-model.number="author">
         <option disabled selected value="undefined">Who paid?</option>
-        <option v-for="m in sortedMembers" :key="m.id" :value="m.id">
+        <option v-for="m in count.members" :key="m.id" :value="m.id">
           {{ m.name }}
         </option>
       </select>
diff --git a/components/new-expense/Modal.vue b/components/new-expense/Modal.vue
index 8b71667..835c765 100644
--- a/components/new-expense/Modal.vue
+++ b/components/new-expense/Modal.vue
@@ -47,8 +47,6 @@ const submit = async () => {
     @click="
       () => {
         expenseStore.$reset();
-        console.log(expenseStore.shares);
-
         for (const m of count?.members ?? []) {
           expenseStore.shares[m.id] = { fraction: 1, amount: '' };
         }
diff --git a/components/new-expense/Participants.vue b/components/new-expense/Participants.vue
index 2de8cbe..15a1b04 100644
--- a/components/new-expense/Participants.vue
+++ b/components/new-expense/Participants.vue
@@ -2,13 +2,9 @@
 const props = defineProps<{ count: CountData; expenseAmount: number }>();
 const model = defineModel<ExpenseShares>({ default: {} });
 
-const sortedMembers = computed(
-  () => props.count?.members.sort((a, b) => a.name.localeCompare(b.name)) ?? []
-);
-
 const updateSharesAmount = () => {
   const formattedShares: { fraction?: number; amount?: number }[] = [];
-  const mIds = sortedMembers.value.map((m) => m.id);
+  const mIds = props.count.members.map((m) => m.id);
   for (const id of mIds) {
     const share = model.value[id];
     if (share.amount !== "" && share.fraction === "") {
@@ -41,22 +37,22 @@ updateSharesAmount();
                 type="checkbox"
                 class="checkbox"
                 :checked="
-                  sortedMembers.every(
+                  count.members.every(
                     (m) => model[m.id].fraction || model[m.id].amount
                   )
                 "
                 @click="
                   () => {
                     if (
-                      sortedMembers.every(
+                      count.members.every(
                         (m) => model[m.id].fraction || model[m.id].amount
                       )
                     ) {
-                      for (const m of sortedMembers) {
+                      for (const m of count.members) {
                         model[m.id] = { fraction: 0, amount: '' };
                       }
                     } else {
-                      for (const m of sortedMembers) {
+                      for (const m of count.members) {
                         if (!(model[m.id].fraction || model[m.id].amount))
                           model[m.id] = { fraction: 1, amount: '' };
                       }
@@ -73,7 +69,7 @@ updateSharesAmount();
         </tr>
       </thead>
       <tbody>
-        <tr v-for="m in sortedMembers" :key="m.id">
+        <tr v-for="m in count.members" :key="m.id">
           <th>
             <label>
               <input
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 46f7482..bc8682c 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,8 +1,7 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
-  ssr: false,
-  modules: ["@nuxtjs/tailwindcss", "@pinia/nuxt", "@vueuse/nuxt"],
+  modules: ["@nuxtjs/tailwindcss", "@pinia/nuxt"],
   app: {
     head: {
       viewport: "width=device-width, initial-scale=1, viewport-fit=cover", // https://github.com/saadeghi/daisyui/issues/1732
diff --git a/package-lock.json b/package-lock.json
index 75833d1..20d22d6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,6 @@
         "@pinia/nuxt": "^0.5.1",
         "@prisma/client": "^5.7.1",
         "@tailwindcss/typography": "^0.5.10",
-        "@vueuse/nuxt": "^10.7.1",
         "chart.js": "^4.4.1",
         "daisyui": "^4.5.0",
         "nuxt": "^3.9.0",
@@ -2749,12 +2748,6 @@
       "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
       "dev": true
     },
-    "node_modules/@types/web-bluetooth": {
-      "version": "0.0.20",
-      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
-      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
-      "dev": true
-    },
     "node_modules/@unhead/dom": {
       "version": "1.8.9",
       "resolved": "https://registry.npmjs.org/@unhead/dom/-/dom-1.8.9.tgz",
@@ -3109,140 +3102,6 @@
       "integrity": "sha512-ChLCWzXiJboQ009oVkemhEoUdrxHme7v3ip+Kh+/kDDeF1WtHWGt0knRLGm1Y4YqCRTSs9QxsZIY8paJj5Szrw==",
       "dev": true
     },
-    "node_modules/@vueuse/core": {
-      "version": "10.7.1",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.7.1.tgz",
-      "integrity": "sha512-74mWHlaesJSWGp1ihg76vAnfVq9NTv1YT0SYhAQ6zwFNdBkkP+CKKJmVOEHcdSnLXCXYiL5e7MaewblfiYLP7g==",
-      "dev": true,
-      "dependencies": {
-        "@types/web-bluetooth": "^0.0.20",
-        "@vueuse/metadata": "10.7.1",
-        "@vueuse/shared": "10.7.1",
-        "vue-demi": ">=0.14.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/core/node_modules/vue-demi": {
-      "version": "0.14.6",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
-      "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vueuse/metadata": {
-      "version": "10.7.1",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.7.1.tgz",
-      "integrity": "sha512-jX8MbX5UX067DYVsbtrmKn6eG6KMcXxLRLlurGkZku5ZYT3vxgBjui2zajvUZ18QLIjrgBkFRsu7CqTAg18QFw==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/nuxt": {
-      "version": "10.7.1",
-      "resolved": "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-10.7.1.tgz",
-      "integrity": "sha512-/cPFPIUusKS6y0J16xBJ08OOXdfPUEkQBF9+/eIaG/ZIGuUYyRENZuGLj+V8BArP8uzH+EY6SWQXhT1lWw6Q+A==",
-      "dev": true,
-      "dependencies": {
-        "@nuxt/kit": "^3.9.0",
-        "@vueuse/core": "10.7.1",
-        "@vueuse/metadata": "10.7.1",
-        "local-pkg": "^0.5.0",
-        "nuxt": "^3.9.0",
-        "vue-demi": ">=0.14.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "nuxt": "^3.0.0"
-      }
-    },
-    "node_modules/@vueuse/nuxt/node_modules/vue-demi": {
-      "version": "0.14.6",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
-      "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vueuse/shared": {
-      "version": "10.7.1",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.7.1.tgz",
-      "integrity": "sha512-v0jbRR31LSgRY/C5i5X279A/WQjD6/JsMzGa+eqt658oJ75IvQXAeONmwvEMrvJQKnRElq/frzBR7fhmWY5uLw==",
-      "dev": true,
-      "dependencies": {
-        "vue-demi": ">=0.14.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/shared/node_modules/vue-demi": {
-      "version": "0.14.6",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
-      "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/abbrev": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
diff --git a/package.json b/package.json
index d8b66d1..e2b6cef 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,6 @@
     "@pinia/nuxt": "^0.5.1",
     "@prisma/client": "^5.7.1",
     "@tailwindcss/typography": "^0.5.10",
-    "@vueuse/nuxt": "^10.7.1",
     "chart.js": "^4.4.1",
     "daisyui": "^4.5.0",
     "nuxt": "^3.9.0",
diff --git a/pages/[id].vue b/pages/[id].vue
index fbe0435..e723abb 100644
--- a/pages/[id].vue
+++ b/pages/[id].vue
@@ -21,13 +21,16 @@ useHead({
   titleTemplate: `${data.value?.title} | %s`,
 });
 
-const sortedMembers = computed(
-  () => data.value?.members.sort((a, b) => a.name.localeCompare(b.name)) ?? []
-);
+watchEffect(() => {
+  if (data.value) {
+    data.value.members.sort((a, b) => a.name.localeCompare(b.name));
+  }
+});
 
 const tabId = ref(0);
 
-const currentMemberStr = useLocalStorage(`${countId}_currentMember`, "");
+const currentMemberStr = useCookie(`${countId}_currentMember`);
+currentMemberStr.value = currentMemberStr.value ?? "";
 const currentMember = computed(() => {
   const id = currentMemberStr.value;
   return id ? parseInt(id) : undefined;
@@ -47,7 +50,7 @@ const currentMember = computed(() => {
         v-model="currentMemberStr"
       >
         <option disabled selected value="">Identify as…</option>
-        <option v-for="m in sortedMembers" :value="m.id">{{ m.name }}</option>
+        <option v-for="m in data.members" :value="m.id">{{ m.name }}</option>
       </select>
       <button class="btn btn-sm btn-success" @click="refreshNuxtData()">
         <ArrowPathIcon class="h-4 w-4" />
diff --git a/utils/shares.ts b/utils/shares.ts
index 6f02907..3ce5a45 100644
--- a/utils/shares.ts
+++ b/utils/shares.ts
@@ -102,7 +102,6 @@ export function computeReimbursments(
       });
     }
   }
-  console.log(balances);
 
   return reimb;
 }