diff --git a/test/index.html b/test/index.html
index 4da3af6..98d97bc 100644
--- a/test/index.html
+++ b/test/index.html
@@ -86,6 +86,13 @@ <h2>Available locales</h2>
 					{{ locale }}
 				</li>
 			</ul>
+			<hr>
+			<p>With computed propery:</p>
+			<ul>
+				<li v-for="locale in locales">
+					{{ locale }}
+				</li>
+			</ul>
 		</div>
 
 		<template v-if="$i18n.locale() == 'en'">
@@ -347,6 +354,11 @@ <h2>Load missing translations asynchronously</h2>
 					this.$i18n.set('fr');
 					this.$i18n.add('fr', localeFr);
 				}
+			},
+			computed: {
+				locales() {
+					return Object.keys(this.$store.state.i18n.translations);
+				}
 			}
 		});