Change path members/_hash to member?hash

components/certif/List.vue

@@ -10,8 +10,8 @@
 					@click="
 						$router.push(
 							localePath({
-								name: 'membres-hash',
-								params: { hash: certif.hash }
+								name: 'membre',
+								query: { hash: certif.hash }
 							})
 						)
 					">
@@ -69,8 +69,8 @@
 					@click="
 						$router.push(
 							localePath({
-								name: 'membres-hash',
-								params: { hash: certif.hash }
+								name: 'membre',
+								query: { hash: certif.hash }
 							})
 						)
 					">

components/member/List.vue

@@ -116,7 +116,7 @@ export default {
 	methods: {
 		redirect(hash) {
 			this.$router.push(
-				this.localePath({ name: "membres-hash", params: { hash } })
+				this.localePath({ name: "membre", query: { hash } })
 			)
 		},
 		sort(s) {

pages/membres/_hash.vue → pages/membre.vue

@@ -5,7 +5,7 @@
 			<div class="alert alert-danger" v-if="error">{{ error }}</div>
 		</transition>
 		<transition name="fade">
-			<div v-if="idFromHash">
+			<div v-if="idFromHash && !$apollo.queries.idFromHash.loading">
 				<div class="container-md">
 					<div class="row">
 						<div class="col-lg-9 col-xl-8 mx-auto my-3">
@@ -65,6 +65,7 @@
 import { SEARCH_MEMBER } from "@/graphql/queries"
 
 export default {
+	name: 'membre',
 	data() {
 		return {
 			breadcrumb: [
@@ -112,7 +113,7 @@ export default {
 		idFromHash: {
 			query: SEARCH_MEMBER,
 			variables() {
-				return { hash: this.$route.params.hash }
+				return { hash: this.$route.query.hash }
 			},
 			error(err) {
 				this.error = err.message
@@ -121,9 +122,9 @@ export default {
 	},
 	nuxtI18n: {
 		paths: {
-			fr: "/membres/:hash",
-			en: "/members/:hash",
-			es: "/miembros/:hash"
+			fr: "/membre",
+			en: "/member",
+			es: "/miembro"
 		}
 	},
 	computed: {

pages/previsions/index.vue

@@ -54,8 +54,8 @@
 											@click="
 												$router.push(
 													localePath({
-														name: 'membres-hash',
-														params: { hash: forecast.member.hash }
+														name: 'membre',
+														query: { hash: forecast.member.hash }
 													})
 												)
 											">