style: lint and format code

opendatateam · Dec 4, 2024 · 7923578 · 7923578
1 parent 5c6d322
commit 7923578
Show file tree

Hide file tree

Showing 27 changed files with 432 additions and 401 deletions.
diff --git a/frontend/components.json b/frontend/components.json
@@ -1,18 +1,18 @@
 {
-  "$schema": "https://shadcn-vue.com/schema.json",
-  "style": "default",
-  "typescript": true,
-  "tsConfigPath": "./tsconfig.json",
-  "tailwind": {
-    "config": "tailwind.config.js",
-    "css": "src/index.css",
-    "baseColor": "slate",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "framework": "vite",
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/utils"
-  }
-}
+	"$schema": "https://shadcn-vue.com/schema.json",
+	"style": "default",
+	"typescript": true,
+	"tsConfigPath": "./tsconfig.json",
+	"tailwind": {
+		"config": "tailwind.config.js",
+		"css": "src/index.css",
+		"baseColor": "slate",
+		"cssVariables": true,
+		"prefix": ""
+	},
+	"framework": "vite",
+	"aliases": {
+		"components": "@/components",
+		"utils": "@/utils"
+	}
+}
diff --git a/frontend/postcss.config.js b/frontend/postcss.config.js
@@ -1,6 +1,6 @@
 module.exports = {
-    plugins: {
-      tailwindcss: {},
-      autoprefixer: {},
-    },
-  }
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {},
+	},
+};
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -9,32 +9,32 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, onMounted } from "vue";
+import { defineComponent, onMounted, ref } from "vue";
 import HeaderComponent from "./components/HeaderComponent.vue";
 import MainComponent from "./components/MainComponent.vue";
 import MobileMessage from "./components/MobileMessage.vue"; // Assurez-vous que ce fichier existe
 
 export default defineComponent({
-  name: "App",
-  components: {
-    HeaderComponent,
-    MainComponent,
-    MobileMessage,
-  },
-  setup() {
-    const isMobile = ref(false);
+	name: "App",
+	components: {
+		HeaderComponent,
+		MainComponent,
+		MobileMessage,
+	},
+	setup() {
+		const isMobile = ref(false);
 
-    // Détecter si l'utilisateur est sur un appareil mobile
-    onMounted(() => {
-      const userAgent = window.navigator.userAgent.toLowerCase();
-      isMobile.value =
-        /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/.test(
-          userAgent
-        );
-    });
+		// Détecter si l'utilisateur est sur un appareil mobile
+		onMounted(() => {
+			const userAgent = window.navigator.userAgent.toLowerCase();
+			isMobile.value =
+				/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/.test(
+					userAgent,
+				);
+		});
 
-    return { isMobile };
-  },
+		return { isMobile };
+	},
 });
 </script>
 
@@ -77,4 +77,4 @@ body, html, #app {
   font-size: 1rem;
   margin: 10px 0 0;
 }
