prettier configuration

components/navigation/Loader.vue

 <template>
 	<transition name="fade">
-  <div class="loader overflow-hidden text-center position-absolute" v-if="isLoading">
-    <img src="~@/assets/img/loader.gif">
-    <div class="text-center font-weight-bold my-3">{{ $t('chargement') }}...</div>
+		<div
+			class="loader overflow-hidden text-center position-absolute"
+			v-if="isLoading">
+			<img src="~@/assets/img/loader.gif" />
+			<div class="text-center font-weight-bold my-3">
+				{{ $t("chargement") }}...
+			</div>
 		</div>
 	</transition>
 </template>

components/navigation/menu/Group.vue

 <template>
 	<div class="mb-4">
-        <h2 class="small text-muted text-uppercase ml-4 mb-2 pb-3 border-bottom">{{ $t(menu.title) }}</h2>
+		<h2 class="small text-muted text-uppercase ml-4 mb-2 pb-3 border-bottom">
+			{{ $t(menu.title) }}
+		</h2>
 		<div class="nav navbar-nav list-group list-group-flush">
-            <NuxtLink class="list-group-item list-group-item-action p-0 pl-3" :to="localePath(item.path)" v-for="item in menu.items" :key="item.path">
+			<NuxtLink
+				class="list-group-item list-group-item-action p-0 pl-3"
+				:to="localePath(item.path)"
+				v-for="item in menu.items"
+				:key="item.path">
 				<div class="position-relative py-3">{{ $t(item.title) }}</div>
 			</NuxtLink>
 		</div>

components/navigation/menu/Sidebar.vue

@@ -2,25 +2,41 @@
 	<aside class="menu shadow position-fixed">
 		<div class="nav_header pb-3 mb-4">
 			<nuxt-link :to="localePath('/')" class="d-flex">
-                <img src="@/assets/img/logo.png" alt="Accueil" class="logo">
-                <div><h1 class="h2">Wotwizard</h1><small class="text-muted">{{ $t('slogan') }}</small></div>
+				<img src="@/assets/img/logo.png" alt="Accueil" class="logo" />
+				<div>
+					<h1 class="h2">Wotwizard</h1>
+					<small class="text-muted">{{ $t("slogan") }}</small>
+				</div>
 			</nuxt-link>
-            <div class="d-flex text-info justify-content-between align-items-baseline mt-3 mx-2">
+			<div
+				class="d-flex text-info justify-content-between align-items-baseline mt-3 mx-2">
 				<div class="">v0.02</div>
-                <div class="small" v-if="countMax">Bloc n°<span class="font-weight-bold">{{ countMax.number }}</span> ({{ $d(new Date(countMax.utc0*1000), 'short') }} {{ $t('time.a') }} {{ $d(new Date(countMax.utc0*1000), 'time') }})</div>
+				<div class="small" v-if="countMax">
+					Bloc n°<span class="font-weight-bold">{{ countMax.number }}</span> ({{
+						$d(new Date(countMax.utc0 * 1000), "short")
+					}}
+					{{ $t("time.a") }} {{ $d(new Date(countMax.utc0 * 1000), "time") }})
+				</div>
 			</div>
-            <button type="button" class="close position-absolute d-xl-none" aria-label="Close" @click="toggleMenu">
+			<button
+				type="button"
+				class="close position-absolute d-xl-none"
+				aria-label="Close"
+				@click="toggleMenu">
 				<span aria-hidden="true">&times;</span>
 			</button>
 		</div>
 		<nav>
-            <NavigationMenuGroup v-for="menu in menus" :key="menu.title" :menu="menu"/>
+			<NavigationMenuGroup
+				v-for="menu in menus"
+				:key="menu.title"
+				:menu="menu" />
 		</nav>
 	</aside>
 </template>
 
 <script>
