diff --git a/package-lock.json b/package-lock.json
index 5a84aa4..551adba 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "writing-tracker",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "writing-tracker",
-      "version": "0.6.3",
+      "version": "0.6.4",
       "dependencies": {
         "@prisma/client": "^5.10.2",
         "@quixo3/prisma-session-store": "^3.1.13",
diff --git a/src/components/chart/LineChart.vue b/src/components/chart/LineChart.vue
index ed64759..50acbdf 100644
--- a/src/components/chart/LineChart.vue
+++ b/src/components/chart/LineChart.vue
@@ -4,7 +4,7 @@ import { computed, toValue, defineProps } from 'vue';
 import { Line } from 'vue-chartjs';
 import { Chart as ChartJS, Title, Tooltip, Legend, LineController, LineElement, PointElement, CategoryScale, LinearScale } from 'chart.js';
 import type { ChartData, ChartOptions } from 'chart.js';
-import { provideLineChartDataDefaults, provideLineChartOptionsDefaults } from './line-chart-defaults';
+import { provideLineChartDataDefaults, provideLineChartOptionsDefaults } from './line-chart-defaults.ts';
 
 export type LineChartOptions = ChartOptions<'line'>;
 export type LineChartData = ChartData<'line'>;
diff --git a/src/components/chart/calendar-matrix-chart-defaults.ts b/src/components/chart/calendar-matrix-chart-defaults.ts
index d204abb..f2e4781 100644
--- a/src/components/chart/calendar-matrix-chart-defaults.ts
+++ b/src/components/chart/calendar-matrix-chart-defaults.ts
@@ -1,6 +1,6 @@
 import { MatrixChartOptions, MatrixChartData } from './CalendarMatrixChart.vue';
 
-import twColors from 'tailwindcss/colors';
+import twColors from 'tailwindcss/colors.js';
 import themeColors from 'src/themes/primevue.ts';
 import Color from 'color';
 import { usePreferredColorScheme } from '@vueuse/core';
diff --git a/src/components/chart/line-chart-defaults.ts b/src/components/chart/line-chart-defaults.ts
index 4272ea0..28a0af7 100644
--- a/src/components/chart/line-chart-defaults.ts
+++ b/src/components/chart/line-chart-defaults.ts
@@ -1,6 +1,6 @@
 import { LineChartOptions, LineChartData } from './LineChart.vue';
 
-import twColors from 'tailwindcss/colors';
+import twColors from 'tailwindcss/colors.js';
 import themeColors from 'src/themes/primevue.ts';
 
 import { deepMergeWithDefaults } from 'src/lib/obj.ts';
diff --git a/src/components/dashboard/StreakChart.vue b/src/components/dashboard/StreakChart.vue
index 62f1552..b32288a 100644
--- a/src/components/dashboard/StreakChart.vue
+++ b/src/components/dashboard/StreakChart.vue
@@ -6,12 +6,12 @@ import { getISODay, addDays } from 'date-fns';
 import { parseDateString, formatDate } from 'src/lib/date.ts';
 
 import Color from 'color';
-import twColors from 'tailwindcss/colors';
-import { DEFAULT_MATRIX_COLORS } from '../chart/calendar-matrix-chart-defaults';
+import twColors from 'tailwindcss/colors.js';
+import { DEFAULT_MATRIX_COLORS } from '../chart/calendar-matrix-chart-defaults.ts';
 import { usePreferredColorScheme } from '@vueuse/core';
 const colorScheme = usePreferredColorScheme();
 
-import { normalizeTallies, densifyTallies, listEachDayOfData } from '../chart/chart-functions';
+import { normalizeTallies, densifyTallies, listEachDayOfData } from '../chart/chart-functions.ts';
 import CalendarMatrixChart from '../chart/CalendarMatrixChart.vue';
 import { MatrixChartData } from '../chart/CalendarMatrixChart.vue';
 
diff --git a/src/components/dashboard/StreakCounter.vue b/src/components/dashboard/StreakCounter.vue
index 897044a..6000dc7 100644
--- a/src/components/dashboard/StreakCounter.vue
+++ b/src/components/dashboard/StreakCounter.vue
@@ -2,7 +2,7 @@
 import { computed, defineProps } from 'vue';
 
 import type { Tally } from 'src/lib/api/tally.ts';
-import { getStreakInfo } from 'src/lib/streak';
+import { getStreakInfo } from 'src/lib/streak.ts';
 
 import Card from 'primevue/card';
 import { PrimeIcons } from 'primevue/api';
diff --git a/src/components/tag/CreateTagForm.vue b/src/components/tag/CreateTagForm.vue
index 5fb7467..0b36339 100644
--- a/src/components/tag/CreateTagForm.vue
+++ b/src/components/tag/CreateTagForm.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { ref, reactive, computed, defineEmits } from 'vue';
 import wait from 'src/lib/wait.ts';
-import { toTitleCase } from 'src/lib/str';
+import { toTitleCase } from 'src/lib/str.ts';
 
 import { z } from 'zod';
 import { NonEmptyArray } from 'server/lib/validators.ts';
 import { useValidation } from 'src/lib/form.ts';
 
-import { createTag, TagPayload } from 'src/lib/api/tag';
-import { TAG_COLORS, TAG_DEFAULT_COLOR } from 'server/lib/entities/tag';
+import { createTag, TagPayload } from 'src/lib/api/tag.ts';
+import { TAG_COLORS, TAG_DEFAULT_COLOR } from 'server/lib/entities/tag.ts';
 import { TAG_COLOR_CLASSES } from 'src/components/tag/tag-color-classes.ts';
 
 import IconField from 'primevue/iconfield';
diff --git a/src/components/tag/EditTagForm.vue b/src/components/tag/EditTagForm.vue
index a07a2e6..ee4ac15 100644
--- a/src/components/tag/EditTagForm.vue
+++ b/src/components/tag/EditTagForm.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { ref, reactive, computed, defineProps, defineEmits } from 'vue';
 import wait from 'src/lib/wait.ts';
-import { toTitleCase } from 'src/lib/str';
+import { toTitleCase } from 'src/lib/str.ts';
 
 import { z } from 'zod';
 import { NonEmptyArray } from 'server/lib/validators.ts';
 import { useValidation } from 'src/lib/form.ts';
 
-import { updateTag, Tag, TagPayload } from 'src/lib/api/tag';
-import { TAG_COLORS } from 'server/lib/entities/tag';
+import { updateTag, Tag, TagPayload } from 'src/lib/api/tag.ts';
+import { TAG_COLORS } from 'server/lib/entities/tag.ts';
 import { TAG_COLOR_CLASSES } from 'src/components/tag/tag-color-classes.ts';
 
 import IconField from 'primevue/iconfield';
diff --git a/src/components/tag/TbTag.vue b/src/components/tag/TbTag.vue
index de6dea3..a0558e0 100644
--- a/src/components/tag/TbTag.vue
+++ b/src/components/tag/TbTag.vue
@@ -2,7 +2,7 @@
 import { computed, defineProps } from 'vue';
 
 import { Tag } from 'src/lib/api/tag.ts';
-import { TAG_COLORS, TAG_DEFAULT_COLOR } from 'server/lib/entities/tag';
+import { TAG_COLORS, TAG_DEFAULT_COLOR } from 'server/lib/entities/tag.ts';
 import { TAG_COLOR_CLASSES } from 'src/components/tag/tag-color-classes.ts';
 
 import Chip from 'primevue/chip';
diff --git a/src/components/tally/TallyForm.vue b/src/components/tally/TallyForm.vue
index 033295a..4ed87e4 100644
--- a/src/components/tally/TallyForm.vue
+++ b/src/components/tally/TallyForm.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { ref, reactive, computed, watch, defineEmits } from 'vue';
-
-import { useEventBus } from 'src/lib/use-event-bus';
-const eventBus = useEventBus();
+import { useEventBus } from '@vueuse/core';
 
 import { useWorkStore } from 'src/stores/work.ts';
 const workStore = useWorkStore();
@@ -17,8 +15,8 @@ import { NonEmptyArray } from 'server/lib/validators.ts';
 import { formatDateSafe } from 'src/lib/date.ts';
 import { useValidation } from 'src/lib/form.ts';
 
-import { TallyPayload } from 'server/api/v1/tally';
-import { createTally } from 'src/lib/api/tally';
+import { TallyPayload } from 'server/api/v1/tally.ts';
+import { createTally, Tally } from 'src/lib/api/tally.ts';
 import { TALLY_MEASURE } from 'server/lib/entities/tally.ts';
 import { TALLY_MEASURE_INFO } from 'src/lib/tally.ts';
 
@@ -104,8 +102,8 @@ async function handleSubmit() {
     const data = formData();
     const createdTally = await createTally(data as TallyPayload);
 
-    eventBus.emit('tally:create', { tally: createdTally });
-    emit('tally:create', { tally: createdTally });
+    const tallyEventBus = useEventBus<{ tally: Tally }>('tally:create');
+    tallyEventBus.emit({ tally: createdTally });
 
     successMessage.value = `Progress logged!`;
     // clear out the form
diff --git a/src/components/work/CreateWorkForm.vue b/src/components/work/CreateWorkForm.vue
index 1e38143..f119b43 100644
--- a/src/components/work/CreateWorkForm.vue
+++ b/src/components/work/CreateWorkForm.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { ref, reactive, computed, defineEmits } from 'vue';
 import wait from 'src/lib/wait.ts';
-import { toTitleCase } from 'src/lib/str';
+import { toTitleCase } from 'src/lib/str.ts';
 
 import { z } from 'zod';
 import { NonEmptyArray } from 'server/lib/validators.ts';
 import { useValidation } from 'src/lib/form.ts';
 
 import { createWork, WorkPayload } from 'src/lib/api/work.ts';
-import { WORK_PHASE } from 'server/lib/entities/work';
+import { WORK_PHASE } from 'server/lib/entities/work.ts';
 
 import InputText from 'primevue/inputtext';
 import Dropdown from 'primevue/dropdown';
diff --git a/src/components/work/EditWorkForm.vue b/src/components/work/EditWorkForm.vue
index d08fabd..6bd6b1c 100644
--- a/src/components/work/EditWorkForm.vue
+++ b/src/components/work/EditWorkForm.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { ref, reactive, computed, defineProps, defineEmits } from 'vue';
 import wait from 'src/lib/wait.ts';
-import { toTitleCase } from 'src/lib/str';
+import { toTitleCase } from 'src/lib/str.ts';
 
 import { z } from 'zod';
 import { NonEmptyArray } from 'server/lib/validators.ts';
 import { useValidation } from 'src/lib/form.ts';
 
 import { updateWork, Work, WorkPayload } from 'src/lib/api/work.ts';
-import { WORK_PHASE } from 'server/lib/entities/work';
+import { WORK_PHASE } from 'server/lib/entities/work.ts';
 
 import InputText from 'primevue/inputtext';
 import Dropdown from 'primevue/dropdown';
diff --git a/src/components/work/WorkTallyLineChart.vue b/src/components/work/WorkTallyLineChart.vue
index a999339..9353efd 100644
--- a/src/components/work/WorkTallyLineChart.vue
+++ b/src/components/work/WorkTallyLineChart.vue
@@ -10,12 +10,12 @@ import { formatCount } from 'src/lib/tally.ts';
 import { toTitleCase } from 'src/lib/str.ts';
 import { TALLY_MEASURE_INFO } from 'src/lib/tally.ts';
 
-import { normalizeTallies, accumulateTallies, listEachDayOfData } from '../chart/chart-functions';
+import { normalizeTallies, accumulateTallies, listEachDayOfData } from '../chart/chart-functions.ts';
 import TabView from 'primevue/tabview';
 import TabPanel from 'primevue/tabpanel';
 import LineChart from 'src/components/chart/LineChart.vue';
 import type { LineChartOptions } from 'src/components/chart/LineChart.vue';
-import { TALLY_MEASURE } from 'server/lib/entities/tally';
+import { TALLY_MEASURE } from 'server/lib/entities/tally.ts';
 
 const props = defineProps<{
   work: Work;
diff --git a/src/components/work/WorkTallyStreakChart.vue b/src/components/work/WorkTallyStreakChart.vue
index 2e1f189..8119fa9 100644
--- a/src/components/work/WorkTallyStreakChart.vue
+++ b/src/components/work/WorkTallyStreakChart.vue
@@ -7,7 +7,7 @@ import type { Tag } from 'src/lib/api/tag.ts';
 import { getISODay, addDays } from 'date-fns';
 import { parseDateString, formatDate } from 'src/lib/date.ts';
 
-import { normalizeTallies, densifyTallies, listEachDayOfData } from '../chart/chart-functions';
+import { normalizeTallies, densifyTallies, listEachDayOfData } from '../chart/chart-functions.ts';
 import CalendarMatrixChart from '../chart/CalendarMatrixChart.vue';
 import { MatrixChartData } from '../chart/CalendarMatrixChart.vue';
 
diff --git a/src/components/work/WorkTile.vue b/src/components/work/WorkTile.vue
index 97d467d..c044dc7 100644
--- a/src/components/work/WorkTile.vue
+++ b/src/components/work/WorkTile.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { defineProps } from 'vue';
 import type { WorkWithTotals } from 'src/lib/api/work.ts';
-import { WORK_PHASE } from 'server/lib/entities/work';
-import { TALLY_MEASURE_INFO } from 'src/lib/tally';
+import { WORK_PHASE } from 'server/lib/entities/work.ts';
+import { TALLY_MEASURE_INFO } from 'src/lib/tally.ts';
 
 const props = defineProps<{
   work: WorkWithTotals;
diff --git a/src/lib/use-event-bus.ts b/src/lib/use-event-bus.ts
deleted file mode 100644
index 542bf5d..0000000
--- a/src/lib/use-event-bus.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import mitt, { Emitter, EventType, Handler } from 'mitt';
-import { onBeforeUnmount } from 'vue';
-
-export interface GlobalEvents extends Record<EventType, unknown> {}
-
-const emitter: Emitter<GlobalEvents> = mitt<GlobalEvents>();
-
-export function useEventBus() {
-    const on = function<Key extends keyof GlobalEvents>(type: Key, handler: Handler<GlobalEvents[Key]>): void {
-        emitter.on(type, handler);
-        onBeforeUnmount(async () => {
-            emitter.off(type, handler);
-        });
-    };
-
-    const off = function<Key extends keyof GlobalEvents>(type: Key, handler: Handler<GlobalEvents[Key]>): void {
-      emitter.off(type, handler);
-    }
-
-    const emit = function<Key extends keyof GlobalEvents>(type: Key, data: GlobalEvents[Key]): void {
-      emitter.emit(type, data);
-    }
-
-    return { emit, on, off };
-}
diff --git a/src/pages/works/WorkDetailPage.vue b/src/pages/works/WorkDetailPage.vue
index 7ac3bbb..f8543fe 100644
--- a/src/pages/works/WorkDetailPage.vue
+++ b/src/pages/works/WorkDetailPage.vue
@@ -1,14 +1,16 @@
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue';
+import { useEventBus } from '@vueuse/core';
 
 import { useRoute, useRouter } from 'vue-router';
 const route = useRoute();
 const router = useRouter();
 
-import { useWorkStore } from 'src/stores/work';
+import { useWorkStore } from 'src/stores/work.ts';
 const workStore = useWorkStore();
 
 import { getWork, WorkWithTallies } from 'src/lib/api/work.ts';
+import { Tally } from 'src/lib/api/tally.ts';
 
 import { PrimeIcons } from 'primevue/api';
 import ApplicationLayout from 'src/layouts/ApplicationLayout.vue';
@@ -65,9 +67,8 @@ const reloadWorks = async function() {
   loadWork();
 }
 
-import { useEventBus } from 'src/lib/use-event-bus';
-const eventBus = useEventBus();
-eventBus.on('tally:create', reloadWorks);
+const tallyEventBus = useEventBus<{ tally: Tally }>('tally:create');
+tallyEventBus.on(reloadWorks);
 
 loadWork();
 
diff --git a/src/pages/works/WorksListPage.vue b/src/pages/works/WorksListPage.vue
index 9eaf851..a822fe8 100644
--- a/src/pages/works/WorksListPage.vue
+++ b/src/pages/works/WorksListPage.vue
@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import { RouterLink } from 'vue-router';
 
-import { useWorkStore } from 'src/stores/work';
+import { useWorkStore } from 'src/stores/work.ts';
 const workStore = useWorkStore();
 
 import { getWorks, WorkWithTotals } from 'src/lib/api/work.ts';
diff --git a/vite.config.ts b/vite.config.ts
index 2360da6..ee81803 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,14 @@
 import path from 'path';
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
-// import { visualizer } from 'rollup-plugin-visualizer';
+import { visualizer } from 'rollup-plugin-visualizer';
+
+const CHUNKS_MAP = {
+  'chart.js': 'node_modules/chart.js',
+  'vuestic-ui': 'node_modules/vuestic-ui',
+  'primevue': 'node_modules/primevue',
+  'themes': 'src/themes',
+};
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -11,14 +18,13 @@ export default defineConfig({
       "server": path.resolve(__dirname, "./server"),
     },
   },
-  plugins: [ vue()/*, visualizer()*/ ],
+  plugins: [ vue(), visualizer() ],
   build: {
     outDir: 'dist',
     rollupOptions: {
       output: {
-        manualChunks: {
-          chartjs: ['chart.js'],
-          vuestic: ['vuestic-ui'],
+        manualChunks: function(id) {
+          return Object.keys(CHUNKS_MAP).find(chunk => id.includes(CHUNKS_MAP[chunk]));
         },
       },
     },