Merge pull request #152 from philippebeck/dev

Release 2.1.8

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vesan",
-  "version": "2.1.7",
+  "version": "2.1.8",
   "description": "UI with Vue-Elt, Servidio & Animadio",
   "author": {
     "name": "Philippe Beck",
@@ -50,7 +50,7 @@
     "core-js": "^3.8.3",
     "servidio": "^3.1.0",
     "vue": "^3.3.9",
-    "vue-elt": "^2.3.9-alpha",
+    "vue-elt": "^2.3.10-alpha",
     "vue-recaptcha": "^2.0.3",
     "vue-router": "^4.1.6",
     "vuex": "^4.0.2"

public/css/style.css

@@ -38,7 +38,7 @@
 /* SHOP */
 .shop {
   height: 70px;
-  max-width: 200px;
+  max-width: 212px;
 }
 
 .shop > * {

src/config/values.example.js

@@ -300,6 +300,60 @@ export default {
   PRODUCT_MANAGER : "Product manager",
   USER_MANAGER : "User manager",
 
+  // ! ********** HOME **********
+
+  HOME_CONTENT : [
+    "Vue-Elt for Components",
+    "Servidio for Frontend Services",
+    "Animadio for Design",
+    "NemJS for Backend Middlewares"
+  ],
+
+  HOME_LINKS : [
+    {
+      "href": "/shop",
+      "title": "See my Services for Dev, Learning & Consulting",
+      "content": "See my Services",
+      "fa": "store"
+    },
+    {
+      "href": "/legal",
+      "title": "Show my Legal Notice for Services",
+      "content": "Show my Legal Notice",
+      "fa": "scale-balanced"
+    },
+    {
+      "href": "/blog",
+      "title": "Lire my Articles about Dev",
+      "content": "Read my Blog",
+      "fa": "blog"
+    },
+    {
+      "href": "/login",
+      "title": "Login to Like & Order",
+      "content": "Login",
+      "fa": "right-to-bracket"
+    },
+    {
+      "href": "/links",
+      "title": "Access to my Links for Developers",
+      "content": "Access to my Links",
+      "fa": "link"
+    },
+    {
+      "href": "/contact",
+      "title": "Contact me for any questions",
+      "content": "Contact me",
+      "fa": "paper-plane"
+    },
+    {
+      "href": "/galleries",
+      "title": "Watch my old celestial Atlases",
+      "content": "Watch my Images",
+      "fa": "images"
+    }
+  ],
+
   // ! ********** INFO **********
 
   INFO_ALT : "Alternative text",
@@ -387,13 +441,6 @@ export default {
 
   // ! ********** LIST **********
 
-  HOME_CONTENT : [
-    "Vue-Elt for Components",
-    "Servidio for Frontend Services",
-    "Animadio for Design",
-    "NemJS for Backend Middlewares"
-  ],
-
   PRODUCT_HELP :{
     "image": "img/your-image.jpg",
     "alt": "your-alternative-text",

src/views/data/BasketView.vue

@@ -65,7 +65,7 @@
               <br>
 
               <BtnElt type="button"
-                @click="deleteProduct(`${slotProps.item.id}`, `${slotProps.item.option}`)"
+                @click="deleteProduct(slotProps.item.id, slotProps.item.option)"
                 class="btn-orange"
                 :content="val.TITLE_DELETE"
                 :title="val.TITLE_DELETE + slotProps.item.name">

src/views/main/HomeView.vue

@@ -4,7 +4,7 @@
       <h1 class="sky-dark">{{ val.HOME_VIEW }}</h1>
     </header>
 
-    <CardElt>
+    <CardElt class="flex-col gap-tn4">
       <template #header>
         <h2>{{ val.HOME_SUB }}</h2>
         <b>{{ val.INTRO_HOME }}</b>
@@ -13,6 +13,21 @@
       <template #body>
         <ListElt :dynamic="true" 
           :items="val.HOME_CONTENT"/>
+
+        <ListElt :dynamic="true"
+          :items="val.HOME_LINKS"
+          class="flex-wrap content-center">
+          <template #items="slotProps">
+            <BtnElt :href="slotProps.item.href"
+              class="btn-blue"
+              :content="slotProps.item.content"
+              :title="slotProps.item.title">
+              <template #btn>
+                <i :class="`fa-solid fa-${slotProps.item.fa} fa-lg fa-fw`"></i>
+              </template>
+            </BtnElt>
+          </template>
+        </ListElt>
       </template>
     </CardElt>
   </main>
@@ -21,12 +36,13 @@
 <script>
 import { setMeta } from "servidio"
 
+import BtnElt from "@/assets/elements/BtnElt"
 import CardElt from "@/assets/elements/CardElt"
 import ListElt from "@/assets/elements/ListElt"
 
 export default {
   name: "HomeView",
-  components: { CardElt, ListElt },
+  components: { BtnElt, CardElt, ListElt },
   props: ["val"],
 
   created() {