Merge pull request #3 from philippebeck/dev

Release 0.1.2
philippebeck · Jan 27, 2023 · b8dc797 · b8dc797
2 parents faffabb + 71a990c
commit b8dc797
Show file tree

Hide file tree

Showing 7 changed files with 80 additions and 71 deletions.
diff --git a/README.md b/README.md
@@ -15,10 +15,12 @@ CMS with Vue-Elt, Servidio, Animadio & NemJS
 ## Overview
 
 Vesan is a Content Manager System, where you can find 4 "homemade" packages complementary :
--  Vue-Elt, as the components  
--  Servidio, as the frontend service  
--  Animadio, as the design  
--  Nemjs, as the backend service  
+-  Vue-Elt, for the SFC components, as the main structure  
+-  Servidio, for Axios calls & front securities, as the frontend services  
+-  Animadio, a CSS library built with Sass, as the design  
+-  Nemjs, for JWT, Nodemailer, Sharp & back securities, as the backend services  
+
+Vesan uses many other well-known packages, like ExpressJS, Mongoose, Axios, etc...
 
 ## Summary
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vesan",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "CMS with Vue-Elt, Servidio, Animadio & NemJS",
   "keywords": [
     "cms",
@@ -30,7 +30,7 @@
     "core-js": "^3.8.3",
     "servidio": "^0.4.0",
     "vue": "^3.2.45",
-    "vue-elt": "^0.5.0",
+    "vue-elt": "^0.5.2",
     "vue-router": "^4.1.6"
   },
   "devDependencies": {

diff --git a/src/App.vue b/src/App.vue
@@ -22,43 +22,50 @@
     <template #admin>
 
       <!-- Visitor -->
-      <ul v-if="!userId">
-        <li>
+      <ListElt v-if="!userId"
+        :items="['paypal', 'github', 'login']">
+
+        <template #item-1>
           <a href="https://paypal.me/philippebeck"
             title="Donation">
             <i class="fa-brands fa-paypal fa-fw"></i>
           </a>
-        </li>
-        <li>
+        </template>
+
+        <template #item-2>
           <a href="https://github.com/sponsors/philippebeck"
             title="Sponsor">
             <i class="fa-regular fa-heart fa-fw"></i>
           </a>
-        </li>
-        <li>
+        </template>
+
+        <template #item-3>
           <a href="/login"
             title="Login">
             <i class="fa-solid fa-sign-in-alt fa-fw"></i>
           </a>
-        </li>
-      </ul>
+        </template>
+      </ListElt>
 
       <!-- Admin -->
-      <ul v-else>
-        <li>
+      <ListElt v-else
+        :items="['admin', 'logout']">
+
+        <template #item-1>
           <a href="/admin"
             title="Admin">
             <i class="fa-solid fa-user-ninja fa-fw"></i>
           </a>
-        </li>
-        <li>
+        </template>
+
+        <template #item-2>
           <button type="button"
             @click="logout()"
             title="Logout">
             <i class="fa-solid fa-sign-out-alt fa-fw"></i>
           </button>
-        </li>
-      </ul>
+        </template>
+      </ListElt>
     </template>
   </NavElt>
 
@@ -73,104 +80,104 @@
 
     <!-- Websites -->
     <template #foot1>
-      <ul>
-        <li>
+      <ListElt :items="['Asperger', 'Astronomy']">
+        <template #item-1>
           <a href="https://asperger.philippebeck.net"
             title="Tests for Asperger's Syndrome">
             Asperger
           </a>
-        </li>
-        <li>
+        </template>
+        <template #item-2>
           <a href="https://astronomy.philippebeck.net"
             title="NASA & CDS APIs">
             Astronomy
           </a>
-        </li>
-      </ul>
+        </template>
+      </ListElt>
     </template>
 
     <!-- Tools -->
     <template #foot2>
-      <ul>
-        <li>
+      <ListElt :items="['Vue-Elt', 'Servidio', 'Animadio', 'NemJS', 'Vesan']">
+        <template #item-1>
           <a href="https://www.npmjs.com/package/servidio"
             title="Vuejs SFC Library">
             Vue-Elt
           </a>
-        </li>
-        <li>
+        </template>
+        <template #item-2>
           <a href="https://www.npmjs.com/package/servidio"
             title="JavaScript Frontend Services">
             Servidio
           </a>
-        </li>
-        <li>
+        </template>
+        <template #item-3>
           <a href="https://www.npmjs.com/package/animadio"
             title="Animadio CSS Library">
             Animadio
           </a>
-        </li>
-        <li>
+        </template>
+        <template #item-4>
           <a href="https://www.npmjs.com/package/nemjs"
             title="JavaScript Backend Services">
             Nemjs
           </a>
-        </li>
-        <li>
+        </template>
+        <template #item-5>
           <a href="https://www.npmjs.com/package/vesan"
             title="CMS with Vue-Elt, Servidio, Animadio & NemJS">
             Vesan
           </a>
-        </li>
-      </ul>
+        </template>
+      </ListElt>
     </template>
 
     <!-- Links -->
     <template #foot3>
-      <ul>
-        <li>
+      <ListElt :items="['Links2Code', 'Philippe Beck']">
+        <template #item-1>
           <a href="https://links2code.philippebeck.net"
             title="Links For Coding">
             Links2Code
           </a>
-        </li>
-        <li>
+        </template>
+        <template #item-2>
           <a href="https://philippebeck.net"
             title="Portal">
             Philippe Beck
           </a>
-        </li>
-      </ul>
+        </template>
+      </ListElt>
     </template>
 
     <!-- Social Networks -->
     <template #foot>
-      <ul>
-        <li>
+      <ListElt :items="['GitHub', 'Twitter', 'LinkedIn', 'CodePen']">
+        <template #item-1>
           <a href="https://github.com/philippebeck"
             title="Philippe Beck @GitHub">
             <i class="fa-brands fa-github fa-2x fa-fw black"></i>
           </a>
-        </li>
-        <li>
+        </template>
+        <template #item-2>
           <a href="https://twitter.com/ph_beck"
             title="Philippe Beck @Twitter">
             <i class="fa-brands fa-twitter fa-2x fa-fw sky"></i>
           </a>
-        </li>
-        <li>
+        </template>
+        <template #item-3>
           <a href="https://www.linkedin.com/in/philippebeck"
             title="Philippe Beck @LinkedIn">
             <i class="fa-brands fa-linkedin-in fa-2x fa-fw blue"></i>
           </a>
-        </li>
-        <li>
+        </template>
+        <template #item-4>
           <a href="https://codepen.io/philippebeck"
             title="Philippe Beck @CodePen">
             <i class="fa-brands fa-codepen fa-2x fa-fw black"></i>
           </a>
-        </li>
-      </ul>
+        </template>
+      </ListElt>
     </template>
   </FootElt>
 </template>

diff --git a/src/components/CreateUser.vue b/src/components/CreateUser.vue
@@ -7,7 +7,7 @@
     <ListElt :items="['name', 'email', 'image', 'pass']">
 
       <!-- User Name -->
-      <template #items-1>
+      <template #item-1>
         <FieldElt id="name"
           v-model:value="name"
           info="Indicate the user name"
@@ -23,7 +23,7 @@
       </template>
 
       <!-- User Email -->
-      <template #items-2>
+      <template #item-2>
         <FieldElt id="email"
           v-model:value="email"
           info="Indicate the user email"
@@ -39,7 +39,7 @@
       </template>
 
       <!-- User Image -->
-      <template #items-3>
+      <template #item-3>
         <FieldElt id="image"
           v-model:value="image"
           info="Provide user image"
@@ -54,7 +54,7 @@
       </template>
 
       <!-- User Pass -->
-      <template #items-4>
+      <template #item-4>
         <FieldElt id="pass"
           v-model:value="pass"
           info="Indicate the user password"

diff --git a/src/views/ContactView.vue b/src/views/ContactView.vue
@@ -14,7 +14,7 @@
         <ListElt :items="['email', 'subject', 'text']">
 
           <!-- User Email -->
-          <template #items-1>
+          <template #item-1>
             <FieldElt id="email"
               v-model:value="email"
               info="An email to answer you ?"
@@ -30,7 +30,7 @@
           </template>
 
           <!-- Message Subject -->
-          <template #items-2>
+          <template #item-2>
             <FieldElt id="subject"
               v-model:value="subject"
               info="The subject of your message ?"
@@ -45,7 +45,7 @@
           </template>
 
           <!-- Message Content -->
-          <template #items-3>
+          <template #item-3>
             <FieldElt id="text"
               v-model:value="text"
               info="The text of your message ?"

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -5,7 +5,7 @@
     <template #header>
 
       <!-- Slider -->
-      <SliderElt :slides="['html5', 'css3', 'sass', 'js', 'vuejs', 'node-js']">
+      <SliderElt :slides="['vuejs', 'sass', 'node-js', 'html5', 'js', 'css3']">
         <template #slide="slotProps">
           <i :class="`fa-brands fa-${slotProps.slide.toLowerCase()} fa-10x blue`"></i>
         </template>