-</style>
+</style>
diff --git a/frontend/src/components/HeaderComponent.vue b/frontend/src/components/HeaderComponent.vue
@@ -86,7 +86,7 @@ import tableGreyIcon from "@/assets/tablegrey.svg";
 interface AddressFeature {
 	banId: string;
 	label: string;
-  citycode: string;
+	citycode: string;
 }
 
 interface Geometry {
@@ -142,7 +142,7 @@ export default defineComponent({
 
 		const goToAddress = (coordinates: Array<number>, code: string) => {
 			appStore.updateAddress(coordinates);
-      appStore.updateCodeInsee(code);
+			appStore.updateCodeInsee(code);
 			resultsAdresses.value = null;
 		};
 
@@ -284,4 +284,4 @@ export default defineComponent({
   background-color: #ebebeb;
 }
 
-</style>
+</style>
diff --git a/frontend/src/components/HistogramChart.vue b/frontend/src/components/HistogramChart.vue
@@ -1,91 +1,91 @@
 <script>
 import {
-  Chart,
-  BarController,
-  BarElement,
-  CategoryScale,
-  LinearScale,
-  Title,
-  Tooltip,
-  Legend,
+	BarController,
+	BarElement,
+	CategoryScale,
+	Chart,
+	Legend,
+	LinearScale,
+	Title,
+	Tooltip,
 } from "chart.js";
 
 Chart.register(
-  BarController,
-  BarElement,
-  CategoryScale,
-  LinearScale,
-  Title,
-  Tooltip,
-  Legend
+	BarController,
+	BarElement,
+	CategoryScale,
+	LinearScale,
+	Title,
+	Tooltip,
+	Legend,
 );
 import { defineComponent } from "vue";
 
 export default defineComponent({
-  name: "HistogramChart",
-  props: {
-    chartData: {
-      type: Array,
-      required: true,
-    },
-    colorHisto: {
-      type: String,
-      required: true,
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.createChart();
-    });
-  },
-  methods: {
-    createChart() {
-      if (!this.$refs.histogramChart) {
-        console.error("Canvas reference is not available.");
-        return;
-      }
+	name: "HistogramChart",
+	props: {
+		chartData: {
+			type: Array,
+			required: true,
+		},
+		colorHisto: {
+			type: String,
+			required: true,
+		},
+	},
+	mounted() {
+		this.$nextTick(() => {
+			this.createChart();
+		});
+	},
+	methods: {
+		createChart() {
+			if (!this.$refs.histogramChart) {
+				console.error("Canvas reference is not available.");
+				return;
+			}
 
-      const ctx = this.$refs.histogramChart.getContext("2d");
-      const labels = this.chartData.map((item) => item.x);
-      const values = this.chartData.map((item) => item.y);
+			const ctx = this.$refs.histogramChart.getContext("2d");
+			const labels = this.chartData.map((item) => item.x);
+			const values = this.chartData.map((item) => item.y);
 
-      new Chart(ctx, {
-        type: "bar",
-        data: {
-          labels: labels,
-          datasets: [
-            {
-              label: "Transactions",
-              data: values,
-              backgroundColor: this.colorHisto,
-              borderColor: this.colorHisto,
-              borderWidth: 1,
-            },
-          ],
-        },
-        options: {
-          responsive: true,
-          plugins: {
-            legend: {
-              display: false,
-            },
-            tooltip: {
-              enabled: true,
-            },
-          },
-          scales: {
-            x: {
-              type: "category",
-            },
-            y: {
-              beginAtZero: true,
-            },
-          },
-          ...this.chartOptions,
-        },
-      });
-    },
-  },
+			new Chart(ctx, {
+				type: "bar",
+				data: {
+					labels: labels,
+					datasets: [
+						{
+							label: "Transactions",
+							data: values,
+							backgroundColor: this.colorHisto,
+							borderColor: this.colorHisto,
+							borderWidth: 1,
+						},
+					],
+				},
+				options: {
+					responsive: true,
+					plugins: {
+						legend: {
+							display: false,
+						},
+						tooltip: {
+							enabled: true,
+						},
+					},
+					scales: {
+						x: {
+							type: "category",
+						},
+						y: {
+							beginAtZero: true,
+						},
+					},
+					...this.chartOptions,
+				},
+			});
+		},
+	},
 });
 </script>
 

diff --git a/frontend/src/components/MapComponent.vue b/frontend/src/components/MapComponent.vue
@@ -38,7 +38,6 @@ export default defineComponent({
 		let displayDepLayer = true;
 		const tooltipTitle = ref(""); // Initialize as an empty string
 
-
 		const tooltip = ref({
 			top: "0px",
 			left: "0px",
@@ -131,7 +130,7 @@ export default defineComponent({
 						"fill-color": "rgba(0, 0, 255, 0.2)",
 					},
 				});
-				
+
 				mapInstance.on("mousemove", "departements_fill", (e: any) => {
 					tooltipTitle.value = e.features[0]["properties"]["nom"];
 					const depCode = e.features[0]["properties"]["code"];
@@ -185,17 +184,19 @@ export default defineComponent({
 
 		watch(
 			() => appStore.codeInsee,
-			(newValue: string) => {	
+			(newValue: string) => {
 				fetch(
-					"https://object.data.gouv.fr/dataeng-open/dev/parcelles/" + appStore.codeInsee + ".json"
+					"https://object.data.gouv.fr/dataeng-open/dev/parcelles/" +
+						appStore.codeInsee +
+						".json",
 				)
 					.then((response) => {
 						return response.json();
 					})
 					.then((data) => {
-						appStore.updateComData(data)
+						appStore.updateComData(data);
 					});
-				},
+			},
 		);
 
 		watch(

diff --git a/frontend/src/components/MobileMessage.vue b/frontend/src/components/MobileMessage.vue
@@ -10,7 +10,7 @@
 import { defineComponent } from "vue";
 
 export default defineComponent({
-  name: "MobileMessage",
+	name: "MobileMessage",
 });
 </script>
 
@@ -45,4 +45,4 @@ p {
   font-size: 1rem;
   margin: 10px 0 0;
 }
-</style>
+</style>