diff --git a/frontend/src/composables/orderby.js b/frontend/src/composables/orderby.js
new file mode 100644
index 00000000..dc0fb420
--- /dev/null
+++ b/frontend/src/composables/orderby.js
@@ -0,0 +1,23 @@
+import { useRoute, useRouter } from 'vue-router'
+
+export function useOrderBy() {
+  const route = useRoute()
+  const router = useRouter()
+
+  function get() {
+    const q = route.query.sort ?? ''
+    const d = decodeURIComponent(q)
+    return d
+  }
+
+  function set(sort, r) {
+    r = r || route
+    const q = encodeURIComponent(sort)
+    router.push({ ...r, query: { ...r.query, sort: q } })
+  }
+
+  return {
+    get,
+    set,
+  }
+}