FEAT: add rss & eslint & typescript

2022-12-06 19:31:52 +01:00
parent b6f9364dfa
commit 288cfc0a60
52 changed files with 3361 additions and 910 deletions
--- a/.drone.yml
+++ b/.drone.yml
@@ -3,31 +3,31 @@ type: docker
 name: default
 steps:
- name: deploy
+  - name: deploy
-  image: docker/compose
+    image: docker/compose
-  volumes:
+    volumes:
-  - name: docker
+      - name: docker
-    path: /var/run/docker.sock
+        path: /var/run/docker.sock
-  - name: pegaz
+      - name: pegaz
-    path: /opt/pegaz
+        path: /opt/pegaz
-  environment:
+    environment:
-    CI_DOMAIN:
+      CI_DOMAIN:
-      from_secret: CI_DOMAIN
+        from_secret: CI_DOMAIN
-  commands:
+    commands:
-    - apk add --upgrade bash findutils rsync sed
+      - apk add --upgrade bash findutils rsync sed
-    - WORKDIR="/opt/pegaz/services/pegazio"
+      - WORKDIR="/opt/pegaz/services/pegazio"
-    - rm -rf $WORKDIR
+      - rm -rf $WORKDIR
-    - mkdir $WORKDIR
+      - mkdir $WORKDIR
-    - rsync -av --exclude  ./node_modules /drone/src/ $WORKDIR
+      - rsync -av --exclude  ./node_modules /drone/src/ $WORKDIR
-    - cd $WORKDIR
+      - cd $WORKDIR
-    - sed -i "s|DOMAIN=.*|DOMAIN=\"$CI_DOMAIN\"|g" config.sh
+      - sed -i "s|DOMAIN=.*|DOMAIN=\"$CI_DOMAIN\"|g" config.sh
-    - bash /opt/pegaz/cli.pegaz.sh build pegazio &2> /dev/null
+      - bash /opt/pegaz/cli.pegaz.sh build pegazio &2> /dev/null
-    - bash /opt/pegaz/cli.pegaz.sh up pegazio
+      - bash /opt/pegaz/cli.pegaz.sh up pegazio
 volumes:
- name: pegaz
+  - name: pegaz
-  host:
+    host:
-    path: /opt/pegaz
+      path: /opt/pegaz
- name: docker
+  - name: docker
-  host:
+    host:
-    path: /var/run/docker.sock
+      path: /var/run/docker.sock
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,7 +1,13 @@
 module.exports = {
-  extends: ["plugin:vue/vue3-essential", "prettier"],
+  extends: [
    'plugin:vue/vue3-essential',
    'prettier',
    // 'airbnb-base',
    'plugin:import/typescript'
  ],
  rules: {
    // override/add rules settings here, such as:
-    "vue/no-unused-vars": "error",
+    'vue/no-unused-vars': 'error',
    'vue/multi-word-component-names': 'off',
  },
-};
+}
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -3,9 +3,9 @@ module.exports = {
  tabWidth: 2,
  useTabs: false,
  printWidth: 80,
-  endOfLine: "auto",
+  endOfLine: 'auto',
  singleQuote: true,
-  trailingComma: "es5",
+  trailingComma: 'es5',
  bracketSpacing: true,
-  arrowParens: "always",
+  arrowParens: 'always',
-};
+}
--- a/README.md
+++ b/README.md
@@ -1,21 +1,28 @@
 # TODO
 0. anim pegaz create ??
 1. presentation de l'arborecense - doc du code
 2. command line guide - doc du CLI
 3. configuration file ?
 # vue-3-stackter
 ![Cover Image](https://raw.githubusercontent.com/shamscorner/images/main/vite-vue-3-tailwind.png)
 A Vue3 starter project setup with these following components,
-   [Vite](https://vitejs.dev/)
+- [Vite](https://vitejs.dev/)
-   vue-meta-3.0.0-alpha.8
+- vue-meta-3.0.0-alpha.8
-   Router
+- Router
-   [Pinia](https://pinia.vuejs.org/) (Vue 3 default)
+- [Pinia](https://pinia.vuejs.org/) (Vue 3 default)
-   Eslint
+- Eslint
-   Prettier
+- Prettier
-   [Tailwind CSS](https://tailwindcss.com/)
+- [Tailwind CSS](https://tailwindcss.com/)
-   File based routing with [vite-plugin-pages](https://github.com/hannoeru/vite-plugin-pages). (Like [Nuxt file system routing](https://nuxtjs.org/docs/2.x/features/file-system-routing))
+- File based routing with [vite-plugin-pages](https://github.com/hannoeru/vite-plugin-pages). (Like [Nuxt file system routing](https://nuxtjs.org/docs/2.x/features/file-system-routing))
-   Layout system with [vite-plugin-vue-layouts](https://github.com/JohnCampionJr/vite-plugin-vue-layouts). (Like [Nuxt layouts](https://nuxtjs.org/docs/2.x/directory-structure/layouts))
+- Layout system with [vite-plugin-vue-layouts](https://github.com/JohnCampionJr/vite-plugin-vue-layouts). (Like [Nuxt layouts](https://nuxtjs.org/docs/2.x/directory-structure/layouts))
 - Components auto importing with [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components)
-   `~/` alias for `/src`. So we don't have to write something like `../../../SomeModule` to import modules.
+- `~/` alias for `/src`. So we don't have to write something like `../../../SomeModule` to import modules.
-   and some custom setups.
+- and some custom setups.
 [Check out Typescript version here](https://github.com/shamscorner/vitesse-stackter-clean-architect)
--- a/components.d.ts
+++ b/components.d.ts
@@ -0,0 +1,20 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
 // Read more: https://github.com/vuejs/core/pull/3399
 import '@vue/runtime-core'
 export {}
 declare module '@vue/runtime-core' {
  export interface GlobalComponents {
    ApplicationsList: typeof import('./src/components/applications-list.vue')['default']
    BackupRestore: typeof import('./src/components/backup-restore.vue')['default']
    Demo: typeof import('./src/components/demo.vue')['default']
    Disclaimer: typeof import('./src/components/disclaimer.vue')['default']
    HeroButtons: typeof import('./src/components/hero-buttons.vue')['default']
    HeroTitle: typeof import('./src/components/hero-title.vue')['default']
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
    Terminal: typeof import('./src/components/terminal.vue')['default']
  }
 }
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,6 +1,5 @@
-version: "3.7"
+version: '3.7'
 services:
  pegazio:
    image: pegazio
    build: .
@@ -11,11 +10,11 @@ services:
    volumes:
      - $PWD:/app
    environment:
-      VIRTUAL_HOST: "${DOMAIN}"
+      VIRTUAL_HOST: '${DOMAIN}'
-      LETSENCRYPT_HOST: "${DOMAIN}"
+      LETSENCRYPT_HOST: '${DOMAIN}'
-      PUID: "${PUID}"
+      PUID: '${PUID}'
-      PGID: "${PGID}"
+      PGID: '${PGID}'
 networks:
  default:
-    name: pegaz
+    name: pegaz
--- a/histoire.config.js
+++ b/histoire.config.js
@@ -2,7 +2,5 @@ import { defineConfig } from 'histoire'
 import { HstVue } from '@histoire/plugin-vue'
 export default defineConfig({
-  plugins: [
+  plugins: [HstVue()],
-    HstVue(),
+})
  ],
 })
--- a/index.html
+++ b/index.html
@@ -1,16 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
  <head>
-		<meta charset="UTF-8" />
+    <meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width" />
+    <meta name="viewport" content="width=device-width" />
-		<link rel="icon" type="image/svg+xml" href="https://raw.githubusercontent.com/valerebron/pegaz/master/docs/pegaz.svg" />
+    <link
-		<meta name="generator" content={Astro.generator} />
+      rel="icon"
-		<meta name="description" content="pegaz, deploy stack on the go with docker-compose">
+      type="image/svg+xml"
-		<link rel="canonical" href="https://pegaz.io">
+      href="https://raw.githubusercontent.com/valerebron/pegaz/master/docs/pegaz.svg"
-		<meta property="og:title" content="pegaz, deploy stack on the go">
+    />
-		<meta property="og:image" content="https://raw.githubusercontent.com/valerebron/pegaz/master/docs/pegaz.svg">
+    <meta name="generator" content="{Astro.generator}" />
-		<meta property="og:site_name" content="pegaz">
+    <meta
-		<script defer data-domain="pegaz.io" src="https://plausible.erudi.fr/js/plausible.js"></script>
+      name="description"
      content="pegaz, deploy stack on the go with docker-compose"
    />
    <link rel="canonical" href="https://pegaz.io" />
    <meta property="og:title" content="pegaz, deploy stack on the go" />
    <meta
      property="og:image"
      content="https://raw.githubusercontent.com/valerebron/pegaz/master/docs/pegaz.svg"
    />
    <meta property="og:site_name" content="Pegaz.io" />
    <script
      defer
      data-domain="pegaz.io"
      src="https://plausible.erudi.fr/js/plausible.js"
    ></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>pegaz.io</title>
  </head>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -6,28 +6,39 @@
    "build": "vite build",
    "serve": "vite preview",
    "histoire": "histoire dev",
-    "test": "vitest"
+    "test": "vitest",
    "lint": "eslint --fix src/main.js",
    "format": "prettier -w ."
  },
  "dependencies": {
    "eslint-config-prettier": "^8.5.0",
    "eslint-plugin-vue": "^9.2.0",
    "pinia": "^2.0.16",
    "prettier": "^2.7.1",
    "typescript": "^4.9.3",
    "vue": "^3.2.41",
    "vue-meta": "3.0.0-alpha.10",
    "vue-router": "4.1.2"
  },
  "devDependencies": {
    "@histoire/plugin-vue": "^0.11.7",
    "@typescript-eslint/eslint-plugin": "^5.45.0",
    "@vitejs/plugin-vue": "^3.2.0",
    "@vue/compiler-sfc": "^3.2.37",
    "@vue/test-utils": "^2.2.4",
    "autoprefixer": "^10.4.7",
    "eslint": "^8.28.0",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-plugin-import": "^2.26.0",
    "eslint-plugin-jsx-a11y": "^6.6.1",
    "eslint-plugin-react": "^7.31.11",
    "eslint-plugin-react-hooks": "^4.6.0",
    "histoire": "^0.11.7",
    "postcss": "^8.4.14",
    "tailwindcss": "^3.1.6",
    "unplugin-vue-components": "^0.21.1",
    "vite": "^3.2.3",
    "vite-plugin-eslint": "^1.8.1",
    "vite-plugin-pages": "^0.27.1",
    "vite-plugin-vue-layouts": "^0.7.0",
    "vitest": "^0.25.3"
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,7 +19,7 @@ useMeta({
 </script>
 <style lang="postcss">
-  html {
+html {
-    @apply bg-slate-100
+  @apply bg-slate-100;
-  }
+}
 </style>
--- a/src/assets/svg/apps/code.vue
+++ b/src/assets/svg/apps/code.vue
@@ -3,12 +3,15 @@
    <title>file_type_vscode</title>
    <path
      d="M29.01,5.03,23.244,2.254a1.742,1.742,0,0,0-1.989.338L2.38,19.8A1.166,1.166,0,0,0,2.3,21.447c.025.027.05.053.077.077l1.541,1.4a1.165,1.165,0,0,0,1.489.066L28.142,5.75A1.158,1.158,0,0,1,30,6.672V6.605A1.748,1.748,0,0,0,29.01,5.03Z"
-      style="fill:#0065a9" />
+      style="fill: #0065a9"
    />
    <path
      d="M29.01,26.97l-5.766,2.777a1.745,1.745,0,0,1-1.989-.338L2.38,12.2A1.166,1.166,0,0,1,2.3,10.553c.025-.027.05-.053.077-.077l1.541-1.4A1.165,1.165,0,0,1,5.41,9.01L28.142,26.25A1.158,1.158,0,0,0,30,25.328V25.4A1.749,1.749,0,0,1,29.01,26.97Z"
-      style="fill:#007acc" />
+      style="fill: #007acc"
    />
    <path
      d="M23.244,29.747a1.745,1.745,0,0,1-1.989-.338A1.025,1.025,0,0,0,23,28.684V3.316a1.024,1.024,0,0,0-1.749-.724,1.744,1.744,0,0,1,1.989-.339l5.765,2.772A1.748,1.748,0,0,1,30,6.6V25.4a1.748,1.748,0,0,1-.991,1.576Z"
-      style="fill:#1f9cf0" />
+      style="fill: #1f9cf0"
    />
  </svg>
 </template>
--- a/src/assets/svg/apps/deluge.vue
+++ b/src/assets/svg/apps/deluge.vue
@@ -1,19 +1,47 @@
 <template>
  <svg viewBox="0 0 250 356.285" xmlns="http://www.w3.org/2000/svg">
-    <g style="display:inline">
+    <g style="display: inline">
-      <g style="display:inline">
+      <g style="display: inline">
-        <path d="m24.01 2.885 11.91 18.223c7.631 11.674-.394 24.297-11.92 24.297-11.525 0-19.563-12.627-11.925-24.294z"
+        <path
-          style="fill:#4c90e8;fill-opacity:1;fill-rule:evenodd;stroke:#094491;stroke-width:3.19037;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+          d="m24.01 2.885 11.91 18.223c7.631 11.674-.394 24.297-11.92 24.297-11.525 0-19.563-12.627-11.925-24.294z"
-          transform="translate(-56.804 .22) scale(7.57587)" />
+          style="
            fill: #4c90e8;
            fill-opacity: 1;
            fill-rule: evenodd;
            stroke: #094491;
            stroke-width: 3.19037;
            stroke-miterlimit: 4;
            stroke-dasharray: none;
            stroke-opacity: 1;
          "
          transform="translate(-56.804 .22) scale(7.57587)"
        />
      </g>
      <path
        d="M28.25 24.077c-6.514-2.656-9.932 4.13-8.845 7.3 2.364 6.897 11.278 8.624 17.862-2.865 0 0 .07 1.386.14 2.046.883 8.377-6.163 13.71-13.303 13.605-7.14-.104-9.32-2.877-11.425-6.069-3.413-5.178-2.561-13.615 2.028-17.56 5.238-4.33 11.004-2.019 13.542 3.543z"
-        style="display:inline;fill:#094491;fill-opacity:1;fill-rule:evenodd;stroke-width:.436583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+        style="
-        transform="translate(-56.804 .22) scale(7.57587)" />
+          display: inline;
          fill: #094491;
          fill-opacity: 1;
          fill-rule: evenodd;
          stroke-width: 0.436583;
          stroke-miterlimit: 4;
          stroke-dasharray: none;
          stroke-opacity: 1;
        "
        transform="translate(-56.804 .22) scale(7.57587)"
      />
      <path
        d="M24.158 21.569c-7.295.177-8.68 8.584-6.66 12.185 2.81 5.006 7.073 5.969 12.906 4.12-3.33 3.622-10.166 4.58-14.81-.592-3.194-3.56-3.473-8.526-1.256-12.674 2.217-4.149 6.638-5.302 9.82-3.04z"
-        style="fill:#83b8f9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.07658"
+        style="
-        transform="translate(-56.804 .22) scale(7.57587)" />
+          fill: #83b8f9;
          fill-opacity: 1;
          fill-rule: evenodd;
          stroke: none;
          stroke-width: 1.07658;
        "
        transform="translate(-56.804 .22) scale(7.57587)"
      />
    </g>
  </svg>
 </template>
--- a/src/assets/svg/apps/drone.vue
+++ b/src/assets/svg/apps/drone.vue
@@ -1,13 +1,23 @@
 <template>
  <svg viewBox="0 0 33 34" fill="none" xmlns="http://www.w3.org/2000/svg">
    <defs>
-      <linearGradient id="drone" x1="6.89" y1="1.73" x2="27.869" y2="33.277" gradientUnits="userSpaceOnUse">
+      <linearGradient
        id="drone"
        x1="6.89"
        y1="1.73"
        x2="27.869"
        y2="33.277"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#73DFE7" />
        <stop offset="1" stop-color="#0095F7" />
      </linearGradient>
    </defs>
-    <path fill-rule="evenodd" clip-rule="evenodd"
+    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M32.813 17.293a17.17 17.17 0 0 1-1.335 6.58l-5.83-5.929c.702-1.157 1.053-2.53 1.053-3.977.07-4.122-3.231-7.52-7.305-7.52-1.475 0-2.81.433-3.934 1.157l-5.409-5.496A15.513 15.513 0 0 1 16.656.662c8.921 0 16.157 7.448 16.157 16.631ZM7.805 3.41l5.83 6.001a7.614 7.614 0 0 0-1.545 4.628c0 4.194 3.302 7.593 7.376 7.593a7.128 7.128 0 0 0 4.496-1.591l6.251 6.436c-2.95 4.483-7.867 7.448-13.557 7.448C7.736 33.925.5 26.477.5 17.293.5 11.436 3.38 6.374 7.805 3.41Zm11.661 15.33c2.74 0 4.917-2.242 4.917-5.062 0-2.82-2.177-5.062-4.917-5.062-2.74 0-4.917 2.242-4.917 5.062 0 2.82 2.178 5.061 4.917 5.061Z"
-      fill="url(#drone)" />
+      fill="url(#drone)"
    />
  </svg>
 </template>
--- a/src/assets/svg/apps/gitea.vue
+++ b/src/assets/svg/apps/gitea.vue
@@ -1,21 +1,41 @@
 <template>
-  <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#"
+  <svg
-    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
-    xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+    xmlns:cc="http://creativecommons.org/ns#"
-    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" id="main_outline" x="0px" y="0px"
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-    viewBox="0 0 628.63165 387.52499" xml:space="preserve" inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
    id="main_outline"
    x="0px"
    y="0px"
    viewBox="0 0 628.63165 387.52499"
    xml:space="preserve"
    inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
  >
    <g id="g1811" transform="translate(-5.6683205,-143.075)">
-      <path id="teabag" style="fill:#ffffff"
+      <path
        id="teabag"
        style="fill: #ffffff"
        d="M 395.9,484.2 269,423.2 c -12.5,-6 -17.9,-21.2 -11.8,-33.8 l 61,-126.9 c 6,-12.5 21.2,-17.9 33.8,-11.8 17.2,8.3 27.1,13 27.1,13 l -0.1,-109.2 16.7,-0.1 0.1,117.1 c 0,0 57.4,24.2 83.1,40.1 3.7,2.3 10.2,6.8 12.9,14.4 2.1,6.1 2,13.1 -1,19.3 l -61,126.9 c -6.2,12.7 -21.4,18.1 -33.9,12 z"
-        inkscape:connector-curvature="0" />
+        inkscape:connector-curvature="0"
      />
      <g id="g1809">
        <g id="g1807">
-          <path style="fill:#609926"
+          <path
            style="fill: #609926"
            d="m 622.7,149.8 c -4.1,-4.1 -9.6,-4 -9.6,-4 0,0 -117.2,6.6 -177.9,8 -13.3,0.3 -26.5,0.6 -39.6,0.7 0,39.1 0,78.2 0,117.2 -5.5,-2.6 -11.1,-5.3 -16.6,-7.9 0,-36.4 -0.1,-109.2 -0.1,-109.2 -29,0.4 -89.2,-2.2 -89.2,-2.2 0,0 -141.4,-7.1 -156.8,-8.5 -9.8,-0.6 -22.5,-2.1 -39,1.5 -8.7,1.8 -33.5,7.4 -53.8,26.9 -45,40.1 -33.5,103.9 -32.1,113.5 1.7,11.7 6.9,44.2 31.7,72.5 45.8,56.1 144.4,54.8 144.4,54.8 0,0 12.1,28.9 30.6,55.5 25,33.1 50.7,58.9 75.7,62 63,0 188.9,-0.1 188.9,-0.1 0,0 12,0.1 28.3,-10.3 14,-8.5 26.5,-23.4 26.5,-23.4 0,0 12.9,-13.8 30.9,-45.3 5.5,-9.7 10.1,-19.1 14.1,-28 0,0 55.2,-117.1 55.2,-231.1 -1.1,-34.5 -9.6,-40.6 -11.6,-42.6 z M 125.6,353.9 c -25.9,-8.5 -36.9,-18.7 -36.9,-18.7 0,0 -19.1,-13.4 -28.7,-39.8 -16.5,-44.2 -1.4,-71.2 -1.4,-71.2 0,0 8.4,-22.5 38.5,-30 13.8,-3.7 31,-3.1 31,-3.1 0,0 7.1,59.4 15.7,94.2 7.2,29.2 24.8,77.7 24.8,77.7 0,0 -26.1,-3.1 -43,-9.1 z m 300.3,107.6 c 0,0 -6.1,14.5 -19.6,15.4 -5.8,0.4 -10.3,-1.2 -10.3,-1.2 0,0 -0.3,-0.1 -5.3,-2.1 l -112.9,-55 c 0,0 -10.9,-5.7 -12.8,-15.6 -2.2,-8.1 2.7,-18.1 2.7,-18.1 L 322,273 c 0,0 4.8,-9.7 12.2,-13 0.6,-0.3 2.3,-1 4.5,-1.5 8.1,-2.1 18,2.8 18,2.8 L 467.4,315 c 0,0 12.6,5.7 15.3,16.2 1.9,7.4 -0.5,14 -1.8,17.2 -6.3,15.4 -55,113.1 -55,113.1 z"
-            id="path1803" inkscape:connector-curvature="0" />
+            id="path1803"
-          <path style="fill:#609926"
+            inkscape:connector-curvature="0"
          />
          <path
            style="fill: #609926"
            d="m 326.8,380.1 c -8.2,0.1 -15.4,5.8 -17.3,13.8 -1.9,8 2,16.3 9.1,20 7.7,4 17.5,1.8 22.7,-5.4 5.1,-7.1 4.3,-16.9 -1.8,-23.1 l 24,-49.1 c 1.5,0.1 3.7,0.2 6.2,-0.5 4.1,-0.9 7.1,-3.6 7.1,-3.6 4.2,1.8 8.6,3.8 13.2,6.1 4.8,2.4 9.3,4.9 13.4,7.3 0.9,0.5 1.8,1.1 2.8,1.9 1.6,1.3 3.4,3.1 4.7,5.5 1.9,5.5 -1.9,14.9 -1.9,14.9 -2.3,7.6 -18.4,40.6 -18.4,40.6 -8.1,-0.2 -15.3,5 -17.7,12.5 -2.6,8.1 1.1,17.3 8.9,21.3 7.8,4 17.4,1.7 22.5,-5.3 5,-6.8 4.6,-16.3 -1.1,-22.6 1.9,-3.7 3.7,-7.4 5.6,-11.3 5,-10.4 13.5,-30.4 13.5,-30.4 0.9,-1.7 5.7,-10.3 2.7,-21.3 -2.5,-11.4 -12.6,-16.7 -12.6,-16.7 -12.2,-7.9 -29.2,-15.2 -29.2,-15.2 0,0 0,-4.1 -1.1,-7.1 -1.1,-3.1 -2.8,-5.1 -3.9,-6.3 4.7,-9.7 9.4,-19.3 14.1,-29 -4.1,-2 -8.1,-4 -12.2,-6.1 -4.8,9.8 -9.7,19.7 -14.5,29.5 -6.7,-0.1 -12.9,3.5 -16.1,9.4 -3.4,6.3 -2.7,14.1 1.9,19.8 -8.2,16.8 -16.4,33.6 -24.6,50.4 z"
-            id="path1805" inkscape:connector-curvature="0" />
+            id="path1805"
            inkscape:connector-curvature="0"
          />
        </g>
      </g>
    </g>
--- a/src/assets/svg/apps/jellyfin.vue
+++ b/src/assets/svg/apps/jellyfin.vue
@@ -1,30 +1,66 @@
 <template>
-  <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#"
+  <svg
-    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
-    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    xmlns:cc="http://creativecommons.org/ns#"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" id="logo"
+    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-    viewBox="0 0 465.36509 465.36288" class="svg replaced-svg" sodipodi:docname="logo.svg"
+    version="1.1"
-    inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+    id="logo"
    viewBox="0 0 465.36509 465.36288"
    class="svg replaced-svg"
    sodipodi:docname="logo.svg"
    inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
  >
    <defs id="defs2431">
-      <linearGradient id="linear-gradient" gradientUnits="userSpaceOnUse" x1="110.25" y1="213.3" x2="496.14001"
+      <linearGradient
-        y2="436.09">
+        id="linear-gradient"
-        <stop offset="0" style="stop-color: rgb(170, 92, 195);" id="stop2426" />
+        gradientUnits="userSpaceOnUse"
-        <stop offset="1" style="stop-color: rgb(0, 164, 220);" id="stop2428" />
+        x1="110.25"
        y1="213.3"
        x2="496.14001"
        y2="436.09"
      >
        <stop offset="0" style="stop-color: rgb(170, 92, 195)" id="stop2426" />
        <stop offset="1" style="stop-color: rgb(0, 164, 220)" id="stop2428" />
      </linearGradient>
-      <linearGradient inkscape:collect="always" xlink:href="#linear-gradient" id="linearGradient6687"
+      <linearGradient
-        gradientUnits="userSpaceOnUse" x1="110.25" y1="213.3" x2="496.14001" y2="436.09" />
+        inkscape:collect="always"
-      <linearGradient inkscape:collect="always" xlink:href="#linear-gradient" id="linearGradient6689"
+        xlink:href="#linear-gradient"
-        gradientUnits="userSpaceOnUse" x1="110.25" y1="213.3" x2="496.14001" y2="436.09" />
+        id="linearGradient6687"
        gradientUnits="userSpaceOnUse"
        x1="110.25"
        y1="213.3"
        x2="496.14001"
        y2="436.09"
      />
      <linearGradient
        inkscape:collect="always"
        xlink:href="#linear-gradient"
        id="linearGradient6689"
        gradientUnits="userSpaceOnUse"
        x1="110.25"
        y1="213.3"
        x2="496.14001"
        y2="436.09"
      />
    </defs>
    <g id="icon-transparent" transform="translate(-23.290284,-23.3)">
-      <path id="inner-shape"
+      <path
        id="inner-shape"
        d="m 256,201.6 c -20.4,0 -86.2,119.3 -76.2,139.4 10,20.1 142.5,19.9 152.4,0 9.9,-19.9 -55.7,-139.4 -76.2,-139.4 z"
-        inkscape:connector-curvature="0" style="fill:url(#linearGradient6687)" />
+        inkscape:connector-curvature="0"
-      <path id="outer-shape"
+        style="fill: url(#linearGradient6687)"
      />
      <path
        id="outer-shape"
        d="m 256,23.3 c -61.6,0 -259.8,359.4 -229.6,420.1 30.2,60.7 429.3,60 459.2,0 C 515.5,383.4 317.6,23.3 256,23.3 Z m 150.5,367.5 c -19.6,39.3 -281.1,39.8 -300.9,0 C 85.8,351 215.7,115.5 256,115.5 c 40.3,0 170.1,235.9 150.5,275.3 z"
-        inkscape:connector-curvature="0" style="fill:url(#linearGradient6689)" />
+        inkscape:connector-curvature="0"
        style="fill: url(#linearGradient6689)"
      />
    </g>
  </svg>
 </template>
--- a/src/assets/svg/apps/nextcloud.vue
+++ b/src/assets/svg/apps/nextcloud.vue
@@ -1,21 +1,96 @@
 <template>
-  <svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 150.00002 68.287012" enable-background="new 0 0 196.6 72"
+  <svg
-    xml:space="preserve" inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" sodipodi:docname="logo.svg" width="160"
+    version="1.1"
-    height="72.839485" inkscape:export-filename="nextcloud-logo-inverted.png" inkscape:export-xdpi="299.75104"
+    id="Layer_1"
-    inkscape:export-ydpi="299.75104" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+    x="0px"
-    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg"
+    y="0px"
-    xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+    viewBox="0 0 150.00002 68.287012"
-    xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+    enable-background="new 0 0 196.6 72"
    xml:space="preserve"
    inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
    sodipodi:docname="logo.svg"
    width="160"
    height="72.839485"
    inkscape:export-filename="nextcloud-logo-inverted.png"
    inkscape:export-xdpi="299.75104"
    inkscape:export-ydpi="299.75104"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:cc="http://creativecommons.org/ns#"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
  >
    <defs id="defs18">
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath8812">
-        <circle id="circle8814" cx="95.669289" cy="95.669296" r="79.724197"
+        <circle
-          style="fill:#00080d;fill-opacity:1;stroke-width:1" />
+          id="circle8814"
          cx="95.669289"
          cy="95.669296"
          r="79.724197"
          style="fill: #00080d; fill-opacity: 1; stroke-width: 1"
        />
      </clipPath>
    </defs>
-    <path inkscape:connector-curvature="0" id="path1052"
+    <path
      inkscape:connector-curvature="0"
      id="path1052"
      d="M 75.114322,0 C 59.566367,0 46.388185,10.540419 42.303829,24.821495 38.754097,17.246596 31.061705,11.939743 22.201404,11.939743 10.016394,11.939743 0,21.956074 0,34.140997 c 0,12.184907 10.016394,22.20581 22.201404,22.20581 8.860301,0 16.552693,-5.310098 20.102426,-12.886328 4.084356,14.282163 17.262537,24.826085 32.810492,24.826085 15.432969,0 28.543958,-10.384898 32.732778,-24.505971 3.61531,7.404235 11.21249,12.566214 19.94694,12.566214 12.18501,0 22.20596,-10.020903 22.20596,-22.20581 0,-12.184923 -10.02095,-22.201254 -22.20596,-22.201254 -8.73445,0 -16.33163,5.158746 -19.94694,12.561653 C 103.65828,10.381427 90.547291,0 75.114322,0 Z m 0,13.032657 c 11.736953,0 21.113057,9.371502 21.113057,21.10834 0,11.736818 -9.376104,21.112902 -21.113057,21.112902 -11.73688,0 -21.108446,-9.376084 -21.108446,-21.112902 0,-11.736838 9.371565,-21.108337 21.108446,-21.10834 z M 22.201404,24.972401 c 5.142206,0 9.173215,4.026397 9.173215,9.168596 0,5.142179 -4.031009,9.173153 -9.173215,9.173153 -5.142218,0 -9.168684,-4.030974 -9.168684,-9.173153 0,-5.142199 4.026466,-9.168596 9.168684,-9.168596 z m 105.592636,0 c 5.14226,0 9.17323,4.026397 9.17323,9.168596 0,5.142179 -4.031,9.173153 -9.17323,9.173153 -5.14218,0 -9.16864,-4.030974 -9.16864,-9.173153 0,-5.142199 4.02648,-9.168596 9.16864,-9.168596 z"
-      style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#0082c9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:7.33046;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+      style="
-      inkscape:export-filename="Nextcloud Hub logo variants.png" inkscape:export-xdpi="300"
+        color: #000000;
-      inkscape:export-ydpi="300" />
+        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: medium;
        line-height: normal;
        font-family: sans-serif;
        text-indent: 0;
        text-align: start;
        text-decoration: none;
        text-decoration-line: none;
        text-decoration-style: solid;
        text-decoration-color: #000000;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        writing-mode: lr-tb;
        direction: ltr;
        baseline-shift: baseline;
        text-anchor: start;
        white-space: normal;
        clip-rule: nonzero;
        display: inline;
        overflow: visible;
        visibility: visible;
        opacity: 1;
        isolation: auto;
        mix-blend-mode: normal;
        color-interpolation: sRGB;
        color-interpolation-filters: linearRGB;
        solid-color: #000000;
        solid-opacity: 1;
        fill: #0082c9;
        fill-opacity: 1;
        fill-rule: nonzero;
        stroke: none;
        stroke-width: 7.33046;
        stroke-linecap: butt;
        stroke-linejoin: miter;
        stroke-miterlimit: 10;
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        stroke-opacity: 1;
        color-rendering: auto;
        image-rendering: auto;
        shape-rendering: auto;
        text-rendering: auto;
        enable-background: accumulate;
      "
      inkscape:export-filename="Nextcloud Hub logo variants.png"
      inkscape:export-xdpi="300"
      inkscape:export-ydpi="300"
    />
  </svg>
 </template>
--- a/src/assets/svg/apps/pegaz.vue
+++ b/src/assets/svg/apps/pegaz.vue
@@ -1,26 +1,65 @@
 <template>
-  <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#"
+  <svg
-    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
-    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    xmlns:cc="http://creativecommons.org/ns#"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="51.180511mm" height="34.942585mm"
+    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-    viewBox="0 0 51.180511 34.942585" version="1.1" id="svg5807" inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+    width="51.180511mm"
-    sodipodi:docname="pegaz.svg">
+    height="34.942585mm"
    viewBox="0 0 51.180511 34.942585"
    version="1.1"
    id="svg5807"
    inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
    sodipodi:docname="pegaz.svg"
  >
    <defs id="defs5801">
      <linearGradient inkscape:collect="always" id="linearGradient5890">
-        <stop style="stop-color:#322eeb;stop-opacity:1" offset="0" id="stop5886" />
+        <stop
-        <stop style="stop-color:#702fff;stop-opacity:1" offset="1" id="stop5888" />
+          style="stop-color: #322eeb; stop-opacity: 1"
          offset="0"
          id="stop5886"
        />
        <stop
          style="stop-color: #702fff; stop-opacity: 1"
          offset="1"
          id="stop5888"
        />
      </linearGradient>
-      <linearGradient inkscape:collect="always" xlink:href="#linearGradient5890" id="linearGradient5892" x1="37.362221"
+      <linearGradient
-        y1="294.65009" x2="19.9897" y2="279.14844" gradientUnits="userSpaceOnUse"
+        inkscape:collect="always"
-        gradientTransform="matrix(3.7795276,0,0,3.7795276,18.897638,-1009.3508)" />
+        xlink:href="#linearGradient5890"
        id="linearGradient5892"
        x1="37.362221"
        y1="294.65009"
        x2="19.9897"
        y2="279.14844"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(3.7795276,0,0,3.7795276,18.897638,-1009.3508)"
      />
    </defs>
-    <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(5,-267.05741)">
+    <g
-      <path style="display:inline;fill:url(#linearGradient5892);fill-opacity:1;stroke-width:0.99665797"
+      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
      id="layer1"
      transform="translate(5,-267.05741)"
    >
      <path
        style="
          display: inline;
          fill: url(#linearGradient5892);
          fill-opacity: 1;
          stroke-width: 0.99665797;
        "
        d="m 135.29297,18.898438 c -15.90988,0.449723 -22.89844,21.96289 -22.89844,21.96289 -4.74107,-8.737181 -16.406391,-9.600018 -19.919921,-9.662109 l -59.322265,-0.002 c -4.8e-4,0.0038 -9.09e-4,0.0081 -0.002,0.01563 l -14.199219,-0.03711 c -0.02646,0.250205 -0.04434,0.501031 -0.05273,0.751953 0.0079,7.377147 7.711797,13.530744 17.759765,14.185547 l 31.982422,0.0625 v -0.0039 l 14.494141,0.02539 c 1.363124,0.02268 2.456124,1.13466 2.457031,2.498046 0,1.377638 -1.11455,2.495694 -2.492188,2.5 v 0.002 H 68.640625 v -0.02148 H 37.486328 c -0.606153,0 -0.256172,3.8e-5 -0.822266,0 v 0.002 c 0.0093,7.37642 7.74982,14.323771 17.796876,14.978516 0,0 1.558206,0.0032 1.628906,0.0039 0.544082,0.0038 2.013817,0.01758 12.535156,0.01758 0.01247,7.56e-4 0.02464,0.0032 0.03711,0.0039 0,0 1.917481,0.01953 14.4375,0.01953 1.377676,0.0038 2.492188,1.122324 2.492188,2.5 0,1.294601 -0.988167,2.347277 -2.25,2.474609 h -12.701172 -2 -14.195313 v 0.01563 c 0.0068,6.466999 5.958335,12.601876 14.195313,14.458985 l 2,0.490234 c 5.267465,0.03335 10.535418,0.004 15.802734,0.05859 -16.81854,0.0076 11.125029,0.002 14.15625,0.002 l 3.25,0.210937 9.2832,8.482422 c 16.74585,9.688082 31.23828,11.119142 31.23828,11.119142 0,0 11.90291,15.36174 29.47461,1.06836 1.55626,-1.26588 0.0137,-2.98828 0.0137,-2.98828 L 127.49414,40.861328 Z M 36.664062,51.177734 c -8.319917,0 -13.595359,-9.23e-4 -14.050781,-0.002 v 0.002 c -0.430261,-5.67e-4 4.377264,-3.4e-4 14.050781,0 z M 141.93945,29.009766 c -5.87501,2.187477 -8.125,11.9375 -8.125,11.9375 l 3.8125,5.125 z"
-        id="rect269-7-1-0" inkscape:connector-curvature="0"
+        id="rect269-7-1-0"
        inkscape:connector-curvature="0"
        sodipodi:nodetypes="ccccccccccccccccscccccccscccccccccccccccccccccccc"
-        transform="matrix(0.26458333,0,0,0.26458333,-5,267.05741)" />
+        transform="matrix(0.26458333,0,0,0.26458333,-5,267.05741)"
      />
    </g>
  </svg>
 </template>
--- a/src/assets/svg/apps/penpot.vue
+++ b/src/assets/svg/apps/penpot.vue
@@ -1,16 +1,29 @@
 <template>
-  <svg viewBox="0 0 261.92107 345.94192" version="1.1" id="svg6755" sodipodi:docname="logo.svg"
+  <svg
-    inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+    viewBox="0 0 261.92107 345.94192"
-    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg"
+    version="1.1"
-    xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+    id="svg6755"
-    xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+    sodipodi:docname="logo.svg"
    inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:cc="http://creativecommons.org/ns#"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
  >
    <defs id="defs6751" />
-    <path style="fill:#ffffff;stroke-width:0.9375;fill-opacity:1"
+    <path
      style="fill: #ffffff; stroke-width: 0.9375; fill-opacity: 1"
      d="M 9.3448306,100.99152 35.913127,87.972678 37.245724,50.655062 67.542451,16.28108 100.72365,57.405625 125.75631,39.37409 l 15.22518,1.834775 14.84036,21.063668 31.87425,-38.730634 13.74071,0.372539 20.9012,30.130237 3.73859,35.563734 31.46306,12.965961 -3.5426,181.37087 L 132.06548,337.18752 5.4171538,277.0129 Z"
-      id="path1622" />
+      id="path1622"
    />
    <path
      d="M 68.318,0 31.941,51.237 V 80.198 L 0.286,95.255 0,95.121 v 188.952 l 123.419,58.309 7.542,3.56 7.542,-3.56 123.418,-58.309 V 95.121 l -0.232,0.11 -31.665,-15.062 V 51.237 L 228.917,49.678 193.645,0 157.265,51.237 v 0.05 L 130.795,14.006 104.528,51 103.589,49.678 Z m 6.437,29.762 14.07,19.816 H 47.811 L 61.72,29.995 74.756,29.762 Z m 125.324,0 14.072,19.816 H 173.139 L 187.042,29.995 Z M 137.23,43.77 151.3,63.583 H 110.292 L 124.195,44 Z M 43.923,59.564 h 19.452 v 65.497 l -19.452,-9.19 z m 29.438,0 h 19.354 v 79.356 l -19.354,-9.142 z m 95.89,0 h 19.45 v 70.146 l -19.45,9.188 z m 29.435,0 h 19.352 v 56.285 l -19.352,9.142 z M 106.4,73.57 h 19.451 v 81.004 l -19.451,-9.19 z m 29.438,0 h 19.352 v 71.971 l -19.352,9.145 z m 94.182,21.526 17.126,7.002 -17.126,8.09 V 95.095 Z M 31.94,95.121 v 15.09 l -17.122,-8.09 z m -16.859,23.808 108.337,51.178 v 155.59 L 15.082,274.519 v -155.59 z m 231.755,0 v 155.59 l -108.334,51.178 v -155.59 z"
-      id="path6753" inkscape:connector-curvature="0"
+      id="path6753"
-      sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" />
+      inkscape:connector-curvature="0"
      sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc"
    />
  </svg>
 </template>
--- a/src/assets/svg/apps/plausible.vue
+++ b/src/assets/svg/apps/plausible.vue
@@ -1,59 +1,82 @@
 <template>
-  <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#"
+  <svg
-    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
-    xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+    xmlns:cc="http://creativecommons.org/ns#"
-    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 746.89825 996.75226" version="1.1"
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-    id="svg999" inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    viewBox="0 0 746.89825 996.75226"
    version="1.1"
    id="svg999"
    inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
  >
    <defs id="defs989">
-
+      <radialGradient
-      <radialGradient cx="591.27264" cy="905.23793" fx="591.27264" fy="905.23793" r="724.41493" id="radialGradient-1"
+        cx="591.27264"
-        gradientUnits="userSpaceOnUse">
+        cy="905.23793"
-
+        fx="591.27264"
        fy="905.23793"
        r="724.41493"
        id="radialGradient-1"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#2440E6" offset="0%" id="stop979" />
        <stop stop-color="#5661B3" offset="100%" id="stop981" />
      </radialGradient>
-      <radialGradient cx="0.2919243" cy="256.68957" fx="0.2919243" fy="256.68957" r="527.57365"
+      <radialGradient
-        gradientTransform="scale(0.85001132,1.1764549)" id="radialGradient-2" gradientUnits="userSpaceOnUse">
+        cx="0.2919243"
-
+        cy="256.68957"
-        <stop stop-color="#6574CD" stop-opacity="0.5" offset="0%" id="stop984" />
+        fx="0.2919243"
        fy="256.68957"
        r="527.57365"
        gradientTransform="scale(0.85001132,1.1764549)"
        id="radialGradient-2"
        gradientUnits="userSpaceOnUse"
      >
        <stop
          stop-color="#6574CD"
          stop-opacity="0.5"
          offset="0%"
          id="stop984"
        />
        <stop stop-color="#6574CD" offset="100%" id="stop986" />
      </radialGradient>
    </defs>
-    <g id="Artboard" style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
+    <g
-      transform="translate(-126.55087,-2.4813893)">
+      id="Artboard"
-
+      style="fill: none; fill-rule: evenodd; stroke: none; stroke-width: 1"
      transform="translate(-126.55087,-2.4813893)"
    >
      <g id="Group-4" transform="translate(19)">
        <g id="Group-3" transform="translate(-19)">
          <rect id="Rectangle" x="0" y="0" width="1000" height="1000" />
          <g id="Bitmap" transform="translate(124.06948)">
            <g id="Group" transform="matrix(1,0,0,-1,2.233251,1000)">
-
+              <circle
-              <circle id="Oval" cx="373.69727" cy="624.06946" r="373.44913" style="fill:url(#radialGradient-1)" />
+                id="Oval"
                cx="373.69727"
                cy="624.06946"
                r="373.44913"
                style="fill: url(#radialGradient-1)"
              />
              <path
                d="M 309.67742,993.32217 C 232.5062,979.92267 167.4938,947.16833 113.64764,894.56287 58.312655,840.46858 24.069479,777.44128 7.4441687,698.78123 L 1.7369727,671.98222 0.99255583,336.49835 0.24813896,0.76634245 H 7.1960298 c 3.9702232,0 16.6253102,1.24069475 28.0397022,2.48138955 97.518608,11.91067 180.397018,70.967742 225.558308,160.545908 11.4144,22.82878 19.60298,49.13151 25.31018,81.88585 4.71464,27.79157 4.96278,36.97271 4.21836,181.88586 l -0.74442,152.60546 5.95534,14.88834 c 8.18858,20.34739 30.76923,42.92804 51.11662,51.11662 l 14.88834,5.95534 138.95782,0.24814 c 76.4268,0 143.42432,0.99255 148.63523,1.98511 24.31762,4.71464 50.37221,25.06203 60.79405,47.64268 2.97767,6.20347 6.94789,18.36228 8.68486,26.55087 2.72953,13.64764 2.48139,17.36972 -1.48883,32.75434 -12.40695,45.65757 -56.07941,108.933 -100.74442,145.9057 -50.62035,41.93549 -106.45161,69.97519 -166.74938,84.11911 -31.76179,7.19603 -103.72208,8.43673 -139.95037,1.98511 z"
-                id="Path" inkscape:connector-curvature="0" style="fill:url(#radialGradient-2);fill-rule:nonzero" />
+                id="Path"
-
+                inkscape:connector-curvature="0"
                style="fill: url(#radialGradient-2); fill-rule: nonzero"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
-</template>
+</template>
--- a/src/assets/svg/apps/radio.vue
+++ b/src/assets/svg/apps/radio.vue
@@ -1,21 +1,50 @@
 <template>
-  <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#"
+  <svg
-    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
-    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    xmlns:cc="http://creativecommons.org/ns#"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" id="svg919" width="834.39722"
+    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-    height="730.48706" viewBox="0 0 834.39722 730.48706" sodipodi:docname="radio.svg"
+    version="1.1"
-    inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+    id="svg919"
    width="834.39722"
    height="730.48706"
    viewBox="0 0 834.39722 730.48706"
    sodipodi:docname="radio.svg"
    inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
  >
    <defs id="defs923">
      <linearGradient inkscape:collect="always" id="linearGradient1563">
-        <stop style="stop-color:#d50500;stop-opacity:1" offset="0" id="stop1559" />
+        <stop
-        <stop style="stop-color:#e1b900;stop-opacity:0.76862746" offset="1" id="stop1561" />
+          style="stop-color: #d50500; stop-opacity: 1"
          offset="0"
          id="stop1559"
        />
        <stop
          style="stop-color: #e1b900; stop-opacity: 0.76862746"
          offset="1"
          id="stop1561"
        />
      </linearGradient>
-      <linearGradient inkscape:collect="always" xlink:href="#linearGradient1563" id="linearGradient1565" x1="90.683296"
+      <linearGradient
-        y1="690.62628" x2="767.32019" y2="225.25154" gradientUnits="userSpaceOnUse" />
+        inkscape:collect="always"
        xlink:href="#linearGradient1563"
        id="linearGradient1565"
        x1="90.683296"
        y1="690.62628"
        x2="767.32019"
        y2="225.25154"
        gradientUnits="userSpaceOnUse"
      />
    </defs>
-    <path style="fill:url(#linearGradient1565);fill-opacity:1"
+    <path
      style="fill: url(#linearGradient1565); fill-opacity: 1"
      d="M 94.50247,730.25079 C 77.117356,727.71405 65.427746,724.2075 54.618466,718.28673 28.893936,704.19615 10.662156,680.93363 2.6616063,651.99329 l -2.65913978,-9.61888 v -197 c 0,-214.09526 -0.29603,-202.52243 5.59812978,-218.84753 5.9199797,-16.39658 14.1859497,-28.9754 27.0974097,-41.23574 11.62637,-11.04006 22.82393,-17.81421 38.00471,-22.99161 16.7009,-5.69583 3.53919,-5.42367 263.180744,-5.44197 232.58777,-0.0164 239.03707,-0.0671 236.11901,-1.85632 -1.65,-1.01171 -26.85,-15.02377 -56,-31.1379 C 353.66179,35.226934 368.85438,44.037404 364.99429,37.450664 356.9973,23.804834 364.1962,6.0125243 379.56052,1.4498143 c 10.34373,-3.07175 13.77778,-2.05749005 36.94195,10.9109797 19.01034,10.64295 97.1136,54.21233 138,76.98237 14.025,7.81066 47.00125,26.200456 73.28056,40.866226 l 47.78056,26.66502 h 30.89708 c 16.99339,0 34.39858,0.48701 38.6782,1.08225 14.20305,1.97547 32.37619,9.03994 44.28611,17.21541 6.21634,4.26716 18.53026,16.14867 23.71094,22.87832 8.16272,10.60329 15.46557,26.16114 19.11287,40.71774 1.5055,6.0088 1.6867,24.06134 2.0033,199.60628 0.3618,200.57325 0.3582,200.77432 -3.837,216.39503 -8.34326,31.06582 -34.33414,58.98896 -64.82161,69.64064 -18.31727,6.39967 12.31571,5.86253 -344.59101,6.0423 -178.2,0.0898 -325.125,-9.6e-4 -326.5,-0.20159 z m 463.5,-130.36273 c 22.57197,-1.76998 39.46342,-6.37844 59,-16.09687 15.81513,-7.8672 28.75425,-17.16261 41,-29.45425 21.41719,-21.49743 36.53683,-49.15408 42.50461,-77.74886 10.24379,-49.08335 -2.70354,-98.53261 -35.67275,-136.24359 -19.93605,-22.80332 -48.49533,-40.49778 -77.49171,-48.0115 -37.24965,-9.65236 -77.34154,-5.22028 -111.58857,12.33589 -20.88648,10.70711 -43.3649,30.29648 -56.46236,49.20553 -42.43451,61.26347 -36.68664,142.39143 13.96448,197.10068 25.35051,27.38158 63.83544,45.85088 101.7463,48.82906 5.5,0.43206 10.225,0.83942 10.5,0.90523 0.275,0.0658 5.9,-0.30379 12.5,-0.82132 z M 531.42186,546.9284 c -29.24511,-5.36131 -54.27731,-21.21641 -70.14873,-44.43138 -5.93182,-8.67642 -12.41142,-23.03069 -14.97884,-33.18267 -3.07438,-12.15653 -3.28412,-38.00354 -0.40119,-49.43994 10.22955,-40.58004 40.67752,-69.95214 81.05008,-78.1862 13.00955,-2.65332 34.81951,-2.1438 46.68477,1.09065 36.91805,10.06379 65.4177,38.78128 75.0221,75.59555 3.09496,11.86318 3.38066,36.76342 0.55537,48.40426 -9.34166,38.48986 -37.01321,67.19032 -74.89653,77.68141 -7.52303,2.08336 -12.08506,2.64726 -23.80642,2.94265 -7.975,0.20097 -16.56127,-0.0125 -19.08061,-0.47433 z m -234.25133,25.00962 c 17.1098,-7.76851 20.54111,-31.16909 6.35142,-43.31494 -8.21303,-7.03005 -4.25978,-6.74929 -94.94762,-6.74309 -52.43388,0.004 -82.88542,0.37041 -85.24917,1.02693 -15.36872,4.26859 -23.73524,22.18807 -16.92644,36.25318 2.62173,5.41577 9.5535,11.93059 14.31881,13.45754 2.18411,0.69986 31.60206,1.07945 87.78494,1.13272 80.85911,0.0767 84.67959,-10e-4 88.66806,-1.81234 z m 0.90015,-104.74119 c 19.10488,-10.22623 19.00946,-37.37206 -0.16481,-46.88568 -3.75492,-1.86307 -7.12808,-1.94688 -88.67948,-2.20332 -84.65121,-0.26619 -84.78339,-0.26343 -89.74164,1.86955 -13.55452,5.831 -19.26922,21.67758 -12.66759,35.12662 1.54684,3.15128 4.47133,7.10366 6.49887,8.78307 7.29246,6.04035 4.71464,5.88894 96.68644,5.67904 l 84,-0.1917 z m 0.0515,-104.52326 c 11.55775,-6.09711 16.84264,-18.39274 13.33465,-31.0239 -1.54521,-5.56396 -6.77189,-11.68576 -12.95436,-15.17298 l -5.5,-3.10228 h -84 c -69.20471,0 -84.69473,0.24512 -87.94431,1.39168 -5.56198,1.96245 -13.09728,9.34113 -15.22261,14.90621 -3.61657,9.46987 -1.72895,19.64759 4.99734,26.94475 4.47853,4.85863 7.67996,6.81477 13.38708,8.17981 2.1274,0.50884 39.88196,0.83313 86.2825,0.74113 l 82.5,-0.16358 5.11974,-2.70084 z"
-      id="path1028" inkscape:connector-curvature="0" />
+      id="path1028"
      inkscape:connector-curvature="0"
    />
  </svg>
-</template>
+</template>
--- a/src/assets/svg/apps/rss.vue
+++ b/src/assets/svg/apps/rss.vue
@@ -0,0 +1,43 @@
 <template>
  <svg
    width="32"
    height="32"
    viewBox="0 0 16 16"
    version="1.1"
    id="svg174"
    sodipodi:docname="logo.svg"
    inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg"
  >
    <defs id="defs178" />
    <sodipodi:namedview
      id="namedview176"
      pagecolor="#ffffff"
      bordercolor="#000000"
      borderopacity="0.25"
      inkscape:showpageshadow="2"
      inkscape:pageopacity="0.0"
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      showgrid="false"
      inkscape:zoom="26.90625"
      inkscape:cx="15.739837"
      inkscape:cy="16"
      inkscape:window-width="1920"
      inkscape:window-height="1080"
      inkscape:window-x="0"
      inkscape:window-y="-36"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg174"
    />
    <path
      fill="currentColor"
      d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm1.5 2.5c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0a8 8 0 0 0-8-8a1 1 0 0 1 0-2zm0 4a6 6 0 0 1 6 6a1 1 0 1 1-2 0a4 4 0 0 0-4-4a1 1 0 0 1 0-2zm.5 7a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3z"
      id="path172"
      style="fill: #1182db; fill-opacity: 1"
    />
  </svg>
 </template>
--- a/src/assets/svg/arrow-right.vue
+++ b/src/assets/svg/arrow-right.vue
@@ -1,3 +1,36 @@
 <template>
-  <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="14.364" xmlns="http://www.w3.org/2000/svg" height="13.2" id="screenshot-ebe7fc5d-5b94-11ed-963d-5f59412bd802" viewBox="674.9 1469.9 14.364 13.2" style="-webkit-print-color-adjust: exact;" fill="none" version="1.1"><g id="shape-ebe7fc5d-5b94-11ed-963d-5f59412bd802"><g id="fills-ebe7fc5d-5b94-11ed-963d-5f59412bd802"><path stroke-linejoin="round" rx="0" ry="0" d="M675,1476L687.25,1476L682,1470.75L682.664,1470L689.164,1476.5L682.664,1483L682,1482.25L687.25,1477L675,1477L675,1476ZZ" style="fill: rgb(0, 0, 0); fill-opacity: 1;"/></g><g id="strokes-ebe7fc5d-5b94-11ed-963d-5f59412bd802"><g class="stroke-shape"><path stroke-linejoin="round" rx="0" ry="0" d="M675,1476L687.25,1476L682,1470.75L682.664,1470L689.164,1476.5L682.664,1483L682,1482.25L687.25,1477L675,1477L675,1476ZZ" style="fill: none; stroke-width: 0.2;"/></g></g></g></svg>
+  <svg
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="14.364"
    xmlns="http://www.w3.org/2000/svg"
    height="13.2"
    id="screenshot-ebe7fc5d-5b94-11ed-963d-5f59412bd802"
    viewBox="674.9 1469.9 14.364 13.2"
    style="-webkit-print-color-adjust: exact"
    fill="none"
    version="1.1"
  >
    <g id="shape-ebe7fc5d-5b94-11ed-963d-5f59412bd802">
      <g id="fills-ebe7fc5d-5b94-11ed-963d-5f59412bd802">
        <path
          stroke-linejoin="round"
          rx="0"
          ry="0"
          d="M675,1476L687.25,1476L682,1470.75L682.664,1470L689.164,1476.5L682.664,1483L682,1482.25L687.25,1477L675,1477L675,1476ZZ"
          style="fill: rgb(0, 0, 0); fill-opacity: 1"
        />
      </g>
      <g id="strokes-ebe7fc5d-5b94-11ed-963d-5f59412bd802">
        <g class="stroke-shape">
          <path
            stroke-linejoin="round"
            rx="0"
            ry="0"
            d="M675,1476L687.25,1476L682,1470.75L682.664,1470L689.164,1476.5L682.664,1483L682,1482.25L687.25,1477L675,1477L675,1476ZZ"
            style="fill: none; stroke-width: 0.2"
          />
        </g>
      </g>
    </g>
  </svg>
 </template>
--- a/src/assets/svg/backbutton.vue
+++ b/src/assets/svg/backbutton.vue
@@ -1,6 +1,12 @@
 <template>
  <svg height="26" width="26">
-    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
+    <path
-      d="m7.25 3.75l-4.5 4.5l4.5 4.5m6-4.5H2.75" />
+      fill="none"
      stroke="currentColor"
      stroke-linecap="round"
      stroke-linejoin="round"
      stroke-width="1.5"
      d="m7.25 3.75l-4.5 4.5l4.5 4.5m6-4.5H2.75"
    />
  </svg>
 </template>
--- a/src/assets/svg/backup.vue
+++ b/src/assets/svg/backup.vue
@@ -1,3 +1,36 @@
 <template>
-  <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="17.2" xmlns="http://www.w3.org/2000/svg" height="17.2" id="screenshot-39f85615-bf4c-80f1-8001-923fc255459e" viewBox="572.9 1607.9 17.2 17.2" style="-webkit-print-color-adjust: exact;" fill="none" version="1.1"><g id="shape-39f85615-bf4c-80f1-8001-923fc255459e"><g id="fills-39f85615-bf4c-80f1-8001-923fc255459e"><path stroke-linejoin="round" rx="0" ry="0" d="M576,1608L586.586,1608L590,1611.414L590,1622C590,1623.657,588.657,1625,587,1625L576,1625C574.343,1625,573,1623.657,573,1622L573,1611C573,1609.343,574.343,1608,576,1608ZZM576,1609C574.895,1609,574,1609.895,574,1611L574,1622C574,1623.105,574.895,1624,576,1624L587,1624C588.105,1624,589,1623.105,589,1622L589,1611.914L586.086,1609L585,1609L585,1613L585,1614L576,1614L576,1613L576,1609ZZM577,1609L577,1613L584,1613L584,1609L577,1609ZZM582,1616C583.657,1616,585,1617.343,585,1619C585,1620.657,583.657,1622,582,1622C580.343,1622,579,1620.657,579,1619C579,1617.343,580.343,1616,582,1616ZZM582,1617C580.895,1617,580,1617.895,580,1619C580,1620.105,580.895,1621,582,1621C583.105,1621,584,1620.105,584,1619C584,1617.895,583.105,1617,582,1617ZZ" style="fill: rgb(0, 0, 0); fill-opacity: 1;"/></g><g id="strokes-39f85615-bf4c-80f1-8001-923fc255459e"><g class="stroke-shape"><path stroke-linejoin="round" rx="0" ry="0" d="M576,1608L586.586,1608L590,1611.414L590,1622C590,1623.657,588.657,1625,587,1625L576,1625C574.343,1625,573,1623.657,573,1622L573,1611C573,1609.343,574.343,1608,576,1608ZZM576,1609C574.895,1609,574,1609.895,574,1611L574,1622C574,1623.105,574.895,1624,576,1624L587,1624C588.105,1624,589,1623.105,589,1622L589,1611.914L586.086,1609L585,1609L585,1613L585,1614L576,1614L576,1613L576,1609ZZM577,1609L577,1613L584,1613L584,1609L577,1609ZZM582,1616C583.657,1616,585,1617.343,585,1619C585,1620.657,583.657,1622,582,1622C580.343,1622,579,1620.657,579,1619C579,1617.343,580.343,1616,582,1616ZZM582,1617C580.895,1617,580,1617.895,580,1619C580,1620.105,580.895,1621,582,1621C583.105,1621,584,1620.105,584,1619C584,1617.895,583.105,1617,582,1617ZZ" style="fill: none; stroke-width: 0.2;"/></g></g></g></svg>
+  <svg
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="17.2"
    xmlns="http://www.w3.org/2000/svg"
    height="17.2"
    id="screenshot-39f85615-bf4c-80f1-8001-923fc255459e"
    viewBox="572.9 1607.9 17.2 17.2"
    style="-webkit-print-color-adjust: exact"
    fill="none"
    version="1.1"
  >
    <g id="shape-39f85615-bf4c-80f1-8001-923fc255459e">
      <g id="fills-39f85615-bf4c-80f1-8001-923fc255459e">
        <path
          stroke-linejoin="round"
          rx="0"
          ry="0"
          d="M576,1608L586.586,1608L590,1611.414L590,1622C590,1623.657,588.657,1625,587,1625L576,1625C574.343,1625,573,1623.657,573,1622L573,1611C573,1609.343,574.343,1608,576,1608ZZM576,1609C574.895,1609,574,1609.895,574,1611L574,1622C574,1623.105,574.895,1624,576,1624L587,1624C588.105,1624,589,1623.105,589,1622L589,1611.914L586.086,1609L585,1609L585,1613L585,1614L576,1614L576,1613L576,1609ZZM577,1609L577,1613L584,1613L584,1609L577,1609ZZM582,1616C583.657,1616,585,1617.343,585,1619C585,1620.657,583.657,1622,582,1622C580.343,1622,579,1620.657,579,1619C579,1617.343,580.343,1616,582,1616ZZM582,1617C580.895,1617,580,1617.895,580,1619C580,1620.105,580.895,1621,582,1621C583.105,1621,584,1620.105,584,1619C584,1617.895,583.105,1617,582,1617ZZ"
          style="fill: rgb(0, 0, 0); fill-opacity: 1"
        />
      </g>
      <g id="strokes-39f85615-bf4c-80f1-8001-923fc255459e">
        <g class="stroke-shape">
          <path
            stroke-linejoin="round"
            rx="0"
            ry="0"
            d="M576,1608L586.586,1608L590,1611.414L590,1622C590,1623.657,588.657,1625,587,1625L576,1625C574.343,1625,573,1623.657,573,1622L573,1611C573,1609.343,574.343,1608,576,1608ZZM576,1609C574.895,1609,574,1609.895,574,1611L574,1622C574,1623.105,574.895,1624,576,1624L587,1624C588.105,1624,589,1623.105,589,1622L589,1611.914L586.086,1609L585,1609L585,1613L585,1614L576,1614L576,1613L576,1609ZZM577,1609L577,1613L584,1613L584,1609L577,1609ZZM582,1616C583.657,1616,585,1617.343,585,1619C585,1620.657,583.657,1622,582,1622C580.343,1622,579,1620.657,579,1619C579,1617.343,580.343,1616,582,1616ZZM582,1617C580.895,1617,580,1617.895,580,1619C580,1620.105,580.895,1621,582,1621C583.105,1621,584,1620.105,584,1619C584,1617.895,583.105,1617,582,1617ZZ"
            style="fill: none; stroke-width: 0.2"
          />
        </g>
      </g>
    </g>
  </svg>
 </template>
--- a/src/assets/svg/clipboard.vue
+++ b/src/assets/svg/clipboard.vue
@@ -1,18 +1,34 @@
 <template>
-  <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="17.2" xmlns="http://www.w3.org/2000/svg" height="20.2"
+  <svg
-    id="screenshot-b97b5a92-5b4a-11ed-b852-87fca6c776a4" viewBox="1033.9 280.9 17.2 20.2"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="-webkit-print-color-adjust: exact;" fill="none" version="1.1">
+    width="17.2"
    xmlns="http://www.w3.org/2000/svg"
    height="20.2"
    id="screenshot-b97b5a92-5b4a-11ed-b852-87fca6c776a4"
    viewBox="1033.9 280.9 17.2 20.2"
    style="-webkit-print-color-adjust: exact"
    fill="none"
    version="1.1"
  >
    <g id="shape-b97b5a92-5b4a-11ed-b852-87fca6c776a4">
      <g id="fills-b97b5a92-5b4a-11ed-b852-87fca6c776a4">
-        <path stroke-linejoin="round" rx="0" ry="0"
+        <path
          stroke-linejoin="round"
          rx="0"
          ry="0"
          d="M1037,284L1039.5,284C1039.5,282.343,1040.843,281,1042.5,281C1044.157,281,1045.5,282.343,1045.5,284L1048,284C1049.657,284,1051,285.343,1051,287L1051,298C1051,299.657,1049.657,301,1048,301L1037,301C1035.343,301,1034,299.657,1034,298L1034,287C1034,285.343,1035.343,284,1037,284ZZM1037,285C1035.895,285,1035,285.895,1035,287L1035,298C1035,299.105,1035.895,300,1037,300L1048,300C1049.104,300,1050,299.105,1050,298L1050,287C1050,285.895,1049.104,285,1048,285L1047,285L1047,288L1038,288L1038,285L1037,285ZZM1039,287L1046,287L1046,285L1039,285L1039,287ZZM1042.5,282C1041.395,282,1040.5,282.895,1040.5,284L1044.5,284C1044.5,282.895,1043.605,282,1042.5,282ZZM1037,290L1048,290L1048,291L1037,291L1037,290ZZM1037,293L1048,293L1048,294L1037,294L1037,293ZZM1037,296L1046,296L1046,297L1037,297L1037,296ZZ"
-          style="fill: rgb(197, 197, 197); fill-opacity: 1;" />
+          style="fill: rgb(197, 197, 197); fill-opacity: 1"
        />
      </g>
      <g id="strokes-b97b5a92-5b4a-11ed-b852-87fca6c776a4">
        <g class="stroke-shape">
-          <path stroke-linejoin="round" rx="0" ry="0"
+          <path
            stroke-linejoin="round"
            rx="0"
            ry="0"
            d="M1037,284L1039.5,284C1039.5,282.343,1040.843,281,1042.5,281C1044.157,281,1045.5,282.343,1045.5,284L1048,284C1049.657,284,1051,285.343,1051,287L1051,298C1051,299.657,1049.657,301,1048,301L1037,301C1035.343,301,1034,299.657,1034,298L1034,287C1034,285.343,1035.343,284,1037,284ZZM1037,285C1035.895,285,1035,285.895,1035,287L1035,298C1035,299.105,1035.895,300,1037,300L1048,300C1049.104,300,1050,299.105,1050,298L1050,287C1050,285.895,1049.104,285,1048,285L1047,285L1047,288L1038,288L1038,285L1037,285ZZM1039,287L1046,287L1046,285L1039,285L1039,287ZZM1042.5,282C1041.395,282,1040.5,282.895,1040.5,284L1044.5,284C1044.5,282.895,1043.605,282,1042.5,282ZZM1037,290L1048,290L1048,291L1037,291L1037,290ZZM1037,293L1048,293L1048,294L1037,294L1037,293ZZM1037,296L1046,296L1046,297L1037,297L1037,296ZZ"
-            style="fill: none; stroke-width: 0.2;" />
+            style="fill: none; stroke-width: 0.2"
          />
        </g>
      </g>
    </g>
--- a/src/assets/svg/console.vue
+++ b/src/assets/svg/console.vue
@@ -1,3 +1,36 @@
 <template>
-  <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="19.2" xmlns="http://www.w3.org/2000/svg" height="17.2" id="screenshot-8851a460-5b95-11ed-963d-5f59412bd802" viewBox="186.9 1600.9 19.2 17.2" style="-webkit-print-color-adjust: exact;" fill="none" version="1.1"><g id="shape-8851a460-5b95-11ed-963d-5f59412bd802"><g id="fills-8851a460-5b95-11ed-963d-5f59412bd802"><path stroke-linejoin="round" rx="0" ry="0" d="M190,1601L203,1601C204.657,1601,206,1602.343,206,1604L206,1615C206,1616.657,204.657,1618,203,1618L190,1618C188.343,1618,187,1616.657,187,1615L187,1604C187,1602.343,188.343,1601,190,1601ZZM190,1602C188.895,1602,188,1602.895,188,1604L205,1604C205,1602.895,204.105,1602,203,1602L190,1602ZZM188,1615C188,1616.105,188.895,1617,190,1617L203,1617C204.105,1617,205,1616.105,205,1615L205,1605L188,1605L188,1615ZZM202,1615L197,1615L197,1614L202,1614L202,1615ZZM191,1607.5L191.707,1606.793L195.914,1611L191.707,1615.207L191,1614.5L194.5,1611L191,1607.5ZZ" style="fill: rgb(0, 0, 0); fill-opacity: 1;"/></g><g id="strokes-8851a460-5b95-11ed-963d-5f59412bd802"><g class="stroke-shape"><path stroke-linejoin="round" rx="0" ry="0" d="M190,1601L203,1601C204.657,1601,206,1602.343,206,1604L206,1615C206,1616.657,204.657,1618,203,1618L190,1618C188.343,1618,187,1616.657,187,1615L187,1604C187,1602.343,188.343,1601,190,1601ZZM190,1602C188.895,1602,188,1602.895,188,1604L205,1604C205,1602.895,204.105,1602,203,1602L190,1602ZZM188,1615C188,1616.105,188.895,1617,190,1617L203,1617C204.105,1617,205,1616.105,205,1615L205,1605L188,1605L188,1615ZZM202,1615L197,1615L197,1614L202,1614L202,1615ZZM191,1607.5L191.707,1606.793L195.914,1611L191.707,1615.207L191,1614.5L194.5,1611L191,1607.5ZZ" style="fill: none; stroke-width: 0.2;"/></g></g></g></svg>
+  <svg
-</template>
+    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="19.2"
    xmlns="http://www.w3.org/2000/svg"
    height="17.2"
    id="screenshot-8851a460-5b95-11ed-963d-5f59412bd802"
    viewBox="186.9 1600.9 19.2 17.2"
    style="-webkit-print-color-adjust: exact"
    fill="none"
    version="1.1"
  >
    <g id="shape-8851a460-5b95-11ed-963d-5f59412bd802">
      <g id="fills-8851a460-5b95-11ed-963d-5f59412bd802">
        <path
          stroke-linejoin="round"
          rx="0"
          ry="0"
          d="M190,1601L203,1601C204.657,1601,206,1602.343,206,1604L206,1615C206,1616.657,204.657,1618,203,1618L190,1618C188.343,1618,187,1616.657,187,1615L187,1604C187,1602.343,188.343,1601,190,1601ZZM190,1602C188.895,1602,188,1602.895,188,1604L205,1604C205,1602.895,204.105,1602,203,1602L190,1602ZZM188,1615C188,1616.105,188.895,1617,190,1617L203,1617C204.105,1617,205,1616.105,205,1615L205,1605L188,1605L188,1615ZZM202,1615L197,1615L197,1614L202,1614L202,1615ZZM191,1607.5L191.707,1606.793L195.914,1611L191.707,1615.207L191,1614.5L194.5,1611L191,1607.5ZZ"
          style="fill: rgb(0, 0, 0); fill-opacity: 1"
        />
      </g>
      <g id="strokes-8851a460-5b95-11ed-963d-5f59412bd802">
        <g class="stroke-shape">
          <path
            stroke-linejoin="round"
            rx="0"
            ry="0"
            d="M190,1601L203,1601C204.657,1601,206,1602.343,206,1604L206,1615C206,1616.657,204.657,1618,203,1618L190,1618C188.343,1618,187,1616.657,187,1615L187,1604C187,1602.343,188.343,1601,190,1601ZZM190,1602C188.895,1602,188,1602.895,188,1604L205,1604C205,1602.895,204.105,1602,203,1602L190,1602ZZM188,1615C188,1616.105,188.895,1617,190,1617L203,1617C204.105,1617,205,1616.105,205,1615L205,1605L188,1605L188,1615ZZM202,1615L197,1615L197,1614L202,1614L202,1615ZZM191,1607.5L191.707,1606.793L195.914,1611L191.707,1615.207L191,1614.5L194.5,1611L191,1607.5ZZ"
            style="fill: none; stroke-width: 0.2"
          />
        </g>
      </g>
    </g>
  </svg>
 </template>
--- a/src/assets/svg/docker.vue
+++ b/src/assets/svg/docker.vue
@@ -1,3 +1,41 @@
 <template>
-  <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="61" xmlns="http://www.w3.org/2000/svg" height="43" id="screenshot-c9186fb0-5b95-11ed-963d-5f59412bd802" viewBox="-0 -0 61 43" style="-webkit-print-color-adjust: exact;" fill="none" version="1.1"><g id="shape-c9186fb0-5b95-11ed-963d-5f59412bd802" version="1.1" width="431.99628" height="308.89954" rx="0" ry="0" style="fill: rgb(0, 0, 0);"><g id="shape-c9186fb2-5b95-11ed-963d-5f59412bd802" rx="0" ry="0" style="fill: rgb(0, 0, 0);"><g id="shape-c9186fb3-5b95-11ed-963d-5f59412bd802"><g id="fills-c9186fb3-5b95-11ed-963d-5f59412bd802"><path rx="0" ry="0" d="M16.944,42.842C14.28,42.548,11.654,41.919,9.682,41.103C5.24,39.263,2.341,35.428,0.762,29.304C0.562,28.527,0.375,27.665,0.347,27.388C0.318,27.11,0.229,26.36,0.147,25.721C0.066,25.081,0,23.899,0,23.093C0,21.885,0.049,21.549,0.276,21.182C0.859,20.241,-0.744,20.306,21.915,20.3C43.824,20.295,43.41,20.307,45.525,19.614L46.433,19.316L46.032,18.565C45.119,16.853,44.941,14.107,45.608,12.023C45.971,10.889,46.726,9.349,47.252,8.67L47.619,8.195L48.318,8.57C50.31,9.639,52.144,11.998,52.73,14.244L52.91,14.935L55.225,14.949C57.306,14.961,57.649,14.998,58.613,15.315C59.852,15.723,61,16.444,61,16.813C61,17.392,59.971,19.072,59.05,19.997C57.5,21.554,55.519,22.379,52.796,22.602L51.583,22.701L51.116,23.835C50.522,25.28,49.101,28.092,48.487,29.04C48.226,29.442,48.043,29.771,48.08,29.771C48.117,29.771,48.057,29.881,47.947,30.015C47.836,30.149,47.261,30.906,46.669,31.697C43.764,35.578,39.574,38.818,35.284,40.499C34.866,40.663,34.365,40.863,34.171,40.943C33.977,41.024,33.755,41.105,33.677,41.124C33.32,41.21,30.406,42.053,30.217,42.124C30.101,42.168,29.964,42.197,29.914,42.187C29.863,42.177,29.373,42.262,28.826,42.374C26.044,42.946,20.028,43.183,16.944,42.842ZZM5.252,19.025C5.014,18.789,5.014,13.887,5.252,13.651C5.518,13.389,11.205,13.417,11.428,13.682C11.612,13.901,11.688,18.354,11.516,18.888C11.419,19.188,11.379,19.192,8.42,19.192C6.276,19.192,5.373,19.144,5.252,19.025ZZM12.664,19.102C12.61,19.049,12.567,17.796,12.567,16.317C12.567,13.645,12.569,13.628,12.884,13.552C13.059,13.51,14.473,13.493,16.026,13.514L18.85,13.554L18.85,16.338L18.85,19.122L15.805,19.16C14.131,19.18,12.717,19.154,12.664,19.102ZZM20.111,18.883C19.941,18.352,20.019,13.899,20.203,13.68C20.424,13.417,26.112,13.391,26.377,13.651C26.555,13.828,26.63,18.537,26.46,18.972C26.386,19.163,25.973,19.192,23.293,19.192C20.234,19.192,20.21,19.189,20.111,18.883ZZM27.629,19.099C27.577,19.048,27.534,17.802,27.534,16.33C27.534,14.018,27.565,13.642,27.758,13.569C27.881,13.522,29.275,13.484,30.856,13.484C33.003,13.484,33.759,13.528,33.842,13.658C33.992,13.895,34.019,18.487,33.872,18.878C33.755,19.19,33.737,19.192,30.739,19.192C29.08,19.192,27.68,19.15,27.629,19.099ZZM35.112,19.099C34.934,18.923,35.005,13.832,35.188,13.651C35.309,13.532,36.197,13.484,38.289,13.484C41.044,13.484,41.23,13.501,41.368,13.754C41.582,14.148,41.561,18.811,41.344,19.025C41.161,19.205,35.291,19.275,35.112,19.099ZZM12.729,12.326C12.504,12.059,12.491,7.13,12.715,6.864C12.851,6.702,13.416,6.663,15.679,6.663C17.216,6.663,18.575,6.701,18.698,6.748C18.891,6.821,18.921,7.196,18.921,9.504C18.921,11.397,18.872,12.225,18.751,12.343C18.498,12.593,12.941,12.578,12.729,12.326ZZM20.269,12.323C20.033,12.153,20.01,11.908,20.021,9.599C20.029,7.861,20.085,6.999,20.2,6.862C20.46,6.554,26.009,6.572,26.324,6.882C26.654,7.207,26.654,11.966,26.324,12.291C26.137,12.475,25.661,12.51,23.315,12.51C21.205,12.51,20.465,12.465,20.269,12.323ZZM27.704,12.343C27.465,12.107,27.465,7.066,27.704,6.83C27.912,6.625,33.422,6.597,33.747,6.8C33.924,6.909,33.959,7.378,33.959,9.587C33.959,11.795,33.924,12.264,33.747,12.374C33.422,12.576,27.912,12.548,27.704,12.343ZZM27.69,5.497C27.578,5.364,27.54,4.498,27.567,2.678L27.605,0.051L30.67,0.014C33.482,-0.021,33.745,-0.004,33.861,0.222C33.931,0.358,33.981,1.583,33.973,2.945C33.961,4.981,33.921,5.445,33.747,5.553C33.631,5.625,32.257,5.686,30.694,5.687C28.448,5.688,27.818,5.649,27.69,5.497ZZ" style="fill: rgb(36, 151, 237);"/></g></g></g></g></svg>
+  <svg
-</template>
+    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="61"
    xmlns="http://www.w3.org/2000/svg"
    height="43"
    id="screenshot-c9186fb0-5b95-11ed-963d-5f59412bd802"
    viewBox="-0 -0 61 43"
    style="-webkit-print-color-adjust: exact"
    fill="none"
    version="1.1"
  >
    <g
      id="shape-c9186fb0-5b95-11ed-963d-5f59412bd802"
      version="1.1"
      width="431.99628"
      height="308.89954"
      rx="0"
      ry="0"
      style="fill: rgb(0, 0, 0)"
    >
      <g
        id="shape-c9186fb2-5b95-11ed-963d-5f59412bd802"
        rx="0"
        ry="0"
        style="fill: rgb(0, 0, 0)"
      >
        <g id="shape-c9186fb3-5b95-11ed-963d-5f59412bd802">
          <g id="fills-c9186fb3-5b95-11ed-963d-5f59412bd802">
            <path
              rx="0"
              ry="0"
              d="M16.944,42.842C14.28,42.548,11.654,41.919,9.682,41.103C5.24,39.263,2.341,35.428,0.762,29.304C0.562,28.527,0.375,27.665,0.347,27.388C0.318,27.11,0.229,26.36,0.147,25.721C0.066,25.081,0,23.899,0,23.093C0,21.885,0.049,21.549,0.276,21.182C0.859,20.241,-0.744,20.306,21.915,20.3C43.824,20.295,43.41,20.307,45.525,19.614L46.433,19.316L46.032,18.565C45.119,16.853,44.941,14.107,45.608,12.023C45.971,10.889,46.726,9.349,47.252,8.67L47.619,8.195L48.318,8.57C50.31,9.639,52.144,11.998,52.73,14.244L52.91,14.935L55.225,14.949C57.306,14.961,57.649,14.998,58.613,15.315C59.852,15.723,61,16.444,61,16.813C61,17.392,59.971,19.072,59.05,19.997C57.5,21.554,55.519,22.379,52.796,22.602L51.583,22.701L51.116,23.835C50.522,25.28,49.101,28.092,48.487,29.04C48.226,29.442,48.043,29.771,48.08,29.771C48.117,29.771,48.057,29.881,47.947,30.015C47.836,30.149,47.261,30.906,46.669,31.697C43.764,35.578,39.574,38.818,35.284,40.499C34.866,40.663,34.365,40.863,34.171,40.943C33.977,41.024,33.755,41.105,33.677,41.124C33.32,41.21,30.406,42.053,30.217,42.124C30.101,42.168,29.964,42.197,29.914,42.187C29.863,42.177,29.373,42.262,28.826,42.374C26.044,42.946,20.028,43.183,16.944,42.842ZZM5.252,19.025C5.014,18.789,5.014,13.887,5.252,13.651C5.518,13.389,11.205,13.417,11.428,13.682C11.612,13.901,11.688,18.354,11.516,18.888C11.419,19.188,11.379,19.192,8.42,19.192C6.276,19.192,5.373,19.144,5.252,19.025ZZM12.664,19.102C12.61,19.049,12.567,17.796,12.567,16.317C12.567,13.645,12.569,13.628,12.884,13.552C13.059,13.51,14.473,13.493,16.026,13.514L18.85,13.554L18.85,16.338L18.85,19.122L15.805,19.16C14.131,19.18,12.717,19.154,12.664,19.102ZZM20.111,18.883C19.941,18.352,20.019,13.899,20.203,13.68C20.424,13.417,26.112,13.391,26.377,13.651C26.555,13.828,26.63,18.537,26.46,18.972C26.386,19.163,25.973,19.192,23.293,19.192C20.234,19.192,20.21,19.189,20.111,18.883ZZM27.629,19.099C27.577,19.048,27.534,17.802,27.534,16.33C27.534,14.018,27.565,13.642,27.758,13.569C27.881,13.522,29.275,13.484,30.856,13.484C33.003,13.484,33.759,13.528,33.842,13.658C33.992,13.895,34.019,18.487,33.872,18.878C33.755,19.19,33.737,19.192,30.739,19.192C29.08,19.192,27.68,19.15,27.629,19.099ZZM35.112,19.099C34.934,18.923,35.005,13.832,35.188,13.651C35.309,13.532,36.197,13.484,38.289,13.484C41.044,13.484,41.23,13.501,41.368,13.754C41.582,14.148,41.561,18.811,41.344,19.025C41.161,19.205,35.291,19.275,35.112,19.099ZZM12.729,12.326C12.504,12.059,12.491,7.13,12.715,6.864C12.851,6.702,13.416,6.663,15.679,6.663C17.216,6.663,18.575,6.701,18.698,6.748C18.891,6.821,18.921,7.196,18.921,9.504C18.921,11.397,18.872,12.225,18.751,12.343C18.498,12.593,12.941,12.578,12.729,12.326ZZM20.269,12.323C20.033,12.153,20.01,11.908,20.021,9.599C20.029,7.861,20.085,6.999,20.2,6.862C20.46,6.554,26.009,6.572,26.324,6.882C26.654,7.207,26.654,11.966,26.324,12.291C26.137,12.475,25.661,12.51,23.315,12.51C21.205,12.51,20.465,12.465,20.269,12.323ZZM27.704,12.343C27.465,12.107,27.465,7.066,27.704,6.83C27.912,6.625,33.422,6.597,33.747,6.8C33.924,6.909,33.959,7.378,33.959,9.587C33.959,11.795,33.924,12.264,33.747,12.374C33.422,12.576,27.912,12.548,27.704,12.343ZZM27.69,5.497C27.578,5.364,27.54,4.498,27.567,2.678L27.605,0.051L30.67,0.014C33.482,-0.021,33.745,-0.004,33.861,0.222C33.931,0.358,33.981,1.583,33.973,2.945C33.961,4.981,33.921,5.445,33.747,5.553C33.631,5.625,32.257,5.686,30.694,5.687C28.448,5.688,27.818,5.649,27.69,5.497ZZ"
              style="fill: rgb(36, 151, 237)"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
 </template>
--- a/src/assets/svg/folder.vue
+++ b/src/assets/svg/folder.vue
@@ -1,6 +1,8 @@
 <template>
-   <svg viewBox="0 0 16 16">
+  <svg viewBox="0 0 16 16">
-      <path fill="currentColor"
+    <path
-         d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75z" />
+      fill="currentColor"
-   </svg>
+      d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75z"
    />
  </svg>
 </template>
--- a/src/assets/svg/github.vue
+++ b/src/assets/svg/github.vue
@@ -1,15 +1,30 @@
 <template>
-  <svg width="44" height="43" id="screenshot-e1abaae4-8d9a-80ff-8001-956afa1f32eb" viewBox="1281 -100 44 43"
+  <svg
-    style="-webkit-print-color-adjust: exact;" fill="none" version="1.1" sodipodi:docname="svg-path-7.svg"
+    width="44"
-    inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+    height="43"
-    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg"
+    id="screenshot-e1abaae4-8d9a-80ff-8001-956afa1f32eb"
-    xmlns:svg="http://www.w3.org/2000/svg">
+    viewBox="1281 -100 44 43"
-    <g id="shape-e1abaae4-8d9a-80ff-8001-956afa1f32eb" style="fill:#000000">
+    style="-webkit-print-color-adjust: exact"
-      <g id="fills-e1abaae4-8d9a-80ff-8001-956afa1f32eb" style="fill:#000000">
+    fill="none"
-        <path fill-rule="evenodd" rx="0" ry="0"
+    version="1.1"
    sodipodi:docname="svg-path-7.svg"
    inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg"
  >
    <g id="shape-e1abaae4-8d9a-80ff-8001-956afa1f32eb" style="fill: #000000">
      <g id="fills-e1abaae4-8d9a-80ff-8001-956afa1f32eb" style="fill: #000000">
        <path
          fill-rule="evenodd"
          rx="0"
          ry="0"
          d="M1303,-100C1290.845,-100,1281,-90.135,1281,-77.956C1281,-68.202,1287.297,-59.963,1296.043,-57.042C1297.143,-56.849,1297.555,-57.511,1297.555,-58.089C1297.555,-58.613,1297.528,-60.349,1297.528,-62.195C1292,-61.175,1290.57,-63.545,1290.13,-64.785C1289.883,-65.419,1288.81,-67.375,1287.875,-67.899C1287.105,-68.312,1286.005,-69.332,1287.847,-69.359C1289.58,-69.387,1290.817,-67.761,1291.23,-67.1C1293.21,-63.765,1296.373,-64.702,1297.637,-65.281C1297.83,-66.714,1298.407,-67.678,1299.04,-68.229C1294.145,-68.78,1289.03,-70.682,1289.03,-79.113C1289.03,-81.511,1289.883,-83.495,1291.285,-85.038C1291.065,-85.589,1290.295,-87.848,1291.505,-90.879C1291.505,-90.879,1293.347,-91.458,1297.555,-88.62C1299.315,-89.116,1301.185,-89.364,1303.055,-89.364C1304.925,-89.364,1306.795,-89.116,1308.555,-88.62C1312.762,-91.486,1314.605,-90.879,1314.605,-90.879C1315.815,-87.848,1315.045,-85.589,1314.825,-85.038C1316.228,-83.495,1317.08,-81.538,1317.08,-79.113C1317.08,-70.654,1311.938,-68.78,1307.043,-68.229C1307.84,-67.54,1308.528,-66.218,1308.528,-64.151C1308.528,-61.203,1308.5,-58.833,1308.5,-58.089C1308.5,-57.511,1308.913,-56.822,1310.012,-57.042C1318.968,-60.071,1324.998,-68.486,1325,-77.956C1325,-90.135,1315.155,-100,1303,-100ZZ"
-          id="path2" style="fill:#000000" />
+          id="path2"
          style="fill: #000000"
        />
      </g>
    </g>
  </svg>
-</template>
+</template>
--- a/src/assets/svg/logo.vue
+++ b/src/assets/svg/logo.vue
@@ -1,19 +1,37 @@
 <template>
-  <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="160.997" xmlns="http://www.w3.org/2000/svg" height="98.997"
+  <svg
-    viewBox="766.502 -54.498 160.997 98.997" style="-webkit-print-color-adjust:exact" fill="none">
+    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="160.997"
    xmlns="http://www.w3.org/2000/svg"
    height="98.997"
    viewBox="766.502 -54.498 160.997 98.997"
    style="-webkit-print-color-adjust: exact"
    fill="none"
  >
    <defs>
-      <linearGradient gradientUnits="userSpaceOnUse" y1="294.65" id="b" xlink:href="#a" x1="37.362" y2="279.148"
+      <linearGradient
-        x2="19.99" gradientTransform="matrix(3.88534 0 0 3.92905 767 -1122.927)" />
+        gradientUnits="userSpaceOnUse"
        y1="294.65"
        id="b"
        xlink:href="#a"
        x1="37.362"
        y2="279.148"
        x2="19.99"
        gradientTransform="matrix(3.88534 0 0 3.92905 767 -1122.927)"
      />
      <linearGradient id="a">
-        <stop offset="0" style="stop-color:#322eeb;stop-opacity:1" />
+        <stop offset="0" style="stop-color: #322eeb; stop-opacity: 1" />
-        <stop offset="1" style="stop-color:#702fff;stop-opacity:1" />
+        <stop offset="1" style="stop-color: #702fff; stop-opacity: 1" />
      </linearGradient>
    </defs>
    <path
      d="M886.653-54c-16.355.468-23.539 22.832-23.539 22.832-4.874-9.083-16.866-9.98-20.478-10.045l-60.983-.002-.002.017-14.597-.039c-.027.26-.045.521-.054.782.008 7.669 7.928 14.066 18.257 14.746l32.878.065v-.004l14.9.027c1.401.023 2.525 1.179 2.526 2.597 0 1.432-1.146 2.594-2.562 2.598v.003h-14.864v-.023h-32.872v.002c.01 7.669 7.967 14.891 18.295 15.571l1.675.004c.559.004 2.07.019 12.886.019.013 0 .025.003.038.004 0 0 1.971.02 14.842.02 1.416.004 2.562 1.167 2.562 2.599a2.578 2.578 0 0 1-2.313 2.572h-29.706v.017c.007 6.723 6.125 13.1 14.593 15.031l2.056.509c5.415.035 10.83.004 16.245.061-17.289.008 11.436.002 14.553.002l3.341.22 9.543 8.818c17.214 10.071 32.112 11.559 32.112 11.559s12.237 15.969 30.3 1.11c1.6-1.316.014-3.106.014-3.106l-47.663-65.734Zm-101.39 33.556c-8.553 0-13.976-.001-14.444-.002v.002h14.444Zm108.223-23.045c-6.04 2.274-8.353 12.41-8.353 12.41l3.92 5.328Z"
-      style="display:inline;fill:url(#b)" />
+      style="display: inline; fill: url(#b)"
    />
    <path
      d="M886.653-54c-16.355.468-23.539 22.832-23.539 22.832-4.874-9.083-16.866-9.98-20.478-10.045l-60.983-.002-.002.017-14.597-.039c-.027.26-.045.521-.054.782.008 7.669 7.928 14.066 18.257 14.746l32.878.065v-.004l14.9.027c1.401.023 2.525 1.179 2.526 2.597 0 1.432-1.146 2.594-2.562 2.598v.003h-14.864v-.023h-32.872v.002c.01 7.669 7.967 14.891 18.295 15.571l1.675.004c.559.004 2.07.019 12.886.019.013 0 .025.003.038.004 0 0 1.971.02 14.842.02 1.416.004 2.562 1.167 2.562 2.599a2.578 2.578 0 0 1-2.313 2.572h-29.706v.017c.007 6.723 6.125 13.1 14.593 15.031l2.056.509c5.415.035 10.83.004 16.245.061-17.289.008 11.436.002 14.553.002l3.341.22 9.543 8.818c17.214 10.071 32.112 11.559 32.112 11.559s12.237 15.969 30.3 1.11c1.6-1.316.014-3.106.014-3.106l-47.663-65.734Zm-101.39 33.556c-8.553 0-13.976-.001-14.444-.002v.002h14.444Zm108.223-23.045c-6.04 2.274-8.353 12.41-8.353 12.41l3.92 5.328Z"
-      style="display:inline;fill:none;stroke-width:.996658" class="stroke-shape" />
+      style="display: inline; fill: none; stroke-width: 0.996658"
      class="stroke-shape"
    />
  </svg>
 </template>
--- a/src/assets/svg/pegaz.vue
+++ b/src/assets/svg/pegaz.vue
@@ -1,3 +1,63 @@
 <template>
-  <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="160.997" xmlns="http://www.w3.org/2000/svg" height="98.997" id="screenshot-ad9ebd90-5ab7-11ed-b140-a5c46caee909" viewBox="766.502 -54.498 160.997 98.997" style="-webkit-print-color-adjust: exact;" fill="none" version="1.1"><g id="shape-ad9ebd90-5ab7-11ed-b140-a5c46caee909"><defs><linearGradient gradientUnits="userSpaceOnUse" y1="294.65009" id="d3e7133f-3d52-8015-8001-96a125166333-linearGradient5892" xlink:href="#d3e7133f-3d52-8015-8001-96a125166333-linearGradient5890" x1="37.362221" y2="279.14844" x2="19.9897" gradientTransform="matrix(1.027997,0,0,1.03956,747.572515,-73.646054) matrix(3.7795276,0,0,3.7795276,18.897638,-1009.3508)"/><linearGradient id="d3e7133f-3d52-8015-8001-96a125166333-linearGradient5890"><stop offset="0" id="stop5886" style="stop-color: rgb(50, 46, 235); stop-opacity: 1;"/><stop offset="1" id="stop5888" style="stop-color: rgb(112, 47, 255); stop-opacity: 1;"/></linearGradient></defs><g id="fills-ad9ebd90-5ab7-11ed-b140-a5c46caee909"><path rx="0" ry="0" d="M886.653,-54C870.298,-53.532,863.114,-31.168,863.114,-31.168C858.24,-40.251,846.248,-41.148,842.636,-41.213L781.653,-41.215C781.653,-41.211,781.652,-41.206,781.651,-41.198L767.054,-41.237C767.027,-40.977,767.009,-40.716,767,-40.455C767.008,-32.786,774.928,-26.389,785.257,-25.709L818.135,-25.644L818.135,-25.648L833.035,-25.621C834.436,-25.598,835.56,-24.442,835.561,-23.024C835.561,-21.592,834.415,-20.43,832.999,-20.426L832.999,-20.423L818.135,-20.423L818.135,-20.446L786.108,-20.446C785.485,-20.446,785.845,-20.446,785.263,-20.446L785.263,-20.444C785.273,-12.775,793.23,-5.553,803.558,-4.873C803.558,-4.873,805.16,-4.869,805.233,-4.869C805.792,-4.865,807.303,-4.85,818.119,-4.85C818.132,-4.85,818.144,-4.847,818.157,-4.846C818.157,-4.846,820.128,-4.826,832.999,-4.826C834.415,-4.822,835.561,-3.659,835.561,-2.227C835.561,-0.881,834.545,0.213,833.248,0.345L820.191,0.345L818.135,0.345L803.542,0.345L803.542,0.362C803.549,7.085,809.667,13.462,818.135,15.393L820.191,15.902C825.606,15.937,831.021,15.906,836.436,15.963C819.147,15.971,847.872,15.965,850.989,15.965L854.33,16.185L863.873,25.003C881.087,35.074,895.985,36.562,895.985,36.562C895.985,36.562,908.222,52.531,926.285,37.672C927.885,36.356,926.299,34.566,926.299,34.566L878.636,-31.168ZM785.263,-20.444C776.71,-20.444,771.287,-20.445,770.819,-20.446L770.819,-20.444C770.377,-20.444,775.319,-20.444,785.263,-20.444ZZM893.486,-43.489C887.446,-41.215,885.133,-31.079,885.133,-31.079L889.053,-25.751Z" style="display: inline; fill: url(&quot;#d3e7133f-3d52-8015-8001-96a125166333-linearGradient5892&quot;);"/></g><g id="strokes-ad9ebd90-5ab7-11ed-b140-a5c46caee909"><g class="stroke-shape"><path rx="0" ry="0" d="M886.653,-54C870.298,-53.532,863.114,-31.168,863.114,-31.168C858.24,-40.251,846.248,-41.148,842.636,-41.213L781.653,-41.215C781.653,-41.211,781.652,-41.206,781.651,-41.198L767.054,-41.237C767.027,-40.977,767.009,-40.716,767,-40.455C767.008,-32.786,774.928,-26.389,785.257,-25.709L818.135,-25.644L818.135,-25.648L833.035,-25.621C834.436,-25.598,835.56,-24.442,835.561,-23.024C835.561,-21.592,834.415,-20.43,832.999,-20.426L832.999,-20.423L818.135,-20.423L818.135,-20.446L786.108,-20.446C785.485,-20.446,785.845,-20.446,785.263,-20.446L785.263,-20.444C785.273,-12.775,793.23,-5.553,803.558,-4.873C803.558,-4.873,805.16,-4.869,805.233,-4.869C805.792,-4.865,807.303,-4.85,818.119,-4.85C818.132,-4.85,818.144,-4.847,818.157,-4.846C818.157,-4.846,820.128,-4.826,832.999,-4.826C834.415,-4.822,835.561,-3.659,835.561,-2.227C835.561,-0.881,834.545,0.213,833.248,0.345L820.191,0.345L818.135,0.345L803.542,0.345L803.542,0.362C803.549,7.085,809.667,13.462,818.135,15.393L820.191,15.902C825.606,15.937,831.021,15.906,836.436,15.963C819.147,15.971,847.872,15.965,850.989,15.965L854.33,16.185L863.873,25.003C881.087,35.074,895.985,36.562,895.985,36.562C895.985,36.562,908.222,52.531,926.285,37.672C927.885,36.356,926.299,34.566,926.299,34.566L878.636,-31.168ZM785.263,-20.444C776.71,-20.444,771.287,-20.445,770.819,-20.446L770.819,-20.444C770.377,-20.444,775.319,-20.444,785.263,-20.444ZZM893.486,-43.489C887.446,-41.215,885.133,-31.079,885.133,-31.079L889.053,-25.751Z" style="display: inline; fill: none; stroke-width: 0.996658;"/></g></g></g></svg>
+  <svg
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="160.997"
    xmlns="http://www.w3.org/2000/svg"
    height="98.997"
    id="screenshot-ad9ebd90-5ab7-11ed-b140-a5c46caee909"
    viewBox="766.502 -54.498 160.997 98.997"
    style="-webkit-print-color-adjust: exact"
    fill="none"
    version="1.1"
  >
    <g id="shape-ad9ebd90-5ab7-11ed-b140-a5c46caee909">
      <defs>
        <linearGradient
          gradientUnits="userSpaceOnUse"
          y1="294.65009"
          id="d3e7133f-3d52-8015-8001-96a125166333-linearGradient5892"
          xlink:href="#d3e7133f-3d52-8015-8001-96a125166333-linearGradient5890"
          x1="37.362221"
          y2="279.14844"
          x2="19.9897"
          gradientTransform="matrix(1.027997,0,0,1.03956,747.572515,-73.646054) matrix(3.7795276,0,0,3.7795276,18.897638,-1009.3508)"
        />
        <linearGradient
          id="d3e7133f-3d52-8015-8001-96a125166333-linearGradient5890"
        >
          <stop
            offset="0"
            id="stop5886"
            style="stop-color: rgb(50, 46, 235); stop-opacity: 1"
          />
          <stop
            offset="1"
            id="stop5888"
            style="stop-color: rgb(112, 47, 255); stop-opacity: 1"
          />
        </linearGradient>
      </defs>
      <g id="fills-ad9ebd90-5ab7-11ed-b140-a5c46caee909">
        <path
          rx="0"
          ry="0"
          d="M886.653,-54C870.298,-53.532,863.114,-31.168,863.114,-31.168C858.24,-40.251,846.248,-41.148,842.636,-41.213L781.653,-41.215C781.653,-41.211,781.652,-41.206,781.651,-41.198L767.054,-41.237C767.027,-40.977,767.009,-40.716,767,-40.455C767.008,-32.786,774.928,-26.389,785.257,-25.709L818.135,-25.644L818.135,-25.648L833.035,-25.621C834.436,-25.598,835.56,-24.442,835.561,-23.024C835.561,-21.592,834.415,-20.43,832.999,-20.426L832.999,-20.423L818.135,-20.423L818.135,-20.446L786.108,-20.446C785.485,-20.446,785.845,-20.446,785.263,-20.446L785.263,-20.444C785.273,-12.775,793.23,-5.553,803.558,-4.873C803.558,-4.873,805.16,-4.869,805.233,-4.869C805.792,-4.865,807.303,-4.85,818.119,-4.85C818.132,-4.85,818.144,-4.847,818.157,-4.846C818.157,-4.846,820.128,-4.826,832.999,-4.826C834.415,-4.822,835.561,-3.659,835.561,-2.227C835.561,-0.881,834.545,0.213,833.248,0.345L820.191,0.345L818.135,0.345L803.542,0.345L803.542,0.362C803.549,7.085,809.667,13.462,818.135,15.393L820.191,15.902C825.606,15.937,831.021,15.906,836.436,15.963C819.147,15.971,847.872,15.965,850.989,15.965L854.33,16.185L863.873,25.003C881.087,35.074,895.985,36.562,895.985,36.562C895.985,36.562,908.222,52.531,926.285,37.672C927.885,36.356,926.299,34.566,926.299,34.566L878.636,-31.168ZM785.263,-20.444C776.71,-20.444,771.287,-20.445,770.819,-20.446L770.819,-20.444C770.377,-20.444,775.319,-20.444,785.263,-20.444ZZM893.486,-43.489C887.446,-41.215,885.133,-31.079,885.133,-31.079L889.053,-25.751Z"
          style="
            display: inline;
            fill: url('#d3e7133f-3d52-8015-8001-96a125166333-linearGradient5892');
          "
        />
      </g>
      <g id="strokes-ad9ebd90-5ab7-11ed-b140-a5c46caee909">
        <g class="stroke-shape">
          <path
            rx="0"
            ry="0"
            d="M886.653,-54C870.298,-53.532,863.114,-31.168,863.114,-31.168C858.24,-40.251,846.248,-41.148,842.636,-41.213L781.653,-41.215C781.653,-41.211,781.652,-41.206,781.651,-41.198L767.054,-41.237C767.027,-40.977,767.009,-40.716,767,-40.455C767.008,-32.786,774.928,-26.389,785.257,-25.709L818.135,-25.644L818.135,-25.648L833.035,-25.621C834.436,-25.598,835.56,-24.442,835.561,-23.024C835.561,-21.592,834.415,-20.43,832.999,-20.426L832.999,-20.423L818.135,-20.423L818.135,-20.446L786.108,-20.446C785.485,-20.446,785.845,-20.446,785.263,-20.446L785.263,-20.444C785.273,-12.775,793.23,-5.553,803.558,-4.873C803.558,-4.873,805.16,-4.869,805.233,-4.869C805.792,-4.865,807.303,-4.85,818.119,-4.85C818.132,-4.85,818.144,-4.847,818.157,-4.846C818.157,-4.846,820.128,-4.826,832.999,-4.826C834.415,-4.822,835.561,-3.659,835.561,-2.227C835.561,-0.881,834.545,0.213,833.248,0.345L820.191,0.345L818.135,0.345L803.542,0.345L803.542,0.362C803.549,7.085,809.667,13.462,818.135,15.393L820.191,15.902C825.606,15.937,831.021,15.906,836.436,15.963C819.147,15.971,847.872,15.965,850.989,15.965L854.33,16.185L863.873,25.003C881.087,35.074,895.985,36.562,895.985,36.562C895.985,36.562,908.222,52.531,926.285,37.672C927.885,36.356,926.299,34.566,926.299,34.566L878.636,-31.168ZM785.263,-20.444C776.71,-20.444,771.287,-20.445,770.819,-20.446L770.819,-20.444C770.377,-20.444,775.319,-20.444,785.263,-20.444ZZM893.486,-43.489C887.446,-41.215,885.133,-31.079,885.133,-31.079L889.053,-25.751Z"
            style="display: inline; fill: none; stroke-width: 0.996658"
          />
        </g>
      </g>
    </g>
  </svg>
 </template>
--- a/src/assets/svg/rewind.vue
+++ b/src/assets/svg/rewind.vue
@@ -1,3 +1,16 @@
 <template>
-  <svg width="100" height="100" viewBox="0 0 20 20"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M5.955 5.805a5.94 5.94 0 0 0-1.736 4.87a1 1 0 0 1-1.99.21a7.94 7.94 0 0 1 2.322-6.504c3.136-3.092 8.19-3.04 11.289.102c3.1 3.143 3.081 8.198-.054 11.29a7.924 7.924 0 0 1-5.44 2.286a8.021 8.021 0 0 1-2.283-.29a1 1 0 1 1 .533-1.927a6 6 0 0 0 1.714.217a5.924 5.924 0 0 0 4.071-1.71c2.343-2.31 2.365-6.099.035-8.461c-2.33-2.363-6.118-2.393-8.46-.083Z"/><path d="M3.967 11.695a1 1 0 0 1-1.412.082l-1.72-1.53a1 1 0 0 1 1.33-1.494l1.72 1.53a1 1 0 0 1 .082 1.412Z"/><path d="M2.42 11.6a1 1 0 0 0 1.4.2l2-1.5a1 1 0 0 0-1.2-1.6l-2 1.5a1 1 0 0 0-.2 1.4ZM10 6a1 1 0 0 1 1 1v3.5a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1Z"/><path d="M14 10.5a1 1 0 0 1-1 1h-3a1 1 0 1 1 0-2h3a1 1 0 0 1 1 1Z"/></g></svg>
+  <svg width="100" height="100" viewBox="0 0 20 20">
    <g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd">
      <path
        d="M5.955 5.805a5.94 5.94 0 0 0-1.736 4.87a1 1 0 0 1-1.99.21a7.94 7.94 0 0 1 2.322-6.504c3.136-3.092 8.19-3.04 11.289.102c3.1 3.143 3.081 8.198-.054 11.29a7.924 7.924 0 0 1-5.44 2.286a8.021 8.021 0 0 1-2.283-.29a1 1 0 1 1 .533-1.927a6 6 0 0 0 1.714.217a5.924 5.924 0 0 0 4.071-1.71c2.343-2.31 2.365-6.099.035-8.461c-2.33-2.363-6.118-2.393-8.46-.083Z"
      />
      <path
        d="M3.967 11.695a1 1 0 0 1-1.412.082l-1.72-1.53a1 1 0 0 1 1.33-1.494l1.72 1.53a1 1 0 0 1 .082 1.412Z"
      />
      <path
        d="M2.42 11.6a1 1 0 0 0 1.4.2l2-1.5a1 1 0 0 0-1.2-1.6l-2 1.5a1 1 0 0 0-.2 1.4ZM10 6a1 1 0 0 1 1 1v3.5a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1Z"
      />
      <path d="M14 10.5a1 1 0 0 1-1 1h-3a1 1 0 1 1 0-2h3a1 1 0 0 1 1 1Z" />
    </g>
  </svg>
 </template>
--- a/src/assets/svg/shield.vue
+++ b/src/assets/svg/shield.vue
@@ -1,3 +1,25 @@
 <template>
-  <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="17" xmlns="http://www.w3.org/2000/svg" height="21.069" id="screenshot-8851a463-5b95-11ed-963d-5f59412bd802" viewBox="258 1606 17 21.069" style="-webkit-print-color-adjust: exact;" fill="none" version="1.1"><g id="shape-8851a463-5b95-11ed-963d-5f59412bd802"><g id="fills-8851a463-5b95-11ed-963d-5f59412bd802"><path stroke-linejoin="round" rx="0" ry="0" d="M266.5,1607.108L274,1610.631L274,1615.644C274,1620.453,270.784,1624.896,266.5,1626.036C262.216,1624.897,259,1620.453,259,1615.644L259,1610.631M266.5,1627.069C271.398,1625.842,275,1620.944,275,1615.644L275,1610L266.5,1606L258,1610L258.001,1615.644C258.001,1620.944,261.602,1625.842,266.5,1627.069ZZ" style="fill: rgb(0, 0, 0); fill-opacity: 1;"/></g></g></svg>
+  <svg
-</template>
+    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="17"
    xmlns="http://www.w3.org/2000/svg"
    height="21.069"
    id="screenshot-8851a463-5b95-11ed-963d-5f59412bd802"
    viewBox="258 1606 17 21.069"
    style="-webkit-print-color-adjust: exact"
    fill="none"
    version="1.1"
  >
    <g id="shape-8851a463-5b95-11ed-963d-5f59412bd802">
      <g id="fills-8851a463-5b95-11ed-963d-5f59412bd802">
        <path
          stroke-linejoin="round"
          rx="0"
          ry="0"
          d="M266.5,1607.108L274,1610.631L274,1615.644C274,1620.453,270.784,1624.896,266.5,1626.036C262.216,1624.897,259,1620.453,259,1615.644L259,1610.631M266.5,1627.069C271.398,1625.842,275,1620.944,275,1615.644L275,1610L266.5,1606L258,1610L258.001,1615.644C258.001,1620.944,261.602,1625.842,266.5,1627.069ZZ"
          style="fill: rgb(0, 0, 0); fill-opacity: 1"
        />
      </g>
    </g>
  </svg>
 </template>
--- a/src/assets/svg/storj.vue
+++ b/src/assets/svg/storj.vue
--- a/src/components/applications-list.vue
+++ b/src/components/applications-list.vue
@@ -1,29 +1,53 @@
 <script>
-  import Code from 'Svg/apps/code.vue'
+import CodeServer from 'Svg/apps/code.vue'
-  import Deluge from 'Svg/apps/deluge.vue'
+import Deluge from 'Svg/apps/deluge.vue'
-  import Drone from 'Svg/apps/drone.vue'
+import Drone from 'Svg/apps/drone.vue'
-  import Gitea from 'Svg/apps/gitea.vue'
+import Gitea from 'Svg/apps/gitea.vue'
-  import Jellyfin from 'Svg/apps/jellyfin.vue'
+import Jellyfin from 'Svg/apps/jellyfin.vue'
-  import Nextcloud from 'Svg/apps/nextcloud.vue'
+import Nextcloud from 'Svg/apps/nextcloud.vue'
-  import Penpot from 'Svg/apps/penpot.vue'
+import Penpot from 'Svg/apps/penpot.vue'
-  import Plausible from 'Svg/apps/plausible.vue'
+import Plausible from 'Svg/apps/plausible.vue'
 import Rss from 'Svg/apps/rss.vue'
-  export default {
+export default {
-    components: { Code, Deluge, Drone, Gitea, Jellyfin,Nextcloud, Penpot, Plausible },
+  components: {
-    data: () => ({
+    CodeServer,
-      apps: ['Deluge', 'Drone', 'Gitea', 'Jellyfin', 'Nextcloud', 'Penpot', 'Plausible'],
+    Deluge,
-    }),
+    Drone,
-  }
+    Gitea,
    Jellyfin,
    Nextcloud,
    Penpot,
    Plausible,
    Rss,
  },
  data: () => ({
    apps: [
      'Deluge',
      'Drone',
      'Gitea',
      'Jellyfin',
      'Nextcloud',
      'Penpot',
      'Plausible',
      'Rss',
    ],
  }),
 }
 </script>
 <template>
  <section>
-    <h2 class="title">
+    <h2 class="title">Pre-configured applications</h2>
      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">
+      <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">
+        <a
          :href="
            'https://github.com/valerebron/pegaz/tree/master/services/' +
            app.toLowerCase()
          "
          :title="app"
        >
          <component :is="app" class="app" />
        </a>
      </li>
--- a/src/components/backup-restore.vue
+++ b/src/components/backup-restore.vue
@@ -1,153 +1,156 @@
 <script>
-  import Penpot from 'Svg/apps/penpot.vue'
+import Penpot from 'Svg/apps/penpot.vue'
-  import Deluge from 'Svg/apps/deluge.vue'
+import Deluge from 'Svg/apps/deluge.vue'
-  import Gitea from 'Svg/apps/gitea.vue'
+import Gitea from 'Svg/apps/gitea.vue'
-  import Folder from 'Svg/folder.vue'
+import Folder from 'Svg/folder.vue'
-  import Storj from 'Svg/storj.vue'
+import Storj from 'Svg/storj.vue'
-  import Terminal from 'Component/terminal.vue'
+import Terminal from 'Component/terminal.vue'
-  export default {
+export default {
-    components: {Penpot, Deluge, Gitea, Storj, Folder},
+  components: { Penpot, Deluge, Gitea, Storj, Folder },
-    data: () => ({
+  data: () => ({
-      terminalContent: '',
+    terminalContent: '',
-      penpotClass: [],
+    penpotClass: [],
-      delugeClass: [],
+    delugeClass: [],
-      folderClass: [],
+    folderClass: [],
-      storjClass: [],
+    storjClass: [],
-      progressBarClass: [],
+    progressBarClass: [],
-      progressClass: '',
+    progressClass: '',
-      startApps: '',
+    startApps: '',
-      endApps: '',
+    endApps: '',
-      upClass: ['animate-upApp', 'mx-2', 'md:mx-12'],
+    upClass: ['animate-upApp', 'mx-2', 'md:mx-12'],
-      downClass: [],
+    downClass: [],
-      pauseClass: [],
+    pauseClass: [],
-      compressingClass: [],
+    compressingClass: [],
-      isDemonstrationEnded: false,
+    isDemonstrationEnded: false,
-    }),
+  }),
-    methods: {
+  methods: {
-      delay(time) {
+    delay(time) {
-        return new Promise(resolve => setTimeout(resolve, time))
+      return new Promise((resolve) => setTimeout(resolve, time))
      },
      demonstration() {
        this.isDemonstrationEnded = false
        this.terminalContent = ''
        this.folderClass = this.storjClass = this.downClass
        this.penpotClass = this.delugeClass = this.giteaClass = this.upClass
        this.storjClass = ['hidden']
        this.progressBarClass = ['opacity-0']
        this.progressClass = 'w-0'
        this.startApps = 'w-full'
        this.endApps = 'hidden'
        this.upClass = ['animate-upApp', 'mx-2', 'md:mx-12']
        this.downClass = ['opacity-0', 'w-0', 'p-0', 'h-0']
        this.pauseClass = ['filter', 'grayscale']
        this.compressingClass = ['mx-0', 'rounded-none']
        let i = 0
        this.timer = setInterval(async () => {
          // pegaz backup
          if (i == 0) {
            let cmd = '$ pegaz backup\n'
            for (let y in cmd) {
              this.terminalContent += cmd[y]
              await this.delay(20)
            }
          }
          if (i == 1) {
            this.penpotClass = [...this.upClass, ...this.pauseClass]
            this.delugeClass = [...this.upClass, ...this.pauseClass]
            this.giteaClass = [...this.upClass, ...this.pauseClass]
          }
          if (i == 2) {
            this.penpotClass = [...this.compressingClass, ...this.pauseClass]
            this.delugeClass = [...this.compressingClass, ...this.pauseClass]
            this.giteaClass = [...this.compressingClass, ...this.pauseClass]
            this.penpotClass.push('rounded-l-xl', 'rounded-r-none')
            this.delugeClass.push('rounded-r-xl', 'rounded-l-none')
            this.startApps = 'w-16'
          }
          if (i == 3) {
            this.progressBarClass = 'opacity-100'
            this.progressClass = 'w-full'
          }
          if (i == 5) { 
            this.progressBarClass = 'opacity-0'
            this.folderClass = this.upClass
            this.startApps = ['hidden']
            this.endApps = ''
          }
          if (i == 1) this.terminalContent += 'Pausing apps ... done\n'
          if (i == 2) this.terminalContent += '[*] compressing files\n'
          if (i == 4) this.terminalContent += 'Unpausing apps ... done\n'
          if (i == 5) this.terminalContent += '[√] apps backup done\n'
          // pegaz restore
          // this.progressClass = 'w-0'
          // this.startApps = 'w-full'
          if (i == 7) this.terminalContent = ''
          if (i == 7) this.progressClass = 'w-0'
          if (i == 8) {
            let cmd = '$ pegaz restore\n'
            for (let y in cmd) {
              this.terminalContent += cmd[y]
              await this.delay(20)
            }
          }
          if (i == 10) { 
            this.progressBarClass = 'opacity-100'
            this.progressClass = 'w-full'
          }
          if (i == 11) {
            this.folderClass = this.downClass
            this.progressBarClass = 'opacity-0'
            this.startApps = 'w-full'
          }
          if (i == 11) {
            this.penpotClass = [...this.upClass, ...this.pauseClass]
            this.delugeClass = [...this.upClass, ...this.pauseClass]
            this.giteaClass = [...this.upClass, ...this.pauseClass]
          }
          if (i == 13) {
            this.penpotClass = [...this.upClass]
            this.delugeClass = [...this.upClass]
            this.giteaClass = [...this.upClass]
          }
          if (i == 9) this.terminalContent += 'Stoping apps ... done\n'
          if (i == 10) this.terminalContent += '[*] uncompressing files\n'
          if (i == 12) this.terminalContent += '[*] starting apps ...done\n'
          if (i == 13) this.terminalContent += '[√] apps restore done\n'
          i += 1
          if (i == 15) this.isDemonstrationEnded = true
          if (i == 15) this.progressClass = 'w-0'
          if (i == 15) this.terminalContent = ''
          // if (i == 15) clearInterval(this.timer)
          if (i == 15) i = 0
        }, 1000)
      }
    },
-    async created() {
+    demonstration() {
-      this.demonstration()
+      this.isDemonstrationEnded = false
      this.terminalContent = ''
      this.folderClass = this.storjClass = this.downClass
      this.penpotClass = this.delugeClass = this.giteaClass = this.upClass
      this.storjClass = ['hidden']
      this.progressBarClass = ['opacity-0']
      this.progressClass = 'w-0'
      this.startApps = 'w-full'
      this.endApps = 'hidden'
      this.upClass = ['animate-upApp', 'mx-2', 'md:mx-12']
      this.downClass = ['opacity-0', 'w-0', 'p-0', 'h-0']
      this.pauseClass = ['filter', 'grayscale']
      this.compressingClass = ['mx-0', 'rounded-none']
      let i = 0
      this.timer = setInterval(async () => {
        // pegaz backup
        if (i == 0) {
          let cmd = '$ pegaz backup\n'
          for (let y in cmd) {
            this.terminalContent += cmd[y]
            await this.delay(20)
          }
        }
        if (i == 1) {
          this.penpotClass = [...this.upClass, ...this.pauseClass]
          this.delugeClass = [...this.upClass, ...this.pauseClass]
          this.giteaClass = [...this.upClass, ...this.pauseClass]
        }
        if (i == 2) {
          this.penpotClass = [...this.compressingClass, ...this.pauseClass]
          this.delugeClass = [...this.compressingClass, ...this.pauseClass]
          this.giteaClass = [...this.compressingClass, ...this.pauseClass]
          this.penpotClass.push('rounded-l-xl', 'rounded-r-none')
          this.delugeClass.push('rounded-r-xl', 'rounded-l-none')
          this.startApps = 'w-16'
        }
        if (i == 3) {
          this.progressBarClass = 'opacity-100'
          this.progressClass = 'w-full'
        }
        if (i == 5) {
          this.progressBarClass = 'opacity-0'
          this.folderClass = this.upClass
          this.startApps = ['hidden']
          this.endApps = ''
        }
        if (i == 1) this.terminalContent += 'Pausing apps ... done\n'
        if (i == 2) this.terminalContent += '[*] compressing files\n'
        if (i == 4) this.terminalContent += 'Unpausing apps ... done\n'
        if (i == 5) this.terminalContent += '[√] apps backup done\n'
        // pegaz restore
        // this.progressClass = 'w-0'
        // this.startApps = 'w-full'
        if (i == 7) this.terminalContent = ''
        if (i == 7) this.progressClass = 'w-0'
        if (i == 8) {
          let cmd = '$ pegaz restore\n'
          for (let y in cmd) {
            this.terminalContent += cmd[y]
            await this.delay(20)
          }
        }
        if (i == 10) {
          this.progressBarClass = 'opacity-100'
          this.progressClass = 'w-full'
        }
        if (i == 11) {
          this.folderClass = this.downClass
          this.progressBarClass = 'opacity-0'
          this.startApps = 'w-full'
        }
        if (i == 11) {
          this.penpotClass = [...this.upClass, ...this.pauseClass]
          this.delugeClass = [...this.upClass, ...this.pauseClass]
          this.giteaClass = [...this.upClass, ...this.pauseClass]
        }
        if (i == 13) {
          this.penpotClass = [...this.upClass]
          this.delugeClass = [...this.upClass]
          this.giteaClass = [...this.upClass]
        }
        if (i == 9) this.terminalContent += 'Stoping apps ... done\n'
        if (i == 10) this.terminalContent += '[*] uncompressing files\n'
        if (i == 12) this.terminalContent += '[*] starting apps ...done\n'
        if (i == 13) this.terminalContent += '[√] apps restore done\n'
        i += 1
        if (i == 15) this.isDemonstrationEnded = true
        if (i == 15) this.progressClass = 'w-0'
        if (i == 15) this.terminalContent = ''
        // if (i == 15) clearInterval(this.timer)
        if (i == 15) i = 0
      }, 1000)
    },
-  }
+  },
  async created() {
    this.demonstration()
  },
 }
 </script>
 <template>
-  <h2 class="title">
+  <h2 class="title">Backup & restore</h2>
    Backup & restore
  </h2>
  <section class="pegaz-section">
    <Terminal :terminalContent="terminalContent" />
-    <div class="flex flex-col items-center w-1/2 h-20 relative rounded-b-xl transition-all">
+    <div
-      <div class="flex transition-all justify-center duration-1000" :class="startApps">
+      class="flex flex-col items-center w-1/2 h-20 relative rounded-b-xl transition-all"
    >
      <div
        class="flex transition-all justify-center duration-1000"
        :class="startApps"
      >
        <Penpot :class="penpotClass" class="app app--backup" />
        <Gitea :class="giteaClass" class="app app--backup hidden md:block" />
        <Deluge :class="delugeClass" class="app app--backup" />
@@ -155,15 +158,18 @@
      <div :class="endApps">
        <div class="app" :class="folderClass">
          <Folder class="text-yellow-400" />
-          <div class="-mt-7 text-sm text-center">
+          <div class="-mt-7 text-sm text-center">tar.gz</div>
            tar.gz
          </div>
        </div>
        <Storj class="hidden" :class="storjClass" />
      </div>
      <div class="flex mt-10 w-14 absolute" :class="progressBarClass">
-        <span class="h-2 w-full absolute bg-black rounded-full opacity-10"></span>
+        <span
-        <span class="h-2 absolute rounded-full bg-green-400 transition-all duration-1000" :class="progressClass"></span>
+          class="h-2 w-full absolute bg-black rounded-full opacity-10"
        ></span>
        <span
          class="h-2 absolute rounded-full bg-green-400 transition-all duration-1000"
          :class="progressClass"
        ></span>
      </div>
    </div>
  </section>
--- a/src/components/demo.vue
+++ b/src/components/demo.vue
@@ -1,136 +1,172 @@
 <script>
-  import Nextcloud from 'Svg/apps/nextcloud.vue'
+import Nextcloud from 'Svg/apps/nextcloud.vue'
-  import Jellyfin from 'Svg/apps/jellyfin.vue'
+import Jellyfin from 'Svg/apps/jellyfin.vue'
-  import Backbutton from 'Svg/backbutton.vue'
+import Backbutton from 'Svg/backbutton.vue'
-  import Terminal from 'Component/terminal.vue'
+import Terminal from 'Component/terminal.vue'
-  export default {
+export default {
-    components: {Nextcloud, Jellyfin, Backbutton},
+  components: { Nextcloud, Jellyfin, Backbutton },
-    data: () => ({
+  data: () => ({
-      terminalContent: '',
+    terminalContent: '',
-      subDomain: '',
+    subDomain: '',
-      nextcloudClass: [],
+    nextcloudClass: [],
-      jellyfinClass: [],
+    jellyfinClass: [],
-      backbuttonClass: [],
+    backbuttonClass: [],
-      subdomainClass: [],
+    subdomainClass: [],
-      isDemonstrationEnded: false,
+    isDemonstrationEnded: false,
-    }),
+  }),
-    methods: {
+  methods: {
-      demonstration() {
+    demonstration() {
-        const upClass = ['w-20', 'p-4', 'opacity-100', 'animate-upApp', 'rounded-xl']
+      const upClass = [
-        const downClass = ['opacity-0', 'w-0', 'p-0']
+        'w-20',
-        const openClass = ['w-full', 'h-full', 'p-20', 'rounded-b-xl', 'bg-gradient-to-r', 'from-violet-100', 'to-indigo-100']
+        'p-4',
-        const closeClass = ['w-20', 'p-4', 'opacity-100', 'animate-upApp', 'rounded-xl', 'm-2']
+        'opacity-100',
        'animate-upApp',
        'rounded-xl',
      ]
      const downClass = ['opacity-0', 'w-0', 'p-0']
      const openClass = [
        'w-full',
        'h-full',
        'p-20',
        'rounded-b-xl',
        'bg-gradient-to-r',
        'from-violet-100',
        'to-indigo-100',
      ]
      const closeClass = [
        'w-20',
        'p-4',
        'opacity-100',
        'animate-upApp',
        'rounded-xl',
        'm-2',
      ]
-        function delay(time) {
+      function delay(time) {
-          return new Promise(resolve => setTimeout(resolve, time))
+        return new Promise((resolve) => setTimeout(resolve, time))
      }
      this.isDemonstrationEnded = false
      this.terminalContent = ''
      this.nextcloudClass = this.jellyfinClass = downClass
      let i = 0
      this.timer = setInterval(async () => {
        // nextcloud
        // up
        if (i == 0) {
          let cmd = '$ pegaz up nextcloud\n'
          for (let y in cmd) {
            this.terminalContent += cmd[y]
            await delay(20)
          }
        }
        if (i == 1) this.terminalContent += 'Creating nextcloud ... done\n'
        if (i == 2) this.terminalContent += '[√] https://nextcloud.domain.com\n'
        if (i == 3) this.nextcloudClass = upClass
        // open
        if (i == 5) this.nextcloudClass.push('animate-openApp')
        if (i == 6) this.nextcloudClass = openClass
        if (i == 6) this.subDomain = 'cloud.'
        if (i == 6) this.subdomainClass = ['']
        if (i == 6) this.subdomainClass = ['animate-click']
        //close
        if (i == 7) this.terminalContent = ''
        if (i == 9) this.backbuttonClass = ['animate-click']
        if (i == 10) this.nextcloudClass = closeClass
        if (i == 10) this.subDomain = this.backbuttonClass = ''
-        this.isDemonstrationEnded = false
+        // jellyfin
-        this.terminalContent = ''
+        // up
-        this.nextcloudClass = this.jellyfinClass = downClass
+        if (i == 11) {
-
+          let cmd = '$ pegaz up jellyfin\n'
-        let i = 0
+          for (let y in cmd) {
-
+            this.terminalContent += cmd[y]
-        this.timer = setInterval(async () => {
+            await delay(20)
          // nextcloud
          // up
          if (i == 0) {
            let cmd = '$ pegaz up nextcloud\n'
            for (let y in cmd) {
              this.terminalContent += cmd[y]
              await delay(20)
            }
          }
-          if (i == 1) this.terminalContent += 'Creating nextcloud ... done\n'
+        }
-          if (i == 2) this.terminalContent += '[√] https://nextcloud.domain.com\n'
+        if (i == 12) this.terminalContent += 'Creating jellyfin ... done\n'
-          if (i == 3) this.nextcloudClass = upClass
+        if (i == 13) this.terminalContent += '[√] https://jellyfin.domain.com\n'
-          // open
+        if (i == 14) this.jellyfinClass = closeClass
-          if (i == 5) this.nextcloudClass.push('animate-openApp')
+        // open
-          if (i == 6) this.nextcloudClass = openClass
+        if (i == 16) this.jellyfinClass.push('animate-openApp')
-          if (i == 6) this.subDomain = 'cloud.'
+        if (i == 16) this.nextcloudClass = downClass
-          if (i == 6) this.subdomainClass = ['']
+        if (i == 17) this.jellyfinClass = openClass
-          if (i == 6) this.subdomainClass = ['animate-click']
+        if (i == 17) this.subDomain = 'jellyfin.'
-          //close
+        if (i == 6) this.subdomainClass = ['']
-          if (i == 7) this.terminalContent = ''
+        if (i == 6) this.subdomainClass = ['animate-click']
-          if (i == 9) this.backbuttonClass = ['animate-click']
+        //close
-          if (i == 10) this.nextcloudClass = closeClass
+        if (i == 20) this.backbuttonClass = ['animate-click']
-          if (i == 10) this.subDomain = this.backbuttonClass = ''
+        if (i == 21) this.jellyfinClass = this.nextcloudClass = closeClass
        if (i == 21) this.subDomain = ''
        if (i == 21) this.terminalContent = ''
-          // jellyfin
+        // nextcloud down
-          // up
+        if (i == 23) {
-          if (i == 11) {
+          let cmd = '$ pegaz down nextcloud\n'
-            let cmd = '$ pegaz up jellyfin\n'
+          for (let y in cmd) {
-            for (let y in cmd) {
+            this.terminalContent += cmd[y]
-              this.terminalContent += cmd[y]
+            await delay(20)
              await delay(20)
            }
          }
-          if (i == 12) this.terminalContent += 'Creating jellyfin ... done\n'
+        }
-          if (i == 13) this.terminalContent += '[√] https://jellyfin.domain.com\n'
+        if (i == 24) this.terminalContent += 'Stopping nextcloud ... done\n'
-          if (i == 14) this.jellyfinClass = closeClass
+        if (i == 25) this.terminalContent += '[√] Removing nextcloud ... done\n'
-          // open
+        if (i == 26) this.nextcloudClass = downClass
-          if (i == 16) this.jellyfinClass.push('animate-openApp')
+        if (i == 27) this.isDemonstrationEnded = true
          if (i == 16) this.nextcloudClass = downClass
          if (i == 17) this.jellyfinClass = openClass
          if (i == 17) this.subDomain = 'jellyfin.'
          if (i == 6) this.subdomainClass = ['']
          if (i == 6) this.subdomainClass = ['animate-click']
          //close
          if (i == 20) this.backbuttonClass = ['animate-click']
          if (i == 21) this.jellyfinClass = this.nextcloudClass = closeClass
          if (i == 21) this.subDomain = ''
          if (i == 21) this.terminalContent = ''
-          // nextcloud down
+        i += 1
          if (i == 23) {
            let cmd = '$ pegaz down nextcloud\n'
            for (let y in cmd) {
              this.terminalContent += cmd[y]
              await delay(20)
            }
          }
          if (i == 24) this.terminalContent += 'Stopping nextcloud ... done\n'
          if (i == 25) this.terminalContent += '[√] Removing nextcloud ... done\n'
          if (i == 26) this.nextcloudClass = downClass
          if (i == 27) this.isDemonstrationEnded = true
-          i += 1
+        // if (i == 30) clearInterval(this.timer)
-
+        if (i == 30) this.terminalContent = ''
-          // if (i == 30) clearInterval(this.timer)
+        if (i == 30) this.jellyfinClass = downClass
-          if (i == 30) this.terminalContent = ''
+        if (i == 30) i = 0
-          if (i == 30) this.jellyfinClass = downClass
+      }, 1000)
          if (i == 30) i = 0
        }, 1000)
      }
    },
-    async created() {
+  },
-      let isPageScrolled = false
+  async created() {
-      this.nextcloudClass = this.jellyfinClass = []
+    let isPageScrolled = false
-      document.onscroll = (event) => {
+    this.nextcloudClass = this.jellyfinClass = []
-        if (!isPageScrolled) this.demonstration()
+    document.onscroll = (event) => {
-        isPageScrolled = true
+      if (!isPageScrolled) this.demonstration()
-      }
+      isPageScrolled = true
-    },
+    }
-  }
+  },
 }
 </script>
 <template>
  <section class="pegaz-section">
    <Terminal :terminalContent="terminalContent" />
-    <div class="bg-slate-400 flex flex-col items-center relative rounded-2xl w-full md:w-2/4 m-0 md:min-w-fit h-80 max-h-80 md:-ml-8 md:z-0">
+    <div
-      <div class="bg-white flex items-center rounded-2xl pr-4 pl-2 py-1 m-4 w-4/5">
+      class="bg-slate-400 flex flex-col items-center relative rounded-2xl w-full m-0 md:min-w-fit max-w-2xl h-80 max-h-80 md:-ml-8 md:z-0"
-        <Backbutton class="mr-3 p-1 bg-slate-300 rounded-full" :class="backbuttonClass" />
+    >
-        <span class="text-gray-400">
+      <div
-          https://
+        class="bg-white flex items-center rounded-2xl pr-4 pl-2 py-1 m-4 w-4/5"
-        </span>
+      >
        <Backbutton
          class="mr-3 p-1 bg-slate-300 rounded-full"
          :class="backbuttonClass"
        />
        <span class="text-gray-400"> https:// </span>
        <span class="text-indigo-700 font-bold" :class="subdomainClass">
-          {{ subDomain }}
+          {{ subDomain }} </span
-        </span>domain.com
+        >domain.com
      </div>
-      <div class="bg-white w-full h-full flex rounded-b-xl justify-center items-center">
+      <div
-        <Nextcloud class="app" :class="nextcloudClass" title="nextcloud.domain.com" />
+        class="bg-white w-full h-full flex rounded-b-xl justify-center items-center"
-        <Jellyfin class="app" :class="jellyfinClass" title="jellyfin.domain.com" />
+      >
        <Nextcloud
          class="app"
          :class="nextcloudClass"
          title="nextcloud.domain.com"
        />
        <Jellyfin
          class="app"
          :class="jellyfinClass"
          title="jellyfin.domain.com"
        />
      </div>
    </div>
  </section>
--- a/src/components/disclaimer.vue
+++ b/src/components/disclaimer.vue
@@ -4,13 +4,11 @@
      Pegaz is a simple web-service launcher.
      <br />
      <br />
-      In extending <b>docker-compose</b> functionnality, pegaz let you control <b>multiple</b> docker-compose.yml
+      In extending <b>docker-compose</b> functionnality, pegaz let you control
-      <b>configurations</b>.
+      <b>multiple</b> docker-compose.yml <b>configurations</b>.
    </p>
    <div class="my-20">
-      <h2 class="title">
+      <h2 class="title">Features</h2>
        Features
      </h2>
      <ul class="text-xl md:text-2xl p-6 [&>li]:leading-10 [&>li]:md:pb-6">
        <li>🔒 ssl certification</li>
        <li>🎉 sub-domain & multi-domain directly in docker-compose file</li>
--- a/src/components/hero-buttons.vue
+++ b/src/components/hero-buttons.vue
@@ -1,36 +1,45 @@
 <script>
-  import ClipBoard from 'Svg/clipboard.vue'
+import ClipBoard from 'Svg/clipboard.vue'
-  export default {
+export default {
-    components: { ClipBoard },
+  components: { ClipBoard },
-    data: () => {
+  data: () => {
-      return {
+    return {
-        isClicked: false,
+      isClicked: false,
-      }
+    }
-    },
+  },
-    methods: {
+  methods: {
-      copyToClipBoard() {
+    copyToClipBoard() {
-        navigator.clipboard.writeText('curl -sL get.pegaz.io | sudo bash').then(() => {
+      navigator.clipboard
        .writeText('curl -sL get.pegaz.io | sudo bash')
        .then(() => {
          this.isClicked = true
          setTimeout(() => {
            this.isClicked = false
-          }, 600);
+          }, 600)
-        })  
+        })
      },
    },
-  }
+  },
 }
 </script>
 <template>
  <section class="py-4 sm:flex justify-center items-center">
-    <a href="https://github.com/valerebron/pegaz" target="_blank"
+    <a
-      class="py-4 px-6 h-14 leading-6 flex justify-center bg-indigo-600 text-white text-lg capitalize font-semibold mb-4 sm:mb-0 rounded-xl shadow-md hover:bg-indigo-500 focus:outline-none focus:ring-4 hover:ring-indigo-200 focus:ring-indigo-300 focus:ring-opacity-100 transition-all">
+      href="https://github.com/valerebron/pegaz"
      target="_blank"
      class="py-4 px-6 h-14 leading-6 flex justify-center bg-indigo-600 text-white text-lg capitalize font-semibold mb-4 sm:mb-0 rounded-xl shadow-md hover:bg-indigo-500 focus:outline-none focus:ring-4 hover:ring-indigo-200 focus:ring-indigo-300 focus:ring-opacity-100 transition-all"
    >
      get started
    </a>
-    <div class="font-mono bg-neutral-900 text-neutral-50 text-base rounded-xl flex justify-between items-center pl-3 pr-4 py-4 sm:ml-4 border border-transparent text-base shadow-primary-700 relative">
+    <div
-      <span class="select-all">
+      class="font-mono bg-neutral-900 text-neutral-50 text-base rounded-xl flex justify-between items-center pl-3 pr-4 py-4 sm:ml-4 border border-transparent text-base shadow-primary-700 relative"
-        curl -sL get.pegaz.io | sudo bash
+    >
-      </span>
+      <span class="select-all"> curl -sL get.pegaz.io | sudo bash </span>
-      <ClipBoard class="ml-3 cursor-pointer" :class="{ 'animate-ping': isClicked }" @click="copyToClipBoard" />
+      <ClipBoard
        class="ml-3 cursor-pointer"
        :class="{ 'animate-ping': isClicked }"
        @click="copyToClipBoard"
      />
    </div>
  </section>
 </template>
--- a/src/components/hero-title.vue
+++ b/src/components/hero-title.vue
@@ -1,5 +1,5 @@
 <script setup>
-  import Logo from 'Svg/logo.vue'
+import Logo from 'Svg/logo.vue'
 </script>
 <template>
@@ -14,12 +14,8 @@
      <Logo />
    </div>
    <div class="text-center py-4">
-      <h1 class="text-5xl font-bold leading-relaxed">
+      <h1 class="text-5xl font-bold leading-relaxed">Pegaz.io</h1>
-        Pegaz.io
+      <h2 class="text-3xl text-center">Deploy stack on the go</h2>
      </h1>
      <h2 class="text-3xl text-center">
        Deploy stack on the go
      </h2>
    </div>
  </section>
-</template>
+</template>
--- a/src/components/terminal.vue
+++ b/src/components/terminal.vue
@@ -1,25 +1,34 @@
 <script>
-  export default {
+export default {
-    props: {
+  props: {
-      terminalContent: {
+    terminalContent: {
-        required: true,
+      required: true,
-        type: String,
+      type: String,
      },
    },
-  }
+  },
 }
 </script>
 <template>
-  <div class="bg-slate-900 flex-row rounded-xl w-4/5 md:w-96 max-w-full md:min-w-max h-56 md:z-10 -mb-8 md:-mb-0">
+  <div
-      <div class="p-3 flex justify-between w-20">
+    class="bg-slate-900 flex-row rounded-xl w-4/5 md:w-96 max-w-full md:min-w-max h-56 md:z-10 -mb-8 md:-mb-0"
-        <div class="bg-green-400 h-4 w-4 r-1 rounded-full"></div>
+  >
-        <div class="bg-yellow-300 h-4 w-4 r-1 rounded-full"></div>
+    <div class="p-3 flex justify-between w-20">
-        <div class="bg-red-600 h-4 w-4 r-1 rounded-full"></div>
+      <div class="bg-green-400 h-4 w-4 r-1 rounded-full"></div>
-      </div>
+      <div class="bg-yellow-300 h-4 w-4 r-1 rounded-full"></div>
-      <div class="flex h-4/5">
+      <div class="bg-red-600 h-4 w-4 r-1 rounded-full"></div>
        <code class="w-full text-white font-mono text-xs md:text-base p-4 pt-0 mr-0 overflow-scroll whitespace-pre">
          {{ terminalContent }}<span class="w-2 h-4 bg-white inline-block relative" style="margin-bottom: -2px;" ref="terminal" />
        </code>
      </div>
    </div>
    <div class="flex h-4/5">
      <code
        class="w-full text-white font-mono text-xs md:text-base p-4 pt-0 mr-0 overflow-scroll whitespace-pre"
      >
        {{ terminalContent
        }}<span
          class="w-2 h-4 bg-white inline-block relative"
          style="margin-bottom: -2px"
          ref="terminal"
        />
      </code>
    </div>
  </div>
 </template>
--- a/src/layouts/404.vue
+++ b/src/layouts/404.vue
@@ -1,10 +1,10 @@
 <template>
-    <main class="max-w-5xl p-5 mx-auto my-10 text-center">
+  <main class="max-w-5xl p-5 mx-auto my-10 text-center">
-        <router-view />
+    <router-view />
-        <div>
+    <div>
-            <v-button @click="router.back()"> Go Back </v-button>
+      <v-button @click="router.back()"> Go Back </v-button>
-        </div>
+    </div>
-    </main>
+  </main>
 </template>
 <script setup>
@@ -12,7 +12,7 @@ import { useRouter } from 'vue-router'
 import { useMeta } from 'vue-meta'
 useMeta({
-    title: '404 - Not found!',
+  title: '404 - Not found!',
 })
 const router = useRouter()
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,3 +1,3 @@
 <template>
-    <router-view />
+  <router-view />
-</template>
+</template>
--- a/src/main.js
+++ b/src/main.js
@@ -1,20 +1,23 @@
-import { createApp } from 'vue'
+import { createApp } from 'vue';
-import { createMetaManager } from 'vue-meta'
+import { createMetaManager } from 'vue-meta';
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHistory } from 'vue-router';
-import { createPinia } from 'pinia'
+import { createPinia } from 'pinia';
-import { setupLayouts } from 'virtual:generated-layouts'
+import { setupLayouts } from 'virtual:generated-layouts';
-import generatedRoutes from 'virtual:generated-pages'
+import generatedRoutes from 'virtual:generated-pages';
-import App from './App.vue'
+import App from './App.vue';
-import './index.css'
+import './index.css';
-const routes = setupLayouts(generatedRoutes)
+const routes = setupLayouts(generatedRoutes);
 const router = createRouter({
-    history: createWebHistory(),
+  history: createWebHistory(),
-    routes,
+  routes,
-})
+});
-const app = createApp(App).use(router).use(createPinia()).use(createMetaManager())
+const app = createApp(App)
  .use(router)
  .use(createPinia())
  .use(createMetaManager());
-await router.isReady()
+router.isReady();
-app.mount('#app')
+app.mount('#app');
--- a/src/pages/[...all].vue
+++ b/src/pages/[...all].vue
@@ -1,8 +1,8 @@
 <template>
-    <div class="py-4 text-2xl text-center">Page Not found!</div>
+  <div class="py-4 text-2xl text-center">Page Not found!</div>
 </template>
 <route lang="yaml">
 meta:
-    layout: 404
+  layout: 404
 </route>
--- a/src/pages/about/[name].vue
+++ b/src/pages/about/[name].vue
@@ -1,17 +1,17 @@
 <template>
-    <div>
+  <div>
-        <h1 class="text-2xl font-bold">About {{ usersStore.name }}</h1>
+    <h1 class="text-2xl font-bold">About {{ usersStore.name }}</h1>
-        <p class="my-8">
+    <p class="my-8">
-            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Itaque
+      Lorem ipsum dolor sit amet consectetur, adipisicing elit. Itaque
-            voluptatem consequuntur molestiae cumque recusandae eos non,
+      voluptatem consequuntur molestiae cumque recusandae eos non, consectetur,
-            consectetur, repellat architecto illo nobis, voluptatum dolor!
+      repellat architecto illo nobis, voluptatum dolor! Reprehenderit, nam
-            Reprehenderit, nam veniam quibusdam ab nulla rem.
+      veniam quibusdam ab nulla rem.
-        </p>
+    </p>
-        <router-link to="/">
+    <router-link to="/">
-            <v-button>Back to home</v-button>
+      <v-button>Back to home</v-button>
-        </router-link>
+    </router-link>
-    </div>
+  </div>
 </template>
 <script setup>
@@ -19,7 +19,7 @@ import { useMeta } from 'vue-meta'
 import { useUsersStore } from 'Store/useUsersStore'
 useMeta({
-    title: 'About Page',
+  title: 'About Page',
 })
 const usersStore = useUsersStore()
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -37,7 +37,7 @@ import BackupRestore from 'Component/backup-restore.vue'
 import Disclaimer from 'Component/disclaimer.vue'
 useMeta({
-  title: 'Deploy stack',
+  title: 'Deploy stack on the go'
 })
 const router = useRouter()
@@ -56,13 +56,13 @@ function saveName() {
 </script>
 <style>
-  .pegaz-section {
+.pegaz-section {
-    @apply flex flex-col md:flex-row items-center justify-center mb-28
+  @apply flex flex-col md:flex-row items-center justify-center mb-28;
-  }
+}
-  .title {
+.title {
-    @apply text-3xl text-center mb-10  uppercase text-transparent bg-clip-text bg-gradient-to-r from-violet-900 to-blue-500
+  @apply text-3xl text-center mb-10  uppercase text-transparent bg-clip-text bg-gradient-to-r from-violet-900 to-blue-500;
-  }
+}
-  .app {
+.app {
-    @apply bg-black bg-opacity-10 w-20 h-20 p-4 rounded-xl flex-wrap cursor-pointer inline-block transition-all
+  @apply bg-black bg-opacity-10 w-20 h-20 p-4 rounded-xl flex-wrap cursor-pointer inline-block transition-all;
-  }
+}
 </style>
--- a/src/stores/useUsersStore.js
+++ b/src/stores/useUsersStore.js
@@ -3,22 +3,20 @@ import { defineStore, acceptHMRUpdate } from 'pinia'
 export const useUsersStore = defineStore('users', {
  state: () => {
    return {
-      name: 'John Doe'
+      name: 'John Doe',
    }
  },
-	getters: {
+  getters: {
-    nameUppercased: (state) => state.name.toUpperCase()
+    nameUppercased: (state) => state.name.toUpperCase(),
  },
-	actions: {
+  actions: {
    saveName(name) {
-			this.name = name
+      this.name = name
-    }
+    },
  },
 })
 if (import.meta.hot)
  import.meta.hot.accept(acceptHMRUpdate(useUsersStore, import.meta.hot))
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,54 +1,53 @@
 module.exports = {
-  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
+  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: 'class',
  theme: {
    extend: {
-			keyframes: {
+      keyframes: {
-				blink: {
+        blink: {
-					'0%': { opacity: '0' },
+          '0%': { opacity: '0' },
-					'100%': { opacity: '100'},
+          '100%': { opacity: '100' },
-				},
+        },
-				slide: {
+        slide: {
-					'0%': { transform: 'translateX(-40px)' },
+          '0%': { transform: 'translateX(-40px)' },
-					'100%': { transform: 'translateX(0px)' },
+          '100%': { transform: 'translateX(0px)' },
-				},
+        },
-				fadin: {
+        fadin: {
-					'0%': { opacity: '0' },
+          '0%': { opacity: '0' },
-					'100%': { opacity: '1' },
+          '100%': { opacity: '1' },
-				},
+        },
-				fadeout: {
+        fadeout: {
-					'0%': { opacity: '1' },
+          '0%': { opacity: '1' },
-					'100%': { opacity: '0' },
+          '100%': { opacity: '0' },
-				},
+        },
-				upApp: {
+        upApp: {
-					'0%': { transform: 'scale(0)' },
+          '0%': { transform: 'scale(0)' },
-					'90%': { transform: 'scale(1.2)' },
+          '90%': { transform: 'scale(1.2)' },
-					'100%': { transform: 'sale(1)' },
+          '100%': { transform: 'sale(1)' },
-				},
+        },
-				openApp: {
+        openApp: {
-					'0%': { transform: 'scale(0.8)' },
+          '0%': { transform: 'scale(0.8)' },
-					'50%': { transform: 'scale(1.2)' },
+          '50%': { transform: 'scale(1.2)' },
-					'100%': { transform: 'sale(1)' },
+          '100%': { transform: 'sale(1)' },
-				},
+        },
-				click: {
+        click: {
-					'0%': { transform: 'scale(0.5)' },
+          '0%': { transform: 'scale(0.5)' },
-					'50%': { transform: 'scale(1.5)' },
+          '50%': { transform: 'scale(1.5)' },
-					'100%': { transform: 'sale(1)' },
+          '100%': { transform: 'sale(1)' },
-				},
+        },
-			},
+      },
-			animation: {
+      animation: {
-				blink: 'blink .6s infinite',
+        blink: 'blink .6s infinite',
-				slide: 'slide .3s',
+        slide: 'slide .3s',
-				fadeout: 'fadeout .8s',
+        fadeout: 'fadeout .8s',
-				upApp: 'upApp .5s cubic-bezier(0, 0, 0.2, 1)',
+        upApp: 'upApp .5s cubic-bezier(0, 0, 0.2, 1)',
-				openApp: 'openApp .3s cubic-bezier(0, 0, 0.2, 1)',
+        openApp: 'openApp .3s cubic-bezier(0, 0, 0.2, 1)',
-				click: 'click .3s cubic-bezier(0, 0, 0.2, 1)',
+        click: 'click .3s cubic-bezier(0, 0, 0.2, 1)',
-
+      },
 			},
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
-};
+}
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -0,0 +1,13 @@
 {
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "node",
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "experimentalDecorators": true,
    "lib": ["dom", "esnext"]
  },
  "exclude": ["node_modules", "dist"]
 }
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,19 +4,20 @@ import vue from '@vitejs/plugin-vue'
 import Pages from 'vite-plugin-pages'
 import Components from 'unplugin-vue-components/vite'
 import Layouts from 'vite-plugin-vue-layouts'
 import eslintPlugin from 'vite-plugin-eslint'
 export default defineConfig({
  resolve: {
    alias: {
      '~': path.resolve(__dirname, 'src'),
-      'Component': path.resolve(__dirname, 'src/components'),
+      Component: path.resolve(__dirname, 'src/components'),
-      'Store': path.resolve(__dirname, 'src/stores'),
+      Store: path.resolve(__dirname, 'src/stores'),
-      'Svg': path.resolve(__dirname, 'src/assets/svg'),
+      Svg: path.resolve(__dirname, 'src/assets/svg'),
    },
  },
-  plugins: [vue(), Pages(), Layouts(), Components()],
+  plugins: [vue(), Pages(), Layouts(), Components(), eslintPlugin()],
  build: {
-    target: 'esnext'
+    target: 'esnext',
  },
  test: {
    environment: 'happy-dom',