FEAT: add rss & eslint & typescript

src/components/applications-list.vue

@@ -1,29 +1,53 @@
 <script>
-  import Code from 'Svg/apps/code.vue'
-  import Deluge from 'Svg/apps/deluge.vue'
-  import Drone from 'Svg/apps/drone.vue'
-  import Gitea from 'Svg/apps/gitea.vue'
-  import Jellyfin from 'Svg/apps/jellyfin.vue'
-  import Nextcloud from 'Svg/apps/nextcloud.vue'
-  import Penpot from 'Svg/apps/penpot.vue'
-  import Plausible from 'Svg/apps/plausible.vue'
+import CodeServer from 'Svg/apps/code.vue'
+import Deluge from 'Svg/apps/deluge.vue'
+import Drone from 'Svg/apps/drone.vue'
+import Gitea from 'Svg/apps/gitea.vue'
+import Jellyfin from 'Svg/apps/jellyfin.vue'
+import Nextcloud from 'Svg/apps/nextcloud.vue'
+import Penpot from 'Svg/apps/penpot.vue'
+import Plausible from 'Svg/apps/plausible.vue'
+import Rss from 'Svg/apps/rss.vue'
 
-  export default {
-    components: { Code, Deluge, Drone, Gitea, Jellyfin,Nextcloud, Penpot, Plausible },
-    data: () => ({
-      apps: ['Deluge', 'Drone', 'Gitea', 'Jellyfin', 'Nextcloud', 'Penpot', 'Plausible'],
-    }),
-  }
+export default {
+  components: {
+    CodeServer,
+    Deluge,
+    Drone,
+    Gitea,
+    Jellyfin,
+    Nextcloud,
+    Penpot,
+    Plausible,
+    Rss,
+  },
+  data: () => ({
+    apps: [
+      'Deluge',
+      'Drone',
+      'Gitea',
+      'Jellyfin',
+      'Nextcloud',
+      'Penpot',
+      'Plausible',
+      'Rss',
+    ],
+  }),
+}
 </script>
 
 <template>
   <section>
-    <h2 class="title">
-      Pre-configured applications
-    </h2>
+    <h2 class="title">Pre-configured applications</h2>
     <ul class="flex justify-center p-4 m-4 max-w-full flex-wrap">
-      <li v-for="app in apps" class="m-4">
-        <a :href="('https://github.com/valerebron/pegaz/tree/master/services/'+app.toLowerCase())" :title="app">
+      <li v-for="app in apps" :key="app" class="m-4">
+        <a
+          :href="
+            'https://github.com/valerebron/pegaz/tree/master/services/' +
+            app.toLowerCase()
+          "
+          :title="app"
+        >
           <component :is="app" class="app" />
         </a>
       </li>