-import {LAST_BLOCK} from '@/graphql/queries.js'
+import { LAST_BLOCK } from "@/graphql/queries.js"
 
 export default {
 	props: {
@@ -28,14 +44,16 @@ export default {
 	},
 	methods: {
 		toggleMenu() {
-            this.$emit('toggleMenu')
+			this.$emit("toggleMenu")
 		}
 	},
 	apollo: {
 		countMax: {
 			query: LAST_BLOCK,
-            error (err) {this.error = err.message}
+			error(err) {
+				this.error = err.message
+			}
+		}
 	}
-    },
 }
 </script>

graphql/fragmentTypes.json

-{"__schema":{"types":[{"kind":"UNION","name":"CertifOrDossier","possibleTypes":[{"name":"MarkedDatedCertification"},{"name":"MarkedDossier"}]},{"kind":"INTERFACE","name":"File","possibleTypes":[{"name":"FileS"}]},{"kind":"INTERFACE","name":"WWResult","possibleTypes":[{"name":"WWResultS"}]}]}}
+{
\ No newline at end of file
+	"__schema": {
+		"types": [
+			{
+				"kind": "UNION",
+				"name": "CertifOrDossier",
+				"possibleTypes": [
+					{ "name": "MarkedDatedCertification" },
+					{ "name": "MarkedDossier" }
+				]
+			},
+			{
+				"kind": "INTERFACE",
+				"name": "File",
+				"possibleTypes": [{ "name": "FileS" }]
+			},
+			{
+				"kind": "INTERFACE",
+				"name": "WWResult",
+				"possibleTypes": [{ "name": "WWResultS" }]
+			}
+		]
+	}
+}

layouts/default.vue

