Formattage

.eslintrc.json

@@ -0,0 +1,51 @@
+{
+  "root": true,
+  "env": {
+    "es2021": true,
+    "node": true,
+    "browser": false
+  },
+  "extends": [
+    "eslint:recommended",
+    /** @see https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin#recommended-configs */
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 12,
+    "sourceType": "module"
+  },
+  "plugins": ["@typescript-eslint"],
+  "ignorePatterns": ["node_modules/**", "**/dist/**"],
+  "rules": {
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "argsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_"
+      }
+    ],
+    "@typescript-eslint/no-var-requires": "off",
+    "@typescript-eslint/consistent-type-imports": "error",
+    /**
+     * Having a semicolon helps the optimizer interpret your code correctly.
+     * This avoids rare errors in optimized code.
+     * @see https://twitter.com/alex_kozack/status/1364210394328408066
+     */
+    "semi": ["error", "always"],
+    /**
+     * This will make the history of changes in the hit a little cleaner
+     */
+    "comma-dangle": ["warn", "always-multiline"],
+    /**
+     * Just for beauty
+     */
+    "quotes": [
+      "warn",
+      "single",
+      {
+        "avoidEscape": true
+      }
+    ]
+  }
+}

.prettierignore

@@ -0,0 +1,9 @@
+**/node_modules
+**/dist
+**/*.svg
+
+package.json
+package-lock.json
+
+.github
+.idea

.prettierrc

@@ -0,0 +1,20 @@
+{
+  "printWidth": 100,
+  "semi": true,
+  "singleQuote": true,
+  "overrides": [
+    {
+      "files": ["**/*.css", "**/*.scss", "**/*.html"],
+      "options": {
+        "singleQuote": false
+      }
+    }
+  ],
+  "trailingComma": "all",
+  "arrowParens": "avoid",
+  "proseWrap": "never",
+  "htmlWhitespaceSensitivity": "strict",
+  "vueIndentScriptAndStyle": false,
+  "endOfLine": "lf",
+  "singleAttributePerLine": true
+}

components.d.ts

@@ -7,15 +7,15 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
-    'CarteFonctionalité': typeof import('./src/components/CarteFonctionalité.vue')['default']
-    'CarteTéléchargement': typeof import('./src/components/CarteTéléchargement.vue')['default']
-    CarteUtilisation: typeof import('./src/components/CarteUtilisation.vue')['default']
-    'ItemLangueProgrès': typeof import('./src/components/ItemLangueProgrès.vue')['default']
-    MenuLangues: typeof import('./src/components/MenuLangues.vue')['default']
-    PagePrincipale: typeof import('./src/components/PagePrincipale.vue')['default']
-    'PageTéléchargements': typeof import('./src/components/PageTéléchargements.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    TitreSection: typeof import('./src/components/TitreSection.vue')['default']
+    CarteFonctionalité: (typeof import('./src/components/CarteFonctionalité.vue'))['default'];
+    CarteTéléchargement: (typeof import('./src/components/CarteTéléchargement.vue'))['default'];
+    CarteUtilisation: (typeof import('./src/components/CarteUtilisation.vue'))['default'];
+    ItemLangueProgrès: (typeof import('./src/components/ItemLangueProgrès.vue'))['default'];
+    MenuLangues: (typeof import('./src/components/MenuLangues.vue'))['default'];
+    PagePrincipale: (typeof import('./src/components/PagePrincipale.vue'))['default'];
+    PageTéléchargements: (typeof import('./src/components/PageTéléchargements.vue'))['default'];
+    RouterLink: (typeof import('vue-router'))['RouterLink'];
+    RouterView: (typeof import('vue-router'))['RouterView'];
+    TitreSection: (typeof import('./src/components/TitreSection.vue'))['default'];
   }
 }

src/App.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { மொழிகளைப்_பயன்படுத்து } from "@lassi-js/kilimukku-vue";
+import { மொழிகளைப்_பயன்படுத்து } from '@lassi-js/kilimukku-vue';
 
 // Direction texte
 const { வலதிலிருந்து_இடது_மொழி } = மொழிகளைப்_பயன்படுத்து();

src/components/CarteFonctionalité.vue

@@ -1,10 +1,18 @@
 <template>
-  <v-card width="300" height="330" class="text-center">
+  <v-card
+    width="300"
+    height="330"
+    class="text-center"
+  >
     <v-card-item class="mt-4">
       <v-card-title class="text-h5 font-weight-bold">{{ titre }}</v-card-title>
     </v-card-item>
     <v-card-text>
