diff --git a/username_generator/src/components/GeneratorCard.vue b/username_generator/src/components/GeneratorCard.vue
index 0d61ae6..bde9c83 100644
--- a/username_generator/src/components/GeneratorCard.vue
+++ b/username_generator/src/components/GeneratorCard.vue
@@ -9,9 +9,9 @@
       </div>
       <div class="px-6 pt-4 pb-2">
         <button class="m-1 text-sm bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
-          @click="firstName = normalize(randomFirstnamePonderated(firstNames))">Change first name</button>
+          @click="firstName = normalize(randomFirstnamePonderated(firstNames,preComputedTotalFirstnames))">Change first name</button>
         <button class="m-1 text-sm bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
-          @click="lastName = normalize(randomLastnamePonderated(lastNames))">Change last name</button>
+          @click="lastName = normalize(randomLastnamePonderated(lastNames,preComputedTotalLastnames))">Change last name</button>
         <button class="m-1 text-sm bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
           @click="generateUsername">Generate username</button>
       </div>
@@ -20,14 +20,20 @@
   
   <script setup lang="ts">
   import { onMounted, ref } from 'vue';
-  import { firstNames, lastNames, normalize, randomFirstnamePonderated, randomLastnamePonderated } from '../generator';
+  import { firstNames, lastNames, normalize, precomputeCumulativeSums, randomFirstnamePonderated, randomLastnamePonderated } from '../generator';
   
   const firstName = ref('');
   const lastName = ref('');
+  const preComputedTotalFirstnames = ref(0);
+  const preComputedTotalLastnames = ref(0);
   
   function generateUsername() {
-    firstName.value = normalize(randomFirstnamePonderated(firstNames));
-    lastName.value = normalize(randomLastnamePonderated(lastNames));
+    preComputedTotalFirstnames.value = precomputeCumulativeSums(firstNames.firstnames);
+    preComputedTotalLastnames.value = precomputeCumulativeSums(lastNames.lastnames);
+    console.log(`preComputedTotalFirstnames: ${preComputedTotalFirstnames.value}`);
+    console.log(`preComputedTotalLastnames: ${preComputedTotalLastnames.value}`);
+    firstName.value = normalize(randomFirstnamePonderated(firstNames,preComputedTotalFirstnames.value));
+    lastName.value = normalize(randomLastnamePonderated(lastNames,preComputedTotalLastnames.value));
   }
   onMounted(() => {
     generateUsername();