Fix build problem

settings/Build.ts

@@ -5,4 +5,11 @@ export default {
       ['@babel/plugin-proposal-private-methods', { loose: true }]
     ],
   },
+  postcss: {
+    preset: {
+      features: {
+        "focus-within-pseudo-class": false
+      }
+    }
+  }
 }

src/components/ContactForm.vue

@@ -11,7 +11,6 @@
             v-model="form.name"
             required
             type="text"
-            placeholder=" "
             class="first-input w-full"
           />
           <label for="name" class="form-label">{{ $t('contact.form.name') }}</label>
@@ -22,7 +21,6 @@
             v-model="form.email"
             required
             type="email"
-            placeholder=" "
             class="second-input w-full"
           />
           <label for="email" class="form-label">{{ $t('contact.form.email') }}</label>
@@ -34,7 +32,6 @@
           v-model="form.subject"
           required
           type="text"
-          placeholder=" "
           class="form-input w-full"
         />
         <label for="subject" class="form-label">{{ $t('contact.form.subject') }}</label>
@@ -44,7 +41,6 @@
             id="content"
             v-model="form.content"
             required
-            placeholder=" "
             class="form-input w-full"
             minlength="30"
             rows="4"

src/components/ExperiencesAbout.vue

@@ -17,7 +17,6 @@
 
 <script lang="ts">
 import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
-import {Experience} from "~/types/types";
 
 export default defineComponent({
   name: "ExperiencesAbout",

src/components/FormationsAbout.vue

@@ -17,7 +17,6 @@
 
 <script lang="ts">
 import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
-import {Formation} from "~/types/types";
 
 export default defineComponent({
   name: "FormationsHome",

src/components/ProjectsHome.vue

@@ -29,7 +29,6 @@
 
 <script lang="ts">
 import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
-import {Project} from "~/types/types";
 
 export default defineComponent({
   name: "ProjectsHome",

src/pages/projects.vue

@@ -23,7 +23,6 @@
 
 <script lang="ts">
 import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
-import {Project} from "~/types/types";
 
 export default defineComponent({
   name: "index",

types/types.ts

@@ -5,39 +5,6 @@ interface Form {
   subject: string
 }
 
-interface InfoData {
-  age: number
-  hiring: {
-    status: string,
-    color: string
-  }
-}
-
-interface Skill {
-  title: string,
-  color: string,
-  cover: string,
-  slug: string
-}
-
-interface Experience {
-  slug: string,
-  title: string,
-  company: string,
-  location: string,
-  begin_date: string,
-  end_date: string
-}
-
-interface Formation {
-  slug: string,
-  title: string,
-  description: string,
-  location: string,
-  begin_date: string,
-  end_date: string
-}
-
 interface Tag {
   slug: string
 }
@@ -52,36 +19,14 @@ interface Post {
   date: string
 }
 
-interface Project {
-  slug: string,
-  title: string,
-  description: string,
-  url: string,
-  cover: string,
-  tags: Array<Tag>,
-}
-
 interface NewsletterForm {
   email: string
 }
 
-interface Translation {
-  code: string,
-  english: string,
-  french: string
-}
-
 interface State {
   opened: boolean,
   route: string,
   email: string
 }
 
-interface Announce {
+export { Form, Post, Tag, NewsletterForm, State }
-  color: string,
-  hover_color: string,
-  translation: Translation
-  file: null
-}
-
-export { Form, InfoData, Skill, Experience, Formation, Post, Tag, Project, NewsletterForm, Translation, State, Announce }