-      <v-img class="my-6" height="100" :src="image" />
+      <v-img
+        class="my-6"
+        height="100"
+        :src="image"
+      />
       {{ sousTitre }}
     </v-card-text>
   </v-card>

src/components/CarteTéléchargement.vue

@@ -1,31 +1,39 @@
 <template>
   <v-card width="300">
-    <v-img :src="image" class="ma-4" contain max-height="150"></v-img>
+    <v-img
+      :src="image"
+      class="ma-4"
+      contain
+      max-height="150"
+    ></v-img>
     <v-card-item class="text-center">
       <v-card-title>
         {{ t(`téléchargements.soAvecExt.${so}`, { ext }) }}
       </v-card-title>
       <v-card-subtitle>
-        {{ t("téléchargements.version", { v: versionFormattée }) }}
+        {{ t('téléchargements.version', { v: versionFormattée }) }}
       </v-card-subtitle>
     </v-card-item>
     <v-card-text class="my-2 text-center">
-      <v-btn prepend-icon="mdi-download" @click="ouvrirLien(url)">
+      <v-btn
+        prepend-icon="mdi-download"
+        @click="ouvrirLien(url)"
+      >
         Télécharger
       </v-btn>
     </v-card-text>
   </v-card>
 </template>
 <script setup lang="ts">
-import { computed, ref, onMounted } from "vue";
+import { computed, ref, onMounted } from 'vue';
 
 import {
   // எண்களைப்_பயன்படுத்து,
   கிளிமூக்கை_பயன்படுத்து,
-} from "@lassi-js/kilimukku-vue";
+} from '@lassi-js/kilimukku-vue';
 
-import { InfoTéléchargement } from "@/utils/téléchargements";
-import { ouvrirLien } from "@/utils/utils";
+import { InfoTéléchargement } from '@/utils/téléchargements';
+import { ouvrirLien } from '@/utils/utils';
 
 const props = defineProps<InfoTéléchargement>();
 
@@ -34,24 +42,22 @@ const { $மொ: t } = மொழியாக்கம்_பயன்படு
 // const {பதிப்பை_வடிவூட்டு} = எண்களைப்_பயன்படுத்து();
 
 // Version
-const versionFormattée = computed(() =>
-  props.version.toString().replace(/^v/, ""),
-); // பதிப்பை_வடிவூட்டு(props.version);
+const versionFormattée = computed(() => props.version.toString().replace(/^v/, '')); // பதிப்பை_வடிவூட்டு(props.version);
 
 // Image
 const images = {
-  linux: import("@/assets/logosSO/Linux.png"),
-  mac: import("@/assets/logosSO/macOS.png"),
-  windows: import("@/assets/logosSO/Windows.png"),
-  source: import("@/assets/undraw/undraw_proud_coder_re_exuy.svg"),
+  linux: import('@/assets/logosSO/Linux.png'),
+  mac: import('@/assets/logosSO/macOS.png'),
+  windows: import('@/assets/logosSO/Windows.png'),
+  source: import('@/assets/undraw/undraw_proud_coder_re_exuy.svg'),
 };
 
 const image = ref<string>();
 onMounted(async () => {
   image.value = (await images[props.so]).default;
 });
 const ext = computed(() => {
-  const composantes = props.url.split(".");
-  return "." + composantes[composantes.length - 1];
+  const composantes = props.url.split('.');
+  return '.' + composantes[composantes.length - 1];
 });
 </script>

src/components/CarteUtilisation.vue

@@ -1,10 +1,18 @@
 <template>
-  <v-card width="300" height="330" class="text-center">
+  <v-card
+    width="300"
+    height="330"
+    class="text-center"
+  >
     <v-card-item class="mt-4">
       <v-card-title class="text-h5 font-weight-bold">{{ titre }}</v-card-title>
     </v-card-item>
     <v-card-text>
-      <v-img class="my-6" height="100" src="@/assets/logo.svg" />
+      <v-img
+        class="my-6"
+        height="100"
+        src="@/assets/logo.svg"
+      />
       {{ sousTitre }}
     </v-card-text>
   </v-card>

src/components/ItemLangueProgrès.vue

@@ -1,15 +1,23 @@
 <template>
   <v-list-item>
     <template #prepend>
