diff --git a/pinry-spa/src/components/pin_edit/FilterSelect.vue b/pinry-spa/src/components/pin_edit/FilterSelect.vue
index 43a510a..5f647eb 100644
--- a/pinry-spa/src/components/pin_edit/FilterSelect.vue
+++ b/pinry-spa/src/components/pin_edit/FilterSelect.vue
@@ -38,21 +38,10 @@
 <script>
 import API from '../api';
 import ModelForm from '../utils/ModelForm';
+import AutoComplete from '../utils/AutoComplete';
 
 const fields = ['name'];
 
-function getFilteredOptions(options, filterText) {
-  return options.filter(
-    (option) => {
-      const index = option.name
-        .toString()
-        .toLowerCase()
-        .indexOf(filterText.toLowerCase());
-      return index >= 0;
-    },
-  );
-}
-
 function getBoardFromResp(boardObject) {
   return { name: boardObject.name, value: boardObject.id };
 }
@@ -62,7 +51,7 @@ function getAvailableOptions(vm, filter) {
   if (filter === '' || filter === null) {
     availableOptions = vm.allOptions;
   } else {
-    availableOptions = getFilteredOptions(
+    availableOptions = AutoComplete.getFilteredOptions(
       vm.allOptions, vm.form.name.value,
     );
   }
diff --git a/pinry-spa/src/components/utils/AutoComplete.js b/pinry-spa/src/components/utils/AutoComplete.js
new file mode 100644
index 0000000..d4d7706
--- /dev/null
+++ b/pinry-spa/src/components/utils/AutoComplete.js
@@ -0,0 +1,15 @@
+function getFilteredOptions(options, filterText) {
+  return options.filter(
+    (option) => {
+      const index = option.name
+        .toString()
+        .toLowerCase()
+        .indexOf(filterText.toLowerCase());
+      return index >= 0;
+    },
+  );
+}
+
+export default {
+  getFilteredOptions,
+};