@@ -13,28 +13,24 @@ export default {
 			// Les title correspondent aux chaînes de traduction dans /i18n/locales
 			menus: [
 				{
-          title: 'wot',
-          items : [
-            {path: '/membres',title: 'membres'}
-          ]
+					title: "wot",
+					items: [{ path: "/membres", title: "membres" }]
 				},
 				{
-          title: 'previsions.title',
+					title: "previsions.title",
 					items: [
-            {path: '/previsions/futurs_membres',title: 'futuremembers'}
+						{ path: "/previsions/futurs_membres", title: "futuremembers" }
 					]
 				},
 				{
-          title: 'infos',
-          items : [
-            {path: '/parametres',title: 'params.title'}
-          ]
+					title: "infos",
+					items: [{ path: "/parametres", title: "params.title" }]
 				}
 			]
 		}
 	},
 	created() {
-    this.$nuxt.$on('changeRoute', (breadcrumb) => {
+		this.$nuxt.$on("changeRoute", (breadcrumb) => {
 			this.breadcrumb = breadcrumb
 		})
 	}
@@ -61,7 +57,7 @@ export default {
 }
 
 .app {
-    transition: margin .5s ease-in-out;
+	transition: margin 0.5s ease-in-out;
 }
 main {
 	padding-top: 10rem;
@@ -72,11 +68,13 @@ main {
 	}
 }
 
-.fade-enter-active, .fade-leave-active {
-  transition: opacity .5s;
+.fade-enter-active,
+.fade-leave-active {
+	transition: opacity 0.5s;
 }
 
-.fade-enter, .fade-leave-to {
+.fade-enter,
+.fade-leave-to {
 	opacity: 0;
 }
 </style>

layouts/error.vue

 <template>
 	<main class="content">
-    <h2 v-if="error.statusCode === 404" class="display-2 text-center mb-5">Page not found</h2>
-    <h2 v-else class="display-2 text-center mb-5">An error occurred - {{ error.statusCode }} </h2>
+		<h2 v-if="error.statusCode === 404" class="display-2 text-center mb-5">
+			Page not found
+		</h2>
+		<h2 v-else class="display-2 text-center mb-5">
+			An error occurred - {{ error.statusCode }}
+		</h2>
 		<NuxtLink to="/" class="d-block text-center">Retour à l'accueil</NuxtLink>
 	</main>
 </template>
@@ -12,22 +16,22 @@ export default {
 		return {
 			breadcrumb: [
 				{
-          text: 'Erreur ',
+					text: "Erreur ",
 					active: true
 				}
 			]
 		}
 	},
 	mounted() {
-    $nuxt.$emit('changeRoute',this.breadcrumb)
+		$nuxt.$emit("changeRoute", this.breadcrumb)
 	},
-  props: ['error'],
-  layout: 'error'
+	props: ["error"],
+	layout: "error"
 }
 </script>
 
 <style lang="scss">
 .app {
-    transition: margin .5s ease-in-out;
+	transition: margin 0.5s ease-in-out;
 }
 </style>

pages/chartjs.vue

@@ -11,7 +11,11 @@
 				<option v-for="type in allTypes" :key="type">{{ type }}</option>
 			</select>
 			<button @click="fillData" class="btn btn-primary mb-5">Randomize</button>
-      <LazyGraph id="monGraph" :type="chartType" :data="data" :options="options" />
+			<LazyGraph
+				id="monGraph"
+				:type="chartType"
+				:data="data"
+				:options="options" />
 		</div>
 	</main>
 </template>
@@ -31,11 +35,11 @@ export default {
 			data: {},
 			breadcrumb: [
 				{
-            text: this.$t('accueil'),
+					text: this.$t("accueil"),
 					to: "/"
 				},
 				{
-            text: 'ChartJS',
+					text: "ChartJS",
 					active: true
 				}
 			]
@@ -44,8 +48,18 @@ export default {
 	methods: {
 		fillData() {
 			this.data = {
-          labels: ["Mercury", "Venus", "Earth", "Mars", "Jupiter", "Saturn", "Uranus", "Neptune"],
-          datasets: [{
+				labels: [
+					"Mercury",
+					"Venus",
+					"Earth",
+					"Mars",
+					"Jupiter",
+					"Saturn",
+					"Uranus",
+					"Neptune"
+				],
+				datasets: [
+					{
 						label: "Number of Moons",
 						data: this.generateArray(8),
 						backgroundColor: this.generateColor(),
@@ -58,11 +72,20 @@ export default {
 						backgroundColor: this.generateColor(),
 						borderColor: this.generateColor(),
 						borderWidth: 2
-          }]
+					}
+				]
 			}
 		},
 		generateColor() {
-        return "rgba(" + this.getRandomInt(255) + "," + this.getRandomInt(255) + "," + this.getRandomInt(255) + ",.5)"
+			return (
+				"rgba(" +
+				this.getRandomInt(255) +
+				"," +
+				this.getRandomInt(255) +
+				"," +
+				this.getRandomInt(255) +
+				",.5)"
+			)
 		},
 		generateArray(nb_items) {
 			let ret = []
@@ -77,13 +100,13 @@ export default {
 	},
 	nuxtI18n: {
 		paths: {
-        fr: '/graphiques',
-        en: '/graphics',
-        es: '/graficos'
+			fr: "/graphiques",
+			en: "/graphics",
+			es: "/graficos"
 		}
 	},
 	mounted() {
-      $nuxt.$emit('changeRoute',this.breadcrumb)
+		$nuxt.$emit("changeRoute", this.breadcrumb)
 		// On remplit les données dans le graph
 		this.fillData()
 	}

pages/index.vue

 <template>
 	<main class="container">
-  <h2 class="text-center mb-5 font-weight-light">{{ $t('inout') }}</h2>
+		<h2 class="text-center mb-5 font-weight-light">{{ $t("inout") }}</h2>
 		<NavigationLoader :isLoading="$apollo.queries.newMembers.loading" />
 		<transition name="fade">
 			<div class="alert alert-danger" v-if="error">{{ error }}</div>
@@ -9,16 +9,25 @@
 			<div class="result" v-if="newMembers">
 				<div class="row text-center">
 					<div class="col-md-6 col-lg-4">
-          <h2 class="h4 text-success">{{ $t('bienvenue') }}</h2>
-          <MemberList :members="newMembers['entrees']" :displayPubkey="false" :displayHead="false" />
+						<h2 class="h4 text-success">{{ $t("bienvenue") }}</h2>
+						<MemberList
+							:members="newMembers['entrees']"
+							:displayPubkey="false"
+							:displayHead="false" />
 					</div>
 					<div class="col-md-6 col-lg-4">
-          <h2 class="h4 text-danger">{{ $t('aurevoir') }}</h2>
-          <MemberList :members="newMembers['sorties']" :displayPubkey="false" :displayHead="false" />
+						<h2 class="h4 text-danger">{{ $t("aurevoir") }}</h2>
+						<MemberList
+							:members="newMembers['sorties']"
+							:displayPubkey="false"
+							:displayHead="false" />
 					</div>
 					<div class="col-lg-4">
-          <h2 class="h4 text-info">{{ $t('revoila') }}</h2>
-          <MemberList :members="newMembers['renew']" :displayPubkey="false" :displayHead="false" />
+						<h2 class="h4 text-info">{{ $t("revoila") }}</h2>
+						<MemberList
+							:members="newMembers['renew']"
+							:displayPubkey="false"
+							:displayHead="false" />
 					</div>
 				</div>
 			</div>
@@ -27,7 +36,7 @@
 </template>
 
 <script>
-import {LAST_EVENTS} from '@/graphql/queries.js'
+import { LAST_EVENTS } from "@/graphql/queries.js"
 
 const today = Math.round(Date.now() / 1000)
 
@@ -36,8 +45,8 @@ export default {
 		return {
 			breadcrumb: [
 				{
-          text: this.$t('accueil'),
-          to: '/'
+					text: this.$t("accueil"),
+					to: "/"
 				}
 			],
 			error: null
@@ -45,7 +54,11 @@ export default {
 	},
 	methods: {
 		addValue(arr, val) {
-      if (arr.filter(function(e) { return e.uid === val.uid }).length == 0) {
+			if (
+				arr.filter(function (e) {
+					return e.uid === val.uid
+				}).length == 0
+			) {
 				arr.push(val)
 			}
 			return arr
@@ -54,9 +67,11 @@ export default {
 	apollo: {
 		newMembers: {
 			query: LAST_EVENTS,
-      variables() {return {start:today-86400*2,end:today}},
+			variables() {
+				return { start: today - 86400 * 2, end: today }
+			},
 			update(data) {
-        let result = {'entrees':[],'sorties':[],'renew':[]}
+				let result = { entrees: [], sorties: [], renew: [] }
 				let users = []
 
 				for (let i = 0; i < data.membersCount.length; i++) {
@@ -66,11 +81,11 @@ export default {
 
 						if (!users.includes(member.member.uid)) {
 							if (member.member.history.length == 1) {
-                this.addValue(result['entrees'],member.member)
+								this.addValue(result["entrees"], member.member)
 							} else if (member.inOut) {
-                this.addValue(result['renew'],member.member)
+								this.addValue(result["renew"], member.member)
 							} else {
-                this.addValue(result['sorties'],member.member)
+								this.addValue(result["sorties"], member.member)
 							}
 						}
 
@@ -79,16 +94,20 @@ export default {
 				}
 
 				for (let list in result) {
-          result[list].sort((a, b) => (a.uid.toLowerCase() > b.uid.toLowerCase()) ? 1 : -1)
+					result[list].sort((a, b) =>
+						a.uid.toLowerCase() > b.uid.toLowerCase() ? 1 : -1
+					)
 				}
 
 				return result
 			},
-      error (err) {this.error = err.message}
+			error(err) {
+				this.error = err.message
+			}
 		}
 	},
 	mounted() {
-    $nuxt.$emit('changeRoute',this.breadcrumb)
+		$nuxt.$emit("changeRoute", this.breadcrumb)
 	}
 }
 </script>