-      <v-icon v-if="selectionnee" color="primary"> mdi-check-bold </v-icon>
+      <v-icon
+        v-if="selectionnee"
+        color="primary"
+      >
+        mdi-check-bold
+      </v-icon>
     </template>
 
     <template #title>
       {{ nom || code }}
     </template>
 
     <template #append>
-      <v-icon v-if="progrèsPourcentage === 1" color="primary">
+      <v-icon
+        v-if="progrèsPourcentage === 1"
+        color="primary"
+      >
         mdi-check-circle
       </v-icon>
       <v-progress-circular
@@ -22,22 +30,20 @@
   </v-list-item>
 </template>
 <script setup lang="ts">
-import { computed } from "vue";
-import { கிளிமூக்கை_பயன்படுத்து } from "@lassi-js/kilimukku-vue";
+import { computed } from 'vue';
+import { கிளிமூக்கை_பயன்படுத்து } from '@lassi-js/kilimukku-vue';
 const props = defineProps<{ code: string; selectionnee: boolean }>();
 
-const { கிடைக்கும்_மொழிகளை_பயன்படுத்து, மொழி_முன்னேற்றத்தை_பயன்படுத்து } =
-  கிளிமூக்கை_பயன்படுத்து();
+const { கிடைக்கும்_மொழிகளை_பயன்படுத்து, மொழி_முன்னேற்றத்தை_பயன்படுத்து } = கிளிமூக்கை_பயன்படுத்து();
 const { மொழியின்_பெயர் } = கிடைக்கும்_மொழிகளை_பயன்படுத்து({});
 
 const { மொழி_முன்னேற்றம் } = மொழி_முன்னேற்றத்தை_பயன்படுத்து({
   மொழி: props.code,
-  வகை: "வார்த்தை",
+  வகை: 'வார்த்தை',
 });
 const progrèsPourcentage = computed(() => {
   return (
-    (மொழி_முன்னேற்றம்.value?.அங்கீகரிக்கப்பட்டவை || 0) /
-    (மொழி_முன்னேற்றம்.value?.மொத்தம் || 0)
+    (மொழி_முன்னேற்றம்.value?.அங்கீகரிக்கப்பட்டவை || 0) / (மொழி_முன்னேற்றம்.value?.மொத்தம் || 0)
   );
 });
 const nom = மொழியின்_பெயர்(props.code);

src/components/MenuLangues.vue

@@ -1,8 +1,6 @@
 <template>
   <v-btn
-    :style="
-      'position: absolute;' + (isRtl ? 'left:' : 'right:') + '20px; top: 20px'
-    "
+    :style="'position: absolute;' + (isRtl ? 'left:' : 'right:') + '20px; top: 20px'"
     icon="mdi-earth"
     size="small"
   >
@@ -23,7 +21,11 @@
           hide-details
           @click.stop
         ></v-text-field>
-        <v-list class="overflow-y-auto" max-height="400px" min-width="200px">
+        <v-list
+          class="overflow-y-auto"
+          max-height="400px"
+          min-width="200px"
+        >
           <item-langue
             v-for="code in languesDisponibles"
             :key="code"
@@ -38,13 +40,13 @@
 </template>
 
 <script setup lang="ts">
-import { useRtl } from "vuetify";
-import { மொழிகளைப்_பயன்படுத்து } from "@lassi-js/kilimukku-vue";
+import { useRtl } from 'vuetify';
+import { மொழிகளைப்_பயன்படுத்து } from '@lassi-js/kilimukku-vue';
 
-import ItemLangue from "@/components/ItemLangueProgrès.vue";
-import { கிளிமூக்கை_பயன்படுத்து } from "@lassi-js/kilimukku-vue";
+import ItemLangue from '@/components/ItemLangueProgrès.vue';
+import { கிளிமூக்கை_பயன்படுத்து } from '@lassi-js/kilimukku-vue';
 
-import { computed, ref } from "vue";
+import { computed, ref } from 'vue';
 
 const constellationPrète = ref(false);
 
@@ -62,12 +64,12 @@ const rechercheLangue = ref<string>();
 const languesDisponibles = computed(() => {
   return மொழிகளும்_குறியீடுகளும்.value
     .filter(
-      (lng) =>
+      lng =>
         !rechercheLangue.value ||
         lng.குறியீடு.includes(rechercheLangue.value) ||
         lng.மொழி.includes(rechercheLangue.value),
     )
-    .map((lng) => lng.குறியீடு);
+    .map(lng => lng.குறியீடு);
 });
 </script>