add umami tracking

new sub domain / redirection
fixes
2025-08-30 18:09:48 +02:00 · 2025-08-29 23:40:09 +02:00 · 2025-08-29 16:53:14 +02:00 · 2025-08-29 16:24:52 +02:00 · 2025-08-29 16:08:08 +02:00 · 2025-01-21 22:11:14 +01:00
83 changed files with 10724 additions and 23873 deletions
--- a/.drone.yml
+++ b/.drone.yml
@@ -1,36 +0,0 @@
-kind: pipeline
-type: docker
-name: default
-
-steps:
-  - name: deploy
-    image: docker:dind
-    volumes:
-      - name: docker
-        path: /var/run/docker.sock
-      - name: pegaz
-        path: /opt/pegaz
-    environment:
-      CI_DOMAIN:
-        from_secret: CI_DOMAIN
-    commands:
-      - apk add --upgrade npm bash findutils rsync sed
-      - source /opt/pegaz/config.sh
-      - adduser -D $USERNAME
-      - WORKDIR="/opt/pegaz/services/$DRONE_REPO_NAME"
-      - rm -rf $WORKDIR
-      - su $USERNAME -c "mkdir $WORKDIR"
-      - su $USERNAME -c "rsync -av --exclude  ./node_modules /drone/src/ $WORKDIR"
-      - cd $WORKDIR
-      - npm install
-      - '[[ -f config.sh ]] && sed -i "s|DOMAIN=.*|DOMAIN=\"$CI_DOMAIN\"|g" config.sh'
-      - '[[ -f .env ]] && sed -i "s|DOMAIN=.*|DOMAIN=\"$CI_DOMAIN\"|g" .env'
-      - bash /opt/pegaz/cli.pegaz.sh up $DRONE_REPO_NAME
-
-volumes:
-  - name: pegaz
-    host:
-      path: /opt/pegaz
-  - name: docker
-    host:
-      path: /var/run/docker.sock
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,21 @@
+name: Deploy App
+on: [push]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-22.04
+    container:
+      volumes:
+        - /var/docker-web:/var/docker-web
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: install
+        run: |
+          APP_DIR=/var/docker-web/apps/${GITHUB_REPOSITORY##*/}
+          mkdir -p $APP_DIR
+          cp -a $(find . -mindepth 1 -maxdepth 1 ! -name '.git' ! -name 'node_modules') "$APP_DIR/"
+      - name: up
+        run: |
+          export COMPOSE_BAKE=false
+          bash /var/docker-web/src/cli.sh up ${GITHUB_REPOSITORY##*/}
--- a/.gitignore
+++ b/.gitignore
@@ -1,83 +1,24 @@
-# Logs and databases #
-######################
-*.log
-*.sql
-*.sqlite
-*.db
-*.sqlite-journal
-/logs
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# OS generated files #
-######################
-.DS_Store
-.DS_Store?
-._*
-.Spotlight-V100
-.Trashes
-ehthumbs.db
-Thumbs.db
-
-# helmsman generated tmp folder
-.helmsman-tmp
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-
-# next.js build output
-.next
-
-# Nuxt
-*.log*
+# Nuxt dev/build outputs
+.output
+.data
 .nuxt
 .nitro
 .cache
-.output
-.env
 dist

-# vuepress build output
-.vuepress/dist
+# Node dependencies
+node_modules

-# Serverless directories
-.serverless
+# Logs
+logs
+*.log

-# IDE / Editor
+# Misc
+.DS_Store
+.fleet
 .idea

-# Service worker
-sw.*
-
-# Vim swap files
-*.swp
-
-# Auto generate on postinstall step
-auto-imports.d.ts
-components.d.ts
+# Local env files
+.env
+.env.*
+!.env.example
--- a/.nvmrc
+++ b/.nvmrc
@@ -0,0 +1 @@
+20
--- a/47
+++ b/47
@@ -1,39 +1,30 @@
-# see https://docs.docker.com/engine/reference/builder/#understand-how-arg-and-from-interact
-ARG NODE_VERSION=node:16.14.2
+# Stage de build
+FROM node:20-alpine AS build

-FROM $NODE_VERSION AS dependency-base
-
-# create destination directory
-RUN mkdir -p /app
 WORKDIR /app

-# copy the app, note .dockerignore
-COPY package.json .
-COPY package-lock.json .
-RUN npm ci
+# Installer pnpm
+RUN npm install -g pnpm

-FROM dependency-base AS production-base
+# Copier package.json et lockfile pour cache pnpm
+COPY package.json pnpm-lock.yaml* ./

-# build will also take care of building
-# if necessary
+RUN pnpm install --frozen-lockfile
+
+# Copier tout le projet
 COPY . .
-RUN npm run build

-FROM $NODE_VERSION AS production
+# Build Nuxt
+RUN pnpm build

-COPY --from=production-base /app/.output /app/.output
+# Stage production
+FROM node:20-alpine

-# Service hostname
-ENV NUXT_HOST=0.0.0.0
+WORKDIR /app

-# Service version
-ARG NUXT_APP_VERSION
-ENV NUXT_APP_VERSION=${NUXT_APP_VERSION}
+COPY --from=build /app/.output .output
+COPY --from=build /app/package.json ./
+COPY --from=build /app/node_modules ./node_modules

-ENV DATABASE_URL=file:./db.sqlite
-
-# Run in production mode
-ENV NODE_ENV=production
-
-# start the app
-CMD [ "node", "/app/.output/server/index.mjs" ]
+EXPOSE 3000
+CMD ["node", ".output/server/index.mjs"]
--- a/README.md
+++ b/README.md
@@ -1,8 +1,8 @@
 # TODO

 - [ ] fixed header with links on scroll
- [ ] anim pegaz create ??
- [ ] presentation de l'arborecense - doc du code
+- [ ] anim docker-web create ??
+- [x] presentation de l'arborecense - doc du code
 - [ ] command line guide - doc du CLI
 - [ ] configuration file ?

--- a/app/app.vue
+++ b/app/app.vue
@@ -1,21 +1,21 @@
 <template>
  <div>
    <Head>
-      <Title>Pegaz - docker-compose cli superset</Title>
+      <Title>docker-web - docker-compose cli superset</Title>
      <Meta charset="UTF-8" />
      <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"
+        href="https://raw.githubusercontent.com/docker-web/docker-web/master/logo.svg"
      />
-      <Link rel="canonical" href="https://pegaz.dev" />
-      <Meta property="og:title" content="pegaz, deploy stack on the go" />
+      <Link rel="canonical" href="https://docker-web.com" />
+      <Meta property="og:title" content="docker-web, deploy stack on the go" />
      <Meta
        property="og:image"
-        content="https://raw.githubusercontent.com/valerebron/pegaz/master/docs/pegaz.svg"
+        content="https://raw.githubusercontent.com/docker-web/docker-web/master/logo.svg"
      />
-      <Meta property="og:site_name" content="Pegaz" />
+      <Meta property="og:site_name" content="docker-web" />
      <Meta name="description" content="Extending docker-compose functionalities and control multiple docker-compose.yml configurations"/>
      <Meta name="viewport" content="width=device-width, initial-scale=1.0" />
    </Head>
--- a/app/components/applications-list.vue
+++ b/app/components/applications-list.vue
@@ -3,21 +3,13 @@ export default {
  data: () => ({
    apps: [
      {
-        name: 'Deluge',
-        component: resolveComponent('SvgDeluge')
-      },
-      {
-        name: 'Drone',
-        component: resolveComponent('SvgDrone')
+        name: 'Transmission',
+        component: resolveComponent('SvgTransmission')
      },
      {
        name: 'Gitea',
        component: resolveComponent('SvgGitea')
      },
-      {
-        name: 'Hoppscotch',
-        component: resolveComponent('SvgHoppscotch')
-      },
      {
        name: 'Jellyfin',
        component: resolveComponent('SvgJellyfin')
@@ -25,18 +17,6 @@ export default {
      {
        name: 'Nextcloud',
        component: resolveComponent('SvgNextcloud')
-      },
-      {
-        name: 'Plausible',
-        component: resolveComponent('SvgPlausible')
-      },
-      {
-        name: 'Penpot',
-        component: resolveComponent('SvgPenpot')
-      },
-      {
-        name: 'Radio',
-        component: resolveComponent('SvgRadio')
      }
    ]
  })
@@ -50,13 +30,9 @@ export default {
    </h2>
    <ul class="flex justify-center p-2 max-w-full flex-wrap">
      <li v-for="app in apps" :key="app" class="m-4">
-        <a
-          :href="
-            'https://github.com/valerebron/pegaz/tree/master/services/' +
-              app.name.toLowerCase()
-          "
-          :title="app.name"
-        >
+        <a :href="'https://github.com/docker-web/docker-web/tree/master/apps/' +
+          app.name.toLowerCase()
+          " :title="app.name">
          <component :is="app.component" class="app hover:scale-110" />
        </a>
      </li>
--- a/app/components/backup-restore.vue
+++ b/app/components/backup-restore.vue
@@ -1,9 +1,32 @@
+<template>
+  <h2 class="title"> Backup & restore </h2>
+  <section class="docker-web-section">
+    <Terminal :terminal-content="terminalContent" />
+    <div class="flex flex-col items-center md:w-3/4 lg:w-1/2 h-20 relative rounded-b-xl transition-all">
+      <div class="flex transition-all justify-center duration-1000" :class="startApps">
+        <SvgGitea :class="penpotClass" class="app--backup" />
+        <SvgDrone :class="giteaClass" class="app--backup hidden md:block" />
+        <SvgPlausible :class="plausibleClass" class="app--backup" />
+      </div>
+      <div :class="endApps">
+        <div class="app" :class="folderClass">
+          <SvgFolder class="text-yellow-400" />
+          <div class="-mt-7 text-sm text-center"> tar.gz </div>
+        </div>
+        <SvgStorj 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
+          class="h-2 absolute rounded-full bg-green-400 transition-all duration-1000" :class="progressClass" /> </div>
+    </div>
+  </section>
+</template>
 <script>
 export default {
  data: () => ({
    terminalContent: '',
    penpotClass: [],
-    delugeClass: [],
+    plausibleClass: [],
    folderClass: [],
    storjClass: [],
    progressBarClass: [],
@@ -14,20 +37,30 @@ export default {
    downClass: [],
    pauseClass: [],
    compressingClass: [],
-    isDemonstrationEnded: false
+    isDemonstrationEnded: false,
+    timer: null
  }),
-  created () {
+
+  mounted() {
    this.demonstration()
  },
+
+  beforeUnmount() {
+    if (this.timer) {
+      clearInterval(this.timer)
+    }
+  },
+
  methods: {
-    delay (time) {
+    delay(time) {
      return new Promise(resolve => setTimeout(resolve, time))
    },
-    demonstration () {
+
+    demonstration() {
      this.isDemonstrationEnded = false
      this.terminalContent = ''
      this.folderClass = this.storjClass = this.downClass
-      this.penpotClass = this.delugeClass = this.giteaClass = [...this.upClass, 'rounded-xl']
+      this.penpotClass = this.plausibleClass = this.giteaClass = [...this.upClass, 'rounded-xl']

      this.storjClass = ['hidden']
      this.progressBarClass = ['opacity-0']
@@ -42,20 +75,20 @@ export default {
      let i = 0

      this.timer = setInterval(async () => {
-        // pegaz backup
+        // docker-web backup
        if (i === 0) {
-          const cmd = '$ pegaz backup\n'
+          const cmd = '$ docker-web backup\n'
          for (const y in cmd) {
            this.terminalContent += cmd[y]
            await this.delay(20)
          }
        }
        if (i === 1) {
-          this.penpotClass = this.delugeClass = this.giteaClass = [...this.upClass, ...this.pauseClass]
+          this.penpotClass = this.plausibleClass = this.giteaClass = [...this.upClass, ...this.pauseClass]
        }
        if (i === 2) {
          this.penpotClass = [...this.compressingClass, ...this.pauseClass, 'rounded-l-xl', 'rounded-r-none']
-          this.delugeClass = [...this.compressingClass, ...this.pauseClass, 'rounded-r-xl', 'rounded-l-none']
+          this.plausibleClass = [...this.compressingClass, ...this.pauseClass, 'rounded-r-xl', 'rounded-l-none']
          this.giteaClass = [...this.compressingClass, ...this.pauseClass]
          this.startApps = 'w-16'
        }
@@ -75,16 +108,12 @@ export default {
        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'
-
+        // docker-web restore
        if (i === 7) { this.terminalContent = '' }
        if (i === 7) { this.progressClass = 'w-0' }

        if (i === 8) {
-          const cmd = '$ pegaz restore\n'
+          const cmd = '$ docker-web restore\n'
          for (const y in cmd) {
            this.terminalContent += cmd[y]
            await this.delay(20)
@@ -101,12 +130,12 @@ export default {
        }
        if (i === 11) {
          this.penpotClass = [...this.upClass, ...this.pauseClass]
-          this.delugeClass = [...this.upClass, ...this.pauseClass]
+          this.plausibleClass = [...this.upClass, ...this.pauseClass]
          this.giteaClass = [...this.upClass, ...this.pauseClass]
        }
        if (i === 13) {
          this.penpotClass = [...this.upClass]
-          this.delugeClass = [...this.upClass]
+          this.plausibleClass = [...this.upClass]
          this.giteaClass = [...this.upClass]
        }

@@ -117,52 +146,32 @@ export default {

        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 }
+        if (i === 15) {
+          this.isDemonstrationEnded = true
+          this.progressClass = 'w-0'
+          this.terminalContent = ''
+          i = 0
+        }
      }, 1000)
    }
  }
 }
 </script>

-<template>
-  <h2 class="title">
-    Backup & restore
-  </h2>
-  <section class="pegaz-section">
-    <Terminal :terminal-content="terminalContent" />
-    <div
-      class="flex flex-col items-center md:w-3/4 lg:w-1/2 h-20 relative rounded-b-xl transition-all"
-    >
-      <div
-        class="flex transition-all justify-center duration-1000"
-        :class="startApps"
-      >
-        <SvgPenpot :class="penpotClass" class="app--backup" />
-        <SvgGitea :class="giteaClass" class="app--backup hidden md:block" />
-        <SvgDeluge :class="delugeClass" class="app--backup" />
-      </div>
-      <div :class="endApps">
-        <div class="app" :class="folderClass">
-          <SvgFolder class="text-yellow-400" />
-          <div class="-mt-7 text-sm text-center">
-            tar.gz
-          </div>
-        </div>
-        <SvgStorj 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
-          class="h-2 absolute rounded-full bg-green-400 transition-all duration-1000"
-          :class="progressClass"
-        />
-      </div>
-    </div>
-  </section>
-</template>
+<style>
+code {
+  display: block;
+  /* pour gérer le scroll */
+  overflow-x: auto;
+  /* scroll horizontal si nécessaire */
+  scrollbar-width: none;
+  /* Firefox */
+  -ms-overflow-style: none;
+  /* IE et Edge */
+}
+
+code::-webkit-scrollbar {
+  display: none;
+  /* Chrome, Safari */
+}
+</style>
--- a/app/components/demo.vue
+++ b/app/components/demo.vue
@@ -16,23 +16,23 @@ export default {
      opacity: '0'
    }
  }),
-  created () {
+  created() {
    this.nextcloudClass = this.jellyfinClass = []
  },
-  beforeMount () {
+  beforeMount() {
    window.addEventListener('scroll', () => {
      if (!this.isPageScrolled) { this.demonstration() }
      this.isPageScrolled = true
    })
  },
-  beforeUnmount () {
+  beforeUnmount() {
    window.removeEventListener('scroll', () => {
      if (!this.isPageScrolled) { this.demonstration() }
      this.isPageScrolled = true
    })
  },
  methods: {
-    demonstration () {
+    demonstration() {
      const upClass = [
        'w-20',
        'h-20',
@@ -61,7 +61,7 @@ export default {
        'm-2'
      ]

-      function delay (time) {
+      function delay(time) {
        return new Promise(resolve => setTimeout(resolve, time))
      }

@@ -75,7 +75,7 @@ export default {
        // nextcloud
        // up
        if (i === 0) {
-          const cmd = '$ pegaz up nextcloud\n'
+          const cmd = '$ docker-web up nextcloud\n'
          for (const y in cmd) {
            this.terminalContent += cmd[y]
            await delay(20)
@@ -84,7 +84,7 @@ export default {
        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
-        if (i === 4) this.pointer = {left: '47%', top: '53%', opacity: '100'}
+        if (i === 4) this.pointer = { left: '47%', top: '53%', opacity: '100' }
        // open
        if (i === 5) this.nextcloudClass.push('animate-openApp')
        if (i === 5) this.pointerClass = ['']
@@ -95,7 +95,7 @@ export default {
        if (i === 6) this.subdomainClass = ['animate-click']
        // close
        if (i === 7) this.terminalContent = ''
-        if (i === 8) this.pointer = {left: '10%', top: '3%'}
+        if (i === 8) this.pointer = { left: '10%', top: '3%' }
        if (i === 9) this.backbuttonClass = ['']
        if (i === 9) this.backbuttonClass = ['animate-click']
        if (i === 10) this.nextcloudClass = closeClass
@@ -106,7 +106,7 @@ export default {
        // jellyfin
        // up
        if (i === 11) {
-          const cmd = '$ pegaz up jellyfin\n'
+          const cmd = '$ docker-web up jellyfin\n'
          for (const y in cmd) {
            this.terminalContent += cmd[y]
            await delay(20)
@@ -115,7 +115,7 @@ export default {
        if (i === 12) this.terminalContent += 'Creating jellyfin ... done\n'
        if (i === 13) this.terminalContent += '[√] https://jellyfin.domain.com\n'
        if (i === 14) this.jellyfinClass = closeClass
-        if (i === 16) this.pointer = {left: '47%', top: '53%', opacity: '100'}
+        if (i === 16) this.pointer = { left: '47%', top: '53%', opacity: '100' }
        // open
        if (i === 16) this.jellyfinClass.push('animate-openApp')
        if (i === 16) this.pointerClass = ['animate-click']
@@ -123,20 +123,20 @@ export default {
        if (i === 17) this.jellyfinClass = openClass
        if (i === 17) this.subDomain = 'jellyfin.'
        if (i === 17) this.subdomainClass = ['']
-        if (i === 17) this.pointer = {left: '10%', top: '3%'}
+        if (i === 17) this.pointer = { left: '10%', top: '3%' }
        if (i === 17) this.subdomainClass = ['animate-click']
        // close
        if (i === 19) this.backbuttonClass = ['']
        if (i === 19) this.backbuttonClass = ['animate-click']
-        if (i === 19) this.pointer = {opacity: '0'}
+        if (i === 19) this.pointer = { opacity: '0' }
        if (i === 20) this.jellyfinClass = this.nextcloudClass = closeClass
        if (i === 20) this.subDomain = ''
        if (i === 20) this.terminalContent = ''
-        if (i === 21) this.pointer = {top: '100%', left: '0'}
+        if (i === 21) this.pointer = { top: '100%', left: '0' }

        // nextcloud down
        if (i === 23) {
-          const cmd = '$ pegaz down nextcloud\n'
+          const cmd = '$ docker-web down\n'
          for (const y in cmd) {
            this.terminalContent += cmd[y]
            await delay(20)
@@ -145,15 +145,18 @@ export default {
        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
+        if (i === 27) this.terminalContent += 'Stopping jellyfin ... done\n'
+        if (i === 28) this.terminalContent += '[√] Removing jellyfin ... done\n'
+        if (i === 29) this.jellyfinClass = downClass
+        if (i === 30) this.isDemonstrationEnded = true

        i += 1
        // i = 5

        // if (i === 30) clearInterval(this.timer)
-        if (i === 30) this.terminalContent = ''
-        if (i === 30) this.jellyfinClass = downClass
-        if (i === 30) i = 0
+        if (i === 33) this.terminalContent = ''
+        if (i === 33) this.jellyfinClass = downClass
+        if (i === 33) i = 0
      }, 700)
    }
  }
@@ -161,36 +164,21 @@ export default {
 </script>

 <template>
-  <section class="pegaz-section">
+  <section class="docker-web-section">
    <Terminal :terminal-content="terminalContent" />
    <div
-      class="bg-slate-400 flex flex-col items-center relative rounded-2xl w-full m-0 md:min-w-fit max-w-2xl md:-ml-8 md:z-0 overflow-hidden"
-    >
-      <div class="absolute block bg-black bg-opacity-10 rounded-full h-10 w-10 transition-all duration-700 ease-out" :class="pointerClass" :style="{left: pointer.left, top: pointer.top, opacity: pointer.opacity}"></div> 
-      <div
-        class="bg-white flex items-center rounded-2xl pr-4 pl-2 py-1 m-4 w-4/5"
-      >
-        <SvgBackbutton
-          class="mr-3 p-1 bg-slate-300 rounded-full"
-          :class="backbuttonClass"
-        />
+      class="bg-slate-400 flex flex-col items-center relative rounded-2xl w-full m-0 md:min-w-fit max-w-2xl md:-ml-8 md:z-0 overflow-hidden">
+      <div class="absolute block bg-black bg-opacity-10 rounded-full h-10 w-10 transition-all duration-700 ease-out"
+        :class="pointerClass" :style="{ left: pointer.left, top: pointer.top, opacity: pointer.opacity }"></div>
+      <div class="bg-white flex items-center rounded-2xl pr-4 pl-2 py-1 m-4 w-4/5">
+        <SvgBackbutton 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 }} </span>domain.com
      </div>
-      <div
-        class="bg-white w-full h-full flex rounded-b-xl justify-center items-center h-96 max-h-96"
-      >
-        <SvgNextcloud
-          class="app-demo"
-          :class="nextcloudClass"
-          title="nextcloud.domain.com"
-        />
-        <SvgJellyfin
-          class="app-demo"
-          :class="jellyfinClass"
-          title="jellyfin.domain.com"
-        />
+      <div class="bg-white w-full flex rounded-b-xl justify-center items-center h-96 max-h-96">
+        <SvgNextcloud class="app-demo" :class="nextcloudClass" title="nextcloud.domain.com" />
+        <SvgJellyfin class="app-demo" :class="jellyfinClass" title="jellyfin.domain.com" />
      </div>
    </div>
  </section>
--- a/app/components/disclaimer.vue
+++ b/app/components/disclaimer.vue
@@ -1,7 +1,7 @@
 <template>
  <section class="container mx-auto max-w-4xl">
    <p class="text-2xl md:text-center my-20">
-      In extending <b>docker-compose</b> functionalities, pegaz let you control
+      In extending <b>docker-compose</b> functionalities, docker-web let you control
      <b>multiple</b> docker-compose.yml <b>configurations</b>.
    </p>
    <div class="my-20">
--- a/app/components/hero-buttons.vue
+++ b/app/components/hero-buttons.vue
@@ -2,7 +2,7 @@
 const isClicked = ref(false)
 const copyToClipBoard = () => {
  navigator.clipboard
-    .writeText('curl -sL get.pegaz.dev | sudo bash')
+    .writeText('curl -sL getdweb.valere.dev | sudo bash')
    .then(() => {
      isClicked.value = true
      setTimeout(() => {
@@ -14,22 +14,14 @@ const copyToClipBoard = () => {

 <template>
  <section class="py-4 sm:flex justify-center items-center">
-    <a
-      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"
-    >
+    <a href="https://github.com/docker-web/docker-web" 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 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"
-    >
-      <span class="select-all"> curl -L get.pegaz.dev | sudo bash </span>
-      <SvgClipboard
-        class="ml-3 cursor-pointer"
-        :class="{ 'animate-ping': isClicked }"
-        @click="copyToClipBoard"
-      />
+      class="font-mono bg-neutral-900 text-neutral-50 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">
+      <span class="select-all"> curl -L getdweb.valere.dev | sudo bash </span>
+      <SvgClipboard class="ml-3 cursor-pointer" :class="{ 'animate-ping': isClicked }" @click="copyToClipBoard" />
    </div>
  </section>
 </template>
--- a/app/components/hero-title.vue
+++ b/app/components/hero-title.vue
@@ -0,0 +1,21 @@
+<template>
+  <section>
+    <div class="flex justify-center -ml-24 animate-slide h-52">
+      <div class="py-4 mr-14 animate-fadeout opacity-0">
+        <div class="bg-gray-400 h-px w-16 my-16 block" />
+        <div class="bg-gray-400 h-px w-16 my-16 translate-x-3 block" />
+        <div class="bg-gray-400 h-px w-16 my-16 translate-x-1 block" />
+        <div class="bg-gray-400 h-px w-16 my-16 translate-x-6 block" />
+      </div>
+      <SvgDockerWeb />
+    </div>
+    <div class="text-center py-4">
+      <h1 class="text-5xl font-bold leading-relaxed">
+        docker-web
+      </h1>
+      <h2 class="text-3xl text-center text-slate-400">
+        hackable self-hosting
+      </h2>
+    </div>
+  </section>
+</template>
--- a/app/components/scroll-down-button.vue
+++ b/app/components/scroll-down-button.vue
@@ -0,0 +1,17 @@
+<template>
+  <section class="py-4 sm:flex justify-center items-center">
+    <button @click="scrollDown"
+      class="p-6 h-14 leading-3 flex justify-center bg-green-500 text-white text-lg capitalize font-semibold mb-4 sm:mb-0 rounded-full shadow-md hover:bg-green-400 focus:outline-none focus:ring-4 hover:ring-indigo-200 focus:ring-indigo-300 focus:ring-opacity-100 transition-all">
+      ↓
+    </button>
+  </section>
+</template>
+
+<script setup>
+function scrollDown() {
+  window.scrollBy({
+    top: window.innerHeight, // une hauteur d’écran
+    behavior: 'smooth'       // animation fluide
+  })
+}
+</script>
--- a/app/components/svg/arrow-right.vue
+++ b/app/components/svg/arrow-right.vue
--- a/app/components/svg/backbutton.vue
+++ b/app/components/svg/backbutton.vue
--- a/app/components/svg/backup.vue
+++ b/app/components/svg/backup.vue
--- a/app/components/svg/clipboard.vue
+++ b/app/components/svg/clipboard.vue
--- a/app/components/svg/code.vue
+++ b/app/components/svg/code.vue
--- a/app/components/svg/console.vue
+++ b/app/components/svg/console.vue
--- a/app/components/svg/docker-web.vue
+++ b/app/components/svg/docker-web.vue
@@ -0,0 +1,22 @@
+<template>
+  <svg class="MuiBox-root css-15p9n5u" fill="#ffffff" data-darkreader-inline-fill="" version="1.1"
+    viewBox="0 0 195 194.57" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#"
+    xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+    <g transform="translate(16.659 8.322)">
+      <g transform="matrix(5.8877 0 0 5.8877 -343.49 62.039)" fill="#0062f8" fill-opacity=".4466">
+        <circle cx="72.107" cy="4.5725" r="9.6731" />
+        <circle cx="72.107" cy="4.5725" r="13.713" />
+        <circle cx="72.107" cy="4.5725" r="16.523" />
+      </g>
+      <g fill="#fff">
+        <path
+          d="m81.055 55.167a26.753 26.753 0 0 0-26.758 26.758 26.753 26.753 0 0 0 0.35578 4.3254h52.804a26.753 26.753 0 0 0 0.35578-4.3254 26.753 26.753 0 0 0-26.758-26.758z"
+          stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2.3" stroke-width="355.55"
+          style="paint-order:fill markers stroke" />
+        <path
+          d="m142.46 84.801c-0.27036-0.22002-2.7968-2.1277-8.1202-2.1277-1.3298 0-2.7386 0.12463-4.1972 0.36143-1.0305-7.0771-6.8609-10.526-7.1311-10.68l-1.4337-0.8311-0.94337 1.3631c-1.179 1.8261-2.0377 3.84-2.539 5.955-0.95583 4.0393-0.3739 7.8292 1.6747 11.079-2.4767 1.3755-6.4246 1.737-7.2475 1.7453h-65.688c-1.7169 0.0068-3.1077 1.3957-3.1168 3.1126 1.1791 5.4589 1.1561 5.302 3.0636 10.314 2.2648 5.9426 5.6309 10.318 10.011 13.007 4.9077 3.0128 12.899 4.7374 21.925 4.7374 4.2222 0 8.436-0.38262 12.176-1.1054 5.8886-1.1345 11.241-3.0834 15.9-5.7805 4.0714-2.3599 7.7342-5.3631 10.846-8.8931 5.2028-5.901 6.5545-6.9499 10.422-11.718 0.31158 0.01438 0.61453 0.01917 0.91844 0.01917 5.6974 0 9.2048-2.2856 11.137-4.1972 2.0986-2.0778 2.8466-4.1473 2.9256-4.3759l0.40362-1.1968z"
+          stroke-width="4.1556" />
+      </g>
+    </g>
+  </svg>
+</template>
--- a/app/components/svg/docker.vue
+++ b/app/components/svg/docker.vue
--- a/app/components/svg/drone.vue
+++ b/app/components/svg/drone.vue
--- a/app/components/svg/folder.vue
+++ b/app/components/svg/folder.vue
--- a/app/components/svg/gitea.vue
+++ b/app/components/svg/gitea.vue
--- a/app/components/svg/github.vue
+++ b/app/components/svg/github.vue
--- a/app/components/svg/hoppscotch.vue
+++ b/app/components/svg/hoppscotch.vue
--- a/app/components/svg/jellyfin.vue
+++ b/app/components/svg/jellyfin.vue
--- a/app/components/svg/logo.vue
+++ b/app/components/svg/logo.vue
--- a/app/components/svg/nextcloud.vue
+++ b/app/components/svg/nextcloud.vue
--- a/app/components/svg/penpot.vue
+++ b/app/components/svg/penpot.vue
--- a/app/components/svg/plausible.vue
+++ b/app/components/svg/plausible.vue
--- a/app/components/svg/radio.vue
+++ b/app/components/svg/radio.vue
--- a/app/components/svg/rewind.vue
+++ b/app/components/svg/rewind.vue
--- a/app/components/svg/rss.vue
+++ b/app/components/svg/rss.vue
--- a/app/components/svg/shield.vue
+++ b/app/components/svg/shield.vue
--- a/app/components/svg/storj.vue
+++ b/app/components/svg/storj.vue
--- a/app/components/svg/transmission.vue
+++ b/app/components/svg/transmission.vue
@@ -0,0 +1,110 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="800" width="1200"
+    viewBox="-6.659355 -11.5136 57.71441 69.0816">
+    <defs>
+      <linearGradient id="j">
+        <stop offset="0" />
+        <stop offset="1" stop-opacity="0" />
+      </linearGradient>
+      <linearGradient id="i">
+        <stop offset="0" stop-color="#f9f9f9" />
+        <stop offset="1" stop-color="#eeeeec" stop-opacity=".6204" />
+      </linearGradient>
+      <linearGradient id="h">
+        <stop offset="0" stop-color="#787b76" />
+        <stop offset=".8713" stop-color="#babcb9" />
+        <stop offset="1" stop-color="#787b76" />
+      </linearGradient>
+      <linearGradient id="f">
+        <stop offset="0" stop-color="#fff" />
+        <stop offset="1" stop-color="#fff" stop-opacity="0" />
+      </linearGradient>
+      <linearGradient id="e">
+        <stop offset="0" stop-color="#c00" />
+        <stop offset=".3651" stop-color="#ef0000" />
+        <stop offset="1" stop-color="#a00" />
+      </linearGradient>
+      <linearGradient id="g">
+        <stop offset="0" stop-color="#f0f2ef" />
+        <stop offset="1" stop-color="#cdd1c8" />
+      </linearGradient>
+      <linearGradient id="d">
+        <stop offset="0" stop-color="#888a85" />
+        <stop offset="1" stop-color="#2e3436" />
+      </linearGradient>
+      <linearGradient id="c">
+        <stop offset="0" stop-color="#555753" />
+        <stop offset="1" stop-color="#2e3436" />
+      </linearGradient>
+      <linearGradient id="b">
+        <stop offset="0" stop-color="#2e3436" />
+        <stop offset="1" stop-color="#2e3436" stop-opacity="0" />
+      </linearGradient>
+      <linearGradient id="a">
+        <stop offset="0" stop-color="#babdb6" />
+        <stop offset=".133" stop-color="#eeeeec" />
+        <stop offset="1" stop-color="#babdb6" />
+      </linearGradient>
+      <linearGradient gradientUnits="userSpaceOnUse" y2="19.4657" x2="23.7386" y1="4.1566" x1="23.7386" id="t"
+        xlink:href="#a" />
+      <linearGradient gradientUnits="userSpaceOnUse" y2="22.6325" x2="23.6881" y1="30.0572" x1="23.7323" id="u"
+        xlink:href="#b" />
+      <linearGradient gradientUnits="userSpaceOnUse" y2="36.358" x2="23.9375" y1="30.6169" x1="23.9375" id="n"
+        xlink:href="#c" />
+      <linearGradient gradientUnits="userSpaceOnUse" y2="23.9395" x2="20.5631" y1="32.248" x1="20.7711" id="o"
+        xlink:href="#d" />
+      <linearGradient gradientUnits="userSpaceOnUse" y2="9" x2="14.8125" y1="5.6244" x1="14.8125" id="p"
+        xlink:href="#e" />
+      <linearGradient gradientUnits="userSpaceOnUse" y2="10.0086" x2="24.0405" y1="5.069" x1="24.0405" id="q"
+        xlink:href="#f" />
+      <linearGradient gradientUnits="userSpaceOnUse" y2="24" x2="14.125" y1="33.125" x1="13.625" id="m"
+        xlink:href="#g" />
+      <linearGradient gradientUnits="userSpaceOnUse" y2="42.5" x2="10.1875" y1="20.25" x1="10.1875" id="l"
+        xlink:href="#h" />
+      <linearGradient gradientUnits="userSpaceOnUse" y2="17.0709" x2="23.9367" y1="35.9587" x1="24.7188" id="r"
+        xlink:href="#i" />
+      <linearGradient gradientUnits="userSpaceOnUse" y2="21.8143" x2="18.3125" y1="20.7438" x1="18.3125" id="s"
+        xlink:href="#j" />
+      <filter height="1.2799" y="-.14" width="1.0595" x="-.0298" id="k">
+        <feGaussianBlur stdDeviation=".5197" />
+      </filter>
+    </defs>
+    <g transform="translate(-1.7528 -3.1044)">
+      <rect ry="2.2981" rx="2.2981" y="39" x="3" height="8.9116" width="41.9013" opacity=".2824" fill="#2e3436"
+        filter="url(#k)" />
+      <path
+        d="M10 16.5938c-1.1804-.045-2.3598.978-2.4688 2.2187-.888 7.2876-2.2042 14.591-2.875 21.875V43.75c.0338 1.5795 1.071 2.642 2.2188 2.8438H41.5c.979-.0246 2.065-.7038 2.0313-2v-3.9376l-3.125-21.2187c-.2539-1.3018-1.3668-2.6848-2.9063-2.8438z"
+        fill="url(#l)" fill-rule="evenodd" stroke="#555753" />
+      <path
+        d="M10.6019 39.6246c-1.1297-.1225-1.9285-.8636-1.9005-2.2236l1.9005-15.9933c.292-1.0683.985-1.9224 2.079-1.9193h21.9246c1.0863-.0326 2.1726.7204 2.457 1.6163l2.416 16.133c.057 1.469-.5475 2.3194-1.5654 2.2859z"
+        fill="url(#m)" fill-rule="evenodd" stroke="#555753" />
+      <path d="M20.4688 20.4375l-2.0626 12.0313h-2.9687l8.0313 5.1562 8.9687-5.1563h-2.9688l-1.875-12.0312z"
+        fill="url(#n)" fill-rule="evenodd" stroke="url(#o)" />
+      <rect ry="1.9855" rx="5.0159" y="4.5135" x="8.4848" height="6.0609" width="31.1132" fill="url(#p)"
+        stroke="#930000" stroke-linecap="round" stroke-linejoin="round" />
+      <rect ry="1.2783" rx="1.8339" y="5.569" x="9.5004" height="3.9396" width="29.0803" opacity=".5833" fill="none"
+        stroke="url(#q)" stroke-linecap="round" stroke-linejoin="round" />
+      <path
+        d="M10.593 17.5722c-1.1188-.042-2.2367.9145-2.34 2.0748L5.4687 39.7228c.011.125.031.2569.0593.3799v2.8638c.032 1.477 1.015 2.4414 2.103 2.63h32.8483c.928-.0229 1.9276-.6288 1.8956-1.841v-3.682c.0073-.0285.0236-.0596.0297-.0877l-.0297-.2046v-.2045h-.0296l-2.9027-19.3745c-.2406-1.2173-1.2954-2.4813-2.7546-2.63z"
+        opacity=".2454" fill="none" stroke="url(#r)" />
+      <path
+        d="M10.2102 29.9558L12.048 22l24.0302.058 1.7797 8.9862-1.1767-9.0746c-.221-1.0017-.7513-1.9696-1.7236-1.9445l-21.9203-.0442c-1.4304-.0442-1.7118.8839-2.0373 1.9887z"
+        opacity=".2083" fill="url(#s)" fill-rule="evenodd" />
+      <rect ry="1.0763" rx="1.0763" y="3.6044" x="20.4837" height="25.9701" width="7.0964" fill="url(#t)"
+        stroke="#888a85" stroke-linecap="round" stroke-linejoin="round" />
+      <rect ry="1.0763" rx="1.0763" y="22.0138" x="19.9758" height="8.0433" width="8.1317" fill="url(#u)" />
+      <path d="M11.4234 41.4863h28.1104" opacity=".4352" fill="none" stroke="#fff" stroke-linecap="round" />
+      <rect ry="1.0763" rx="1.0763" y="4.6321" x="21.4282" height="23.9371" width="5.1519" opacity=".2269" fill="none"
+        stroke="#fff" stroke-linecap="round" stroke-linejoin="round" />
+      <g opacity=".6204" fill="none" stroke-linecap="round">
+        <path d="M20.4375 30.5H27.5" stroke="#888a85" />
+        <path d="M19.961 32.5h8.0155" opacity=".6806" stroke="#888a85" />
+        <path d="M20.2735 31.5h7.453" stroke="#5d5d5c" />
+        <path d="M19.87 33.4887h8.2713" opacity=".6806" stroke="#5d5d5c" />
+      </g>
+      <path d="M14.3814 31.5137h3.1378m12.9248-.0625h3.1377" fill="none" stroke="#fff" stroke-linecap="round" />
+      <ellipse ry="1.0828" rx="1.1932" cy="42.1885" cx="9.8553" transform="matrix(.42163 0 0 .4766 5.3635 21.3923)"
+        opacity=".335" fill="#fff" />
+    </g>
+  </svg>
+</template>
--- a/app/components/terminal.vue
+++ b/app/components/terminal.vue
--- a/app/favicon/apple-touch-icon.png
+++ b/app/favicon/apple-touch-icon.png
--- a/app/favicon/favicon-96x96.png
+++ b/app/favicon/favicon-96x96.png
--- a/app/favicon/favicon.ico
+++ b/app/favicon/favicon.ico
--- a/app/favicon/favicon.svg
+++ b/app/favicon/favicon.svg
@@ -0,0 +1,66 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="195" height="194.56551"><svg class="MuiBox-root css-15p9n5u" viewBox="0 0 195 194.56549" style="fill:#ffffff" data-darkreader-inline-fill="" version="1.1" id="SvgjsSvg1172" sodipodi:docname="logo.svg" width="195" height="194.56551" inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)" 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/">
+  <metadata id="SvgjsMetadata1171">
+    <rdf:rdf>
+      <cc:work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></dc:type>
+        <dc:title></dc:title>
+      </cc:work>
+    </rdf:rdf>
+  </metadata>
+  <defs id="SvgjsDefs1170"></defs>
+  <sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1132" id="SvgjsSodipodi:namedview1169" showgrid="false" fit-margin-top="4" fit-margin-left="4" fit-margin-right="4" fit-margin-bottom="4" inkscape:zoom="0.91240154" inkscape:cx="132.06904" inkscape:cy="203.30961" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="g4" showguides="true" inkscape:guide-bbox="true" inkscape:showpageshadow="0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#505050">
+    <inkscape:page x="0" y="0" width="195" height="194.56549" id="SvgjsInkscape:page1168" margin="0 0 0 0.43449217" bleed="0" inkscape:export-filename="Page 2.png" inkscape:export-xdpi="812.74384" inkscape:export-ydpi="812.74384"></inkscape:page>
+    <inkscape:page x="0.43449402" y="241.8387" width="194.56551" height="194.56549" id="SvgjsInkscape:page1167" margin="0" bleed="0"></inkscape:page>
+    <sodipodi:guide position="104.64025,131.07666" orientation="0,-1" id="SvgjsSodipodi:guide1166" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="96.414395,63.414758" orientation="0,-1" id="SvgjsSodipodi:guide1165" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="60.37471,114.72028" orientation="1,0" id="SvgjsSodipodi:guide1164" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="154.6693,104.36567" orientation="1,0" id="SvgjsSodipodi:guide1163" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="40.765196,69.076684" orientation="1,0" id="SvgjsSodipodi:guide1162" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="17.307314,90.012796" orientation="1,0" id="SvgjsSodipodi:guide1161" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="178.45516,78.096384" orientation="1,0" id="SvgjsSodipodi:guide1160" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="114.18738,154.23479" orientation="0,-1" id="SvgjsSodipodi:guide1159" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="115.0928,178.02065" orientation="0,-1" id="SvgjsSodipodi:guide1158" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="126.61803,16.544842" orientation="0,-1" id="SvgjsSodipodi:guide1157" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="107.01209,40.330695" orientation="0,-1" id="SvgjsSodipodi:guide1156" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="104.68642,-63.818053" orientation="0,-1" id="SvgjsSodipodi:guide1155" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="111.85964,-87.603905" orientation="0,-1" id="SvgjsSodipodi:guide1154" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="112.72049,-201.508" orientation="0,-1" id="SvgjsSodipodi:guide1153" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="117.90319,-225.29386" orientation="0,-1" id="SvgjsSodipodi:guide1152" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="108.84027,-110.76205" orientation="0,-1" id="SvgjsSodipodi:guide1151" inkscape:locked="false"></sodipodi:guide>
+    <sodipodi:guide position="100.562,-178.43168" orientation="0,-1" id="SvgjsSodipodi:guide1150" inkscape:locked="false"></sodipodi:guide>
+  </sodipodi:namedview>
+  <g inkscape:groupmode="layer" id="SvgjsG1149" inkscape:label="dark" style="display:inline" transform="translate(241.4509,5.6112637)">
+    <rect style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-linecap:square;stroke-miterlimit:2.3;paint-order:markers stroke fill" id="SvgjsRect1148" width="194.56551" height="194.56551" x="-241.0164" y="236.22746" inkscape:label="background"></rect>
+    <g style="display:inline;fill:#0062f8;fill-opacity:0.446602" transform="matrix(5.8876865,0,0,5.8876865,-568.27833,306.58873)" id="SvgjsG1147" inkscape:label="circles">
+      <circle style="display:inline;fill:#0062f8;fill-opacity:0.446602;stroke:none;stroke-width:302.362;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:161.197;stroke-opacity:1" id="SvgjsCircle1146" cx="72.107216" cy="4.5725055" r="9.6730785" inkscape:label="small"></circle>
+      <circle style="display:inline;fill:#0062f8;fill-opacity:0.446602;stroke:none;stroke-width:428.643;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:161.197;stroke-opacity:1" id="SvgjsCircle1145" cx="72.107216" cy="4.5725055" r="13.713011" inkscape:label="medium"></circle>
+      <circle style="display:inline;fill:#0062f8;fill-opacity:0.446602;stroke:none;stroke-width:516.481;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:161.197;stroke-opacity:1" id="SvgjsCircle1144" cx="72.107216" cy="4.5725055" r="16.523087" inkscape:label="big"></circle>
+    </g>
+    <g id="SvgjsG1143" style="display:inline;fill:#e6e6e6" inkscape:label="logo" transform="translate(-224.06334,241.83872)">
+      <path id="SvgjsPath1142" style="fill:#e6e6e6;stroke-width:355.553;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.3;paint-order:fill markers stroke" d="m 80.326047,57.877579 a 26.752747,26.752747 0 0 0 -26.757729,26.75772 26.752747,26.752747 0 0 0 0.355777,4.325427 h 52.803915 a 26.752747,26.752747 0 0 0 0.35578,-4.325427 26.752747,26.752747 0 0 0 -26.757743,-26.75772 z" inkscape:label="app"></path>
+      <path inkscape:connector-curvature="0" style="display:inline;fill:#e6e6e6;stroke-width:4.15564" id="SvgjsPath1141" d="m 141.72941,87.511292 c -0.27036,-0.220024 -2.79675,-2.127682 -8.12017,-2.127682 -1.32983,0 -2.73855,0.124632 -4.19723,0.361433 -1.03052,-7.077067 -6.86091,-10.526234 -7.13107,-10.679982 l -1.43366,-0.831105 -0.94337,1.363054 c -1.17902,1.826063 -2.03773,3.839986 -2.53904,5.955013 -0.95583,4.039291 -0.3739,7.829232 1.67467,11.078959 -2.47673,1.375518 -6.4246,1.737047 -7.24746,1.74534 H 46.103913 c -1.716853,0.0068 -3.107653,1.395727 -3.116761,3.112612 1.179117,5.458916 1.156108,5.301996 3.063553,10.313696 2.264759,5.94255 5.630883,10.31844 10.010938,13.00715 4.907729,3.01284 12.89905,4.73743 21.925106,4.73743 4.222155,0 8.43597,-0.38262 12.175991,-1.10541 5.888584,-1.13446 11.24106,-3.08345 15.89952,-5.78046 4.07145,-2.35991 7.7342,-5.36307 10.84626,-8.89307 5.20282,-5.90104 6.55451,-6.94991 10.42156,-11.718366 0.31158,0.01438 0.61453,0.01917 0.91844,0.01917 5.69742,0 9.20476,-2.285601 11.13713,-4.197162 2.09862,-2.07782 2.8466,-4.147348 2.9256,-4.375894 l 0.40362,-1.196834 z" sodipodi:nodetypes="cscccccccccccsccccscccc" inkscape:label="wahle"></path>
+    </g>
+    <g id="SvgjsG1140" style="font-size:55.66px;line-height:1.25;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;stroke-width:0.69575" aria-label="docker web" transform="matrix(6.7317198,0,0,6.7317198,-58.468582,-176.22368)">
+      <path style="font-size:12.9873px;fill:#cccccc" d="m 18.474617,38.619916 v -3.842921 h 1.166827 v 9.867304 h -1.166827 v -1.065365 q -0.367805,0.634146 -0.932194,0.944877 -0.558048,0.30439 -1.344389,0.30439 -1.287315,0 -2.099021,-1.027316 -0.805365,-1.027316 -0.805365,-2.70146 0,-1.674144 0.805365,-2.70146 0.811706,-1.027315 2.099021,-1.027315 0.786341,0 1.344389,0.310731 0.564389,0.30439 0.932194,0.938535 z m -3.976093,2.479509 q 0,1.287316 0.526341,2.022924 0.532682,0.729268 1.458535,0.729268 0.925852,0 1.458535,-0.729268 0.532682,-0.735608 0.532682,-2.022924 0,-1.287315 -0.532682,-2.016583 -0.532683,-0.735608 -1.458535,-0.735608 -0.925853,0 -1.458535,0.735608 -0.526341,0.729268 -0.526341,2.016583 z m 10.298524,-2.739508 q -0.938536,0 -1.483901,0.735608 -0.545365,0.729268 -0.545365,2.0039 0,1.274633 0.539024,2.010241 0.545365,0.729268 1.490242,0.729268 0.932193,0 1.477559,-0.735609 0.545365,-0.735609 0.545365,-2.0039 0,-1.261949 -0.545365,-1.997558 -0.545366,-0.74195 -1.477559,-0.74195 z m 0,-0.989267 q 1.521949,0 2.390728,0.989267 0.868779,0.989267 0.868779,2.739508 0,1.7439 -0.868779,2.739509 -0.868779,0.989267 -2.390728,0.989267 -1.528291,0 -2.39707,-0.989267 -0.862438,-0.995609 -0.862438,-2.739509 0,-1.750241 0.862438,-2.739508 0.868779,-0.989267 2.39707,-0.989267 z m 10.304865,0.443901 v 1.090731 q -0.494634,-0.272683 -0.995609,-0.405853 -0.494633,-0.139512 -1.00195,-0.139512 -1.13512,0 -1.762924,0.722925 -0.627804,0.716585 -0.627804,2.016583 0,1.299998 0.627804,2.022924 0.627804,0.716585 1.762924,0.716585 0.507317,0 1.00195,-0.133171 0.500975,-0.139512 0.995609,-0.412194 v 1.078047 q -0.488292,0.228292 -1.014633,0.342439 -0.52,0.114146 -1.109755,0.114146 -1.604388,0 -2.549265,-1.008292 -0.944877,-1.008291 -0.944877,-2.720484 0,-1.737558 0.951219,-2.733167 0.957559,-0.995608 2.619021,-0.995608 0.539023,0 1.052681,0.114146 0.513658,0.107805 0.995609,0.329755 z m 1.984875,-3.037556 h 1.173169 v 5.827797 l 3.481459,-3.062923 h 1.490242 l -3.766825,3.322922 3.925361,3.779508 h -1.521949 l -3.608288,-3.468776 v 3.468776 h -1.173169 z m 13.177543,6.024382 v 0.570731 H 44.89946 q 0.0761,1.204876 0.722925,1.839022 0.65317,0.627804 1.813657,0.627804 0.672194,0 1.299998,-0.164878 0.634145,-0.164878 1.255608,-0.494634 v 1.103414 q -0.627804,0.266341 -1.287315,0.405853 -0.659512,0.139512 -1.338047,0.139512 -1.69951,0 -2.695119,-0.989267 Q 43.6819,42.849667 43.6819,41.16284 q 0,-1.7439 0.938536,-2.764875 0.944876,-1.027315 2.542923,-1.027315 1.433169,0 2.2639,0.925852 0.837072,0.919511 0.837072,2.504875 z m -1.166828,-0.342439 q -0.01268,-0.957559 -0.539024,-1.52829 -0.519999,-0.570731 -1.382437,-0.570731 -0.976584,0 -1.566339,0.551706 -0.583414,0.551707 -0.672195,1.553657 z m 7.197552,-1.826339 q -0.196585,-0.114146 -0.431219,-0.164878 -0.228292,-0.05707 -0.507316,-0.05707 -0.989267,0 -1.521949,0.646829 -0.526341,0.640487 -0.526341,1.845363 v 3.741459 h -1.173169 v -7.10243 h 1.173169 v 1.103413 q 0.367804,-0.646828 0.95756,-0.95756 0.589755,-0.317072 1.433169,-0.317072 0.120487,0 0.266341,0.01902 0.145853,0.01268 0.323414,0.04439 z" id="SvgjsPath1139"></path>
+      <path style="font-size:12.9873px;fill:#e6e6e6" d="m 60.968708,37.541869 h 1.166828 l 1.458534,5.542432 1.452193,-5.542432 h 1.376096 l 1.458535,5.542432 1.452193,-5.542432 h 1.166828 l -1.858047,7.10243 h -1.376095 l -1.528291,-5.821456 -1.534632,5.821456 h -1.376096 z m 17.375586,3.259508 v 0.570731 h -5.364871 q 0.0761,1.204876 0.722926,1.839022 0.65317,0.627804 1.813656,0.627804 0.672195,0 1.299999,-0.164878 0.634145,-0.164878 1.255608,-0.494634 v 1.103414 q -0.627804,0.266341 -1.287316,0.405853 -0.659511,0.139512 -1.338047,0.139512 -1.69951,0 -2.695118,-0.989267 -0.989267,-0.989267 -0.989267,-2.676094 0,-1.7439 0.938535,-2.764875 0.944877,-1.027315 2.542924,-1.027315 1.433169,0 2.263899,0.925852 0.837072,0.919511 0.837072,2.504875 z m -1.166827,-0.342439 q -0.01268,-0.957559 -0.539024,-1.52829 -0.519999,-0.570731 -1.382437,-0.570731 -0.976584,0 -1.56634,0.551706 -0.583414,0.551707 -0.672194,1.553657 z m 8.180478,0.640487 q 0,-1.287315 -0.532683,-2.016583 -0.52634,-0.735608 -1.452193,-0.735608 -0.925852,0 -1.458535,0.735608 -0.52634,0.729268 -0.52634,2.016583 0,1.287316 0.52634,2.022924 0.532683,0.729268 1.458535,0.729268 0.925853,0 1.452193,-0.729268 0.532683,-0.735608 0.532683,-2.022924 z m -3.969751,-2.479509 q 0.367804,-0.634145 0.925852,-0.938535 0.56439,-0.310731 1.344389,-0.310731 1.293656,0 2.099021,1.027315 0.811706,1.027316 0.811706,2.70146 0,1.674144 -0.811706,2.70146 -0.805365,1.027316 -2.099021,1.027316 -0.779999,0 -1.344389,-0.30439 -0.558048,-0.310731 -0.925852,-0.944877 v 1.065365 h -1.173169 v -9.867304 h 1.173169 z" id="SvgjsPath1138"></path>
+    </g>
+    <g id="SvgjsG1137" style="font-size:55.66px;line-height:1.25;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;stroke-width:0.69575" aria-label="docker web" transform="matrix(6.7324888,0,0,6.7324888,-58.478812,65.588292)">
+      <path style="font-size:12.9873px;fill:#cccccc" d="m 18.474617,38.619916 v -3.842921 h 1.166827 v 9.867304 h -1.166827 v -1.065365 q -0.367805,0.634146 -0.932194,0.944877 -0.558048,0.30439 -1.344389,0.30439 -1.287315,0 -2.099021,-1.027316 -0.805365,-1.027316 -0.805365,-2.70146 0,-1.674144 0.805365,-2.70146 0.811706,-1.027315 2.099021,-1.027315 0.786341,0 1.344389,0.310731 0.564389,0.30439 0.932194,0.938535 z m -3.976093,2.479509 q 0,1.287316 0.526341,2.022924 0.532682,0.729268 1.458535,0.729268 0.925852,0 1.458535,-0.729268 0.532682,-0.735608 0.532682,-2.022924 0,-1.287315 -0.532682,-2.016583 -0.532683,-0.735608 -1.458535,-0.735608 -0.925853,0 -1.458535,0.735608 -0.526341,0.729268 -0.526341,2.016583 z m 10.298524,-2.739508 q -0.938536,0 -1.483901,0.735608 -0.545365,0.729268 -0.545365,2.0039 0,1.274633 0.539024,2.010241 0.545365,0.729268 1.490242,0.729268 0.932193,0 1.477559,-0.735609 0.545365,-0.735609 0.545365,-2.0039 0,-1.261949 -0.545365,-1.997558 -0.545366,-0.74195 -1.477559,-0.74195 z m 0,-0.989267 q 1.521949,0 2.390728,0.989267 0.868779,0.989267 0.868779,2.739508 0,1.7439 -0.868779,2.739509 -0.868779,0.989267 -2.390728,0.989267 -1.528291,0 -2.39707,-0.989267 -0.862438,-0.995609 -0.862438,-2.739509 0,-1.750241 0.862438,-2.739508 0.868779,-0.989267 2.39707,-0.989267 z m 10.304865,0.443901 v 1.090731 q -0.494634,-0.272683 -0.995609,-0.405853 -0.494633,-0.139512 -1.00195,-0.139512 -1.13512,0 -1.762924,0.722925 -0.627804,0.716585 -0.627804,2.016583 0,1.299998 0.627804,2.022924 0.627804,0.716585 1.762924,0.716585 0.507317,0 1.00195,-0.133171 0.500975,-0.139512 0.995609,-0.412194 v 1.078047 q -0.488292,0.228292 -1.014633,0.342439 -0.52,0.114146 -1.109755,0.114146 -1.604388,0 -2.549265,-1.008292 -0.944877,-1.008291 -0.944877,-2.720484 0,-1.737558 0.951219,-2.733167 0.957559,-0.995608 2.619021,-0.995608 0.539023,0 1.052681,0.114146 0.513658,0.107805 0.995609,0.329755 z m 1.984875,-3.037556 h 1.173169 v 5.827797 l 3.481459,-3.062923 h 1.490242 l -3.766825,3.322922 3.925361,3.779508 h -1.521949 l -3.608288,-3.468776 v 3.468776 h -1.173169 z m 13.177543,6.024382 v 0.570731 H 44.89946 q 0.0761,1.204876 0.722925,1.839022 0.65317,0.627804 1.813657,0.627804 0.672194,0 1.299998,-0.164878 0.634145,-0.164878 1.255608,-0.494634 v 1.103414 q -0.627804,0.266341 -1.287315,0.405853 -0.659512,0.139512 -1.338047,0.139512 -1.69951,0 -2.695119,-0.989267 Q 43.6819,42.849667 43.6819,41.16284 q 0,-1.7439 0.938536,-2.764875 0.944876,-1.027315 2.542923,-1.027315 1.433169,0 2.2639,0.925852 0.837072,0.919511 0.837072,2.504875 z m -1.166828,-0.342439 q -0.01268,-0.957559 -0.539024,-1.52829 -0.519999,-0.570731 -1.382437,-0.570731 -0.976584,0 -1.566339,0.551706 -0.583414,0.551707 -0.672195,1.553657 z m 7.197552,-1.826339 q -0.196585,-0.114146 -0.431219,-0.164878 -0.228292,-0.05707 -0.507316,-0.05707 -0.989267,0 -1.521949,0.646829 -0.526341,0.640487 -0.526341,1.845363 v 3.741459 h -1.173169 v -7.10243 h 1.173169 v 1.103413 q 0.367804,-0.646828 0.95756,-0.95756 0.589755,-0.317072 1.433169,-0.317072 0.120487,0 0.266341,0.01902 0.145853,0.01268 0.323414,0.04439 z" id="SvgjsPath1136"></path>
+      <path style="font-size:12.9873px;fill:#e6e6e6" d="m 60.968708,37.541869 h 1.166828 l 1.458534,5.542432 1.452193,-5.542432 h 1.376096 l 1.458535,5.542432 1.452193,-5.542432 h 1.166828 l -1.858047,7.10243 h -1.376095 l -1.528291,-5.821456 -1.534632,5.821456 h -1.376096 z m 17.375586,3.259508 v 0.570731 h -5.364871 q 0.0761,1.204876 0.722926,1.839022 0.65317,0.627804 1.813656,0.627804 0.672195,0 1.299999,-0.164878 0.634145,-0.164878 1.255608,-0.494634 v 1.103414 q -0.627804,0.266341 -1.287316,0.405853 -0.659511,0.139512 -1.338047,0.139512 -1.69951,0 -2.695118,-0.989267 -0.989267,-0.989267 -0.989267,-2.676094 0,-1.7439 0.938535,-2.764875 0.944877,-1.027315 2.542924,-1.027315 1.433169,0 2.263899,0.925852 0.837072,0.919511 0.837072,2.504875 z m -1.166827,-0.342439 q -0.01268,-0.957559 -0.539024,-1.52829 -0.519999,-0.570731 -1.382437,-0.570731 -0.976584,0 -1.56634,0.551706 -0.583414,0.551707 -0.672194,1.553657 z m 8.180478,0.640487 q 0,-1.287315 -0.532683,-2.016583 -0.52634,-0.735608 -1.452193,-0.735608 -0.925852,0 -1.458535,0.735608 -0.52634,0.729268 -0.52634,2.016583 0,1.287316 0.52634,2.022924 0.532683,0.729268 1.458535,0.729268 0.925853,0 1.452193,-0.729268 0.532683,-0.735608 0.532683,-2.022924 z m -3.969751,-2.479509 q 0.367804,-0.634145 0.925852,-0.938535 0.56439,-0.310731 1.344389,-0.310731 1.293656,0 2.099021,1.027315 0.811706,1.027316 0.811706,2.70146 0,1.674144 -0.811706,2.70146 -0.805365,1.027316 -2.099021,1.027316 -0.779999,0 -1.344389,-0.30439 -0.558048,-0.310731 -0.925852,-0.944877 v 1.065365 h -1.173169 v -9.867304 h 1.173169 z" id="SvgjsPath1135"></path>
+    </g>
+  </g>
+  <g inkscape:groupmode="layer" id="SvgjsG1134" inkscape:label="bright" style="fill:#ffffff;display:inline" transform="translate(16.658678,8.3220275)">
+    <g style="display:inline;fill:#0062f8;fill-opacity:0.446602" transform="matrix(5.8876865,0,0,5.8876865,-343.48611,62.039248)" id="SvgjsG1133" inkscape:label="circles">
+      <circle style="display:inline;fill:#0062f8;fill-opacity:0.446602;stroke:none;stroke-width:302.362;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:161.197;stroke-opacity:1" id="SvgjsCircle1132" cx="72.107216" cy="4.5725055" r="9.6730785" inkscape:label="small"></circle>
+      <circle style="display:inline;fill:#0062f8;fill-opacity:0.446602;stroke:none;stroke-width:428.643;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:161.197;stroke-opacity:1" id="SvgjsCircle1131" cx="72.107216" cy="4.5725055" r="13.713011" inkscape:label="medium"></circle>
+      <circle style="display:inline;fill:#0062f8;fill-opacity:0.446602;stroke:none;stroke-width:516.481;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:161.197;stroke-opacity:1" id="SvgjsCircle1130" cx="72.107216" cy="4.5725055" r="16.523087" inkscape:label="big"></circle>
+    </g>
+    <g id="SvgjsG1129" inkscape:label="logo">
+      <path id="SvgjsPath1128" style="fill:#ffffff;stroke-width:355.553;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.3;paint-order:fill markers stroke" d="m 81.054927,55.166816 a 26.752747,26.752747 0 0 0 -26.757729,26.75772 26.752747,26.752747 0 0 0 0.355777,4.325427 h 52.803915 a 26.752747,26.752747 0 0 0 0.35578,-4.325427 26.752747,26.752747 0 0 0 -26.757743,-26.75772 z" inkscape:label="app"></path>
+      <path inkscape:connector-curvature="0" style="display:inline;fill:#ffffff;stroke-width:4.15564" id="SvgjsPath1127" d="m 142.45829,84.800529 c -0.27036,-0.220024 -2.79675,-2.127682 -8.12017,-2.127682 -1.32983,0 -2.73855,0.124632 -4.19723,0.361433 -1.03052,-7.077067 -6.86091,-10.526234 -7.13107,-10.679982 l -1.43366,-0.831105 -0.94337,1.363054 c -1.17902,1.826063 -2.03773,3.839986 -2.53904,5.955013 -0.95583,4.039291 -0.3739,7.829232 1.67467,11.078959 -2.47673,1.375518 -6.4246,1.737047 -7.24746,1.74534 H 46.832793 c -1.716853,0.0068 -3.107653,1.395727 -3.116761,3.112612 1.179117,5.458909 1.156108,5.301989 3.063553,10.313689 2.264759,5.94255 5.630883,10.31844 10.010938,13.00715 4.907729,3.01284 12.89905,4.73743 21.925106,4.73743 4.222155,0 8.43597,-0.38262 12.175991,-1.10541 5.888584,-1.13446 11.24106,-3.08345 15.89952,-5.78046 4.07145,-2.35991 7.7342,-5.36307 10.84626,-8.89307 5.20282,-5.90104 6.55451,-6.94991 10.42156,-11.718359 0.31158,0.01438 0.61453,0.01917 0.91844,0.01917 5.69742,0 9.20476,-2.285601 11.13713,-4.197162 2.09862,-2.07782 2.8466,-4.147348 2.9256,-4.375894 l 0.40362,-1.196834 z" sodipodi:nodetypes="cscccccccccccsccccscccc" inkscape:label="wahle"></path>
+    </g>
+  </g>
+</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>
--- a/app/favicon/site.webmanifest
+++ b/app/favicon/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "docker-web",
+  "short_name": "docker-web",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
--- a/app/favicon/web-app-manifest-192x192.png
+++ b/app/favicon/web-app-manifest-192x192.png
--- a/app/favicon/web-app-manifest-512x512.png
+++ b/app/favicon/web-app-manifest-512x512.png
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -2,20 +2,18 @@
  <div class="mx-6">
    <header class="h-screen flex flex-col justify-center">
      <nav class="fixed right-0 top-0 p-2 z-50">
-        <a
-          title="Go to Pegaz GitHub repo"
-          href="https://github.com/valerebron/pegaz"
-          target="_blank"
-        >
+        <a title="Go to docker-web GitHub repo" href="https://github.com/docker-web/docker-web" target="_blank">
          <SvgGithub class="bg-white rounded-full shadow-lg hover:scale-105" />
        </a>
      </nav>
      <HeroTitle client:visible />
      <HeroButtons client:visible />
+      <ScrollDownButton client:visible />
    </header>
-    <main class="-mt-20">
-      <Demo />
+    <main class="">
+      <Demo class="mt-20" />
      <Disclaimer />
+      <!-- <Create /> -->
      <BackupRestore />
      <ApplicationsList />
    </main>
@@ -23,18 +21,22 @@
 </template>

 <style>
-.pegaz-section {
+.docker-web-section {
  @apply flex flex-col md:flex-row items-center justify-center mb-28;
 }
+
 .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 {
  @apply bg-black bg-opacity-10 w-20 h-20 p-4 flex-wrap cursor-pointer inline-block rounded-xl transition-all;
 }
+
 .app--demo {
  @apply bg-black bg-opacity-10 w-20 h-20 p-4 flex-wrap cursor-pointer inline-block transition-all;
 }
+
 .app--backup {
  @apply bg-black bg-opacity-10 w-20 h-20 p-4 flex-wrap cursor-pointer inline-block transition-all;
 }
--- a/app/types/todo.d.ts
+++ b/app/types/todo.d.ts
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -1,116 +0,0 @@
-// Generated by 'unplugin-auto-import'
-export {}
-declare global {
-  const EffectScope: typeof import('vue')['EffectScope']
-  const computed: typeof import('vue')['computed']
-  const createApp: typeof import('vue')['createApp']
-  const customRef: typeof import('vue')['customRef']
-  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
-  const defineComponent: typeof import('vue')['defineComponent']
-  const effectScope: typeof import('vue')['effectScope']
-  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
-  const getCurrentScope: typeof import('vue')['getCurrentScope']
-  const h: typeof import('vue')['h']
-  const inject: typeof import('vue')['inject']
-  const isProxy: typeof import('vue')['isProxy']
-  const isReactive: typeof import('vue')['isReactive']
-  const isReadonly: typeof import('vue')['isReadonly']
-  const isRef: typeof import('vue')['isRef']
-  const markRaw: typeof import('vue')['markRaw']
-  const nextTick: typeof import('vue')['nextTick']
-  const onActivated: typeof import('vue')['onActivated']
-  const onBeforeMount: typeof import('vue')['onBeforeMount']
-  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
-  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
-  const onDeactivated: typeof import('vue')['onDeactivated']
-  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
-  const onMounted: typeof import('vue')['onMounted']
-  const onRenderTracked: typeof import('vue')['onRenderTracked']
-  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
-  const onScopeDispose: typeof import('vue')['onScopeDispose']
-  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
-  const onUnmounted: typeof import('vue')['onUnmounted']
-  const onUpdated: typeof import('vue')['onUpdated']
-  const provide: typeof import('vue')['provide']
-  const reactive: typeof import('vue')['reactive']
-  const readonly: typeof import('vue')['readonly']
-  const ref: typeof import('vue')['ref']
-  const resolveComponent: typeof import('vue')['resolveComponent']
-  const resolveDirective: typeof import('vue')['resolveDirective']
-  const shallowReactive: typeof import('vue')['shallowReactive']
-  const shallowReadonly: typeof import('vue')['shallowReadonly']
-  const shallowRef: typeof import('vue')['shallowRef']
-  const toRaw: typeof import('vue')['toRaw']
-  const toRef: typeof import('vue')['toRef']
-  const toRefs: typeof import('vue')['toRefs']
-  const triggerRef: typeof import('vue')['triggerRef']
-  const unref: typeof import('vue')['unref']
-  const useAttrs: typeof import('vue')['useAttrs']
-  const useCssModule: typeof import('vue')['useCssModule']
-  const useCssVars: typeof import('vue')['useCssVars']
-  const useHead: typeof import('@vueuse/head')['useHead']
-  const useSlots: typeof import('vue')['useSlots']
-  const watch: typeof import('vue')['watch']
-  const watchEffect: typeof import('vue')['watchEffect']
-  const watchPostEffect: typeof import('vue')['watchPostEffect']
-  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
-}
-// for vue template auto import
-import { UnwrapRef } from 'vue'
-declare module 'vue' {
-  interface ComponentCustomProperties {
-    readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
-    readonly computed: UnwrapRef<typeof import('vue')['computed']>
-    readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
-    readonly customRef: UnwrapRef<typeof import('vue')['customRef']>
-    readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
-    readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
-    readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
-    readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
-    readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
-    readonly h: UnwrapRef<typeof import('vue')['h']>
-    readonly inject: UnwrapRef<typeof import('vue')['inject']>
-    readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
-    readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
-    readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
-    readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
-    readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
-    readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
-    readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
-    readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
-    readonly onBeforeUnmount: UnwrapRef<typeof import('vue')['onBeforeUnmount']>
-    readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
-    readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
-    readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
-    readonly onMounted: UnwrapRef<typeof import('vue')['onMounted']>
-    readonly onRenderTracked: UnwrapRef<typeof import('vue')['onRenderTracked']>
-    readonly onRenderTriggered: UnwrapRef<typeof import('vue')['onRenderTriggered']>
-    readonly onScopeDispose: UnwrapRef<typeof import('vue')['onScopeDispose']>
-    readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
-    readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
-    readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
-    readonly provide: UnwrapRef<typeof import('vue')['provide']>
-    readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
-    readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
-    readonly ref: UnwrapRef<typeof import('vue')['ref']>
-    readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
-    readonly resolveDirective: UnwrapRef<typeof import('vue')['resolveDirective']>
-    readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
-    readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
-    readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
-    readonly toRaw: UnwrapRef<typeof import('vue')['toRaw']>
-    readonly toRef: UnwrapRef<typeof import('vue')['toRef']>
-    readonly toRefs: UnwrapRef<typeof import('vue')['toRefs']>
-    readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
-    readonly unref: UnwrapRef<typeof import('vue')['unref']>
-    readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
-    readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
-    readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
-    readonly useHead: UnwrapRef<typeof import('@vueuse/head')['useHead']>
-    readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
-    readonly watch: UnwrapRef<typeof import('vue')['watch']>
-    readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
-    readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
-    readonly watchSyncEffect: UnwrapRef<typeof import('vue')['watchSyncEffect']>
-  }
-}
--- a/components.d.ts
+++ b/components.d.ts
@@ -1,13 +0,0 @@
-// 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 {
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-  }
-}
--- a/components/hero-title.vue
+++ b/components/hero-title.vue
@@ -1,21 +0,0 @@
-<template>
-  <section>
-    <div class="flex justify-center -ml-24 animate-slide">
-      <div class="py-4 mr-3 animate-fadeout opacity-0">
-        <div class="bg-gray-400 h-px w-16 my-3 block" />
-        <div class="bg-gray-400 h-px w-16 my-3 translate-x-3 block" />
-        <div class="bg-gray-400 h-px w-16 my-3 translate-x-1 block" />
-        <div class="bg-gray-400 h-px w-16 my-3 translate-x-6 block" />
-      </div>
-      <SvgPegaz />
-    </div>
-    <div class="text-center py-4">
-      <h1 class="text-5xl font-bold leading-relaxed">
-        Pegaz
-      </h1>
-      <h2 class="text-3xl text-center">
-        docker-compose cli superset
-      </h2>
-    </div>
-  </section>
-</template>
--- a/components/svg/deluge.vue
+++ b/components/svg/deluge.vue
@@ -1,47 +0,0 @@
-<template>
-  <svg viewBox="0 0 250 356.285" xmlns="http://www.w3.org/2000/svg">
-    <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"
-          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: 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;
-        "
-        transform="translate(-56.804 .22) scale(7.57587)"
-      />
-    </g>
-  </svg>
-</template>
--- a/components/svg/pegaz.vue
+++ b/components/svg/pegaz.vue
@@ -1,65 +0,0 @@
-<template>
-  <svg
-    xmlns:dc="http://purl.org/dc/elements/1.1/"
-    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"
-    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
-          style="stop-color: #702fff; stop-opacity: 1"
-          offset="1"
-          id="stop5888"
-        />
-      </linearGradient>
-      <linearGradient
-        inkscape:collect="always"
-        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)"
-    >
-      <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"
-        sodipodi:nodetypes="ccccccccccccccccscccccccscccccccccccccccccccccccc"
-        transform="matrix(0.26458333,0,0,0.26458333,-5,267.05741)"
-      />
-    </g>
-  </svg>
-</template>
--- a/config.sh
+++ b/config.sh
@@ -1,4 +1,6 @@
 #!/bin/bash
-export DOMAIN="pegaz.domain.com"
-export PORT="7755"
-export REDIRECTIONS="get.$DOMAIN->https://raw.githubusercontent.com/valerebron/pegaz/master/get.pegaz.sh"
+export REPO_NAME="docker-website"
+export DOMAIN="docker-web.valere.dev"
+export PORT="7900"
+export PORT_EXPOSED="3000"
+export REDIRECTIONS="getdweb.valere.dev->https://raw.githubusercontent.com/docker-web/docker-web/master/install.sh"
--- a/coverage/add.vue.html
+++ b/coverage/add.vue.html
@@ -1,136 +0,0 @@
-
-<!doctype html>
-<html lang="en">
-
-<head>
-    <title>Code coverage report for add.vue</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="prettify.css" />
-    <link rel="stylesheet" href="base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-    
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="index.html">All files</a> add.vue</h1>
-        <div class='clearfix'>
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>0/17</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>0/1</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/1</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>0/17</span>
-            </div>
-        
-            
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line low'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
-<a name='L2'></a><a href='#L2'>2</a>
-<a name='L3'></a><a href='#L3'>3</a>
-<a name='L4'></a><a href='#L4'>4</a>
-<a name='L5'></a><a href='#L5'>5</a>
-<a name='L6'></a><a href='#L6'>6</a>
-<a name='L7'></a><a href='#L7'>7</a>
-<a name='L8'></a><a href='#L8'>8</a>
-<a name='L9'></a><a href='#L9'>9</a>
-<a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a>
-<a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a>
-<a name='L15'></a><a href='#L15'>15</a>
-<a name='L16'></a><a href='#L16'>16</a>
-<a name='L17'></a><a href='#L17'>17</a>
-<a name='L18'></a><a href='#L18'>18</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >&lt;template&gt;</span></span></span>
-<span class="cstat-no" title="statement not covered" >  &lt;form @submit.prevent="addTodoAndClear()"&gt;</span>
-<span class="cstat-no" title="statement not covered" >    &lt;input v-model="newTodo" type="text" class="p-4 w-full" placeholder="write a new todo ..."&gt;</span>
-<span class="cstat-no" title="statement not covered" >  &lt;/form&gt;</span>
-<span class="cstat-no" title="statement not covered" >&lt;/template&gt;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >&lt;script lang="ts" setup&gt;</span>
-<span class="cstat-no" title="statement not covered" >import { useTodoStore } from '~~/stores/TodoStore'</span>
-<span class="cstat-no" title="statement not covered" >const store = useTodoStore()</span>
-<span class="cstat-no" title="statement not covered" >const newTodo = ref('')</span>
-<span class="cstat-no" title="statement not covered" >const addTodoAndClear = () =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >  if (newTodo.value.length !== 0) {</span>
-<span class="cstat-no" title="statement not covered" >    store.addTodo(newTodo.value)</span>
-<span class="cstat-no" title="statement not covered" >    newTodo.value = ''</span>
-<span class="cstat-no" title="statement not covered" >  }</span>
-<span class="cstat-no" title="statement not covered" >}</span>
-<span class="cstat-no" title="statement not covered" >&lt;/script&gt;</span>
-&nbsp;</pre></td></tr></table></pre>
-
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-03-01T07:48:52.713Z
-            </div>
-        <script src="prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="sorter.js"></script>
-        <script src="block-navigation.js"></script>
-    </body>
-</html>
-    
--- a/coverage/base.css
+++ b/coverage/base.css
@@ -1,224 +0,0 @@
-body, html {
-  margin:0; padding: 0;
-  height: 100%;
-}
-body {
-    font-family: Helvetica Neue, Helvetica, Arial;
-    font-size: 14px;
-    color:#333;
-}
-.small { font-size: 12px; }
-*, *:after, *:before {
-  -webkit-box-sizing:border-box;
-     -moz-box-sizing:border-box;
-          box-sizing:border-box;
-  }
-h1 { font-size: 20px; margin: 0;}
-h2 { font-size: 14px; }
-pre {
-    font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
-    margin: 0;
-    padding: 0;
-    -moz-tab-size: 2;
-    -o-tab-size:  2;
-    tab-size: 2;
-}
-a { color:#0074D9; text-decoration:none; }
-a:hover { text-decoration:underline; }
-.strong { font-weight: bold; }
-.space-top1 { padding: 10px 0 0 0; }
-.pad2y { padding: 20px 0; }
-.pad1y { padding: 10px 0; }
-.pad2x { padding: 0 20px; }
-.pad2 { padding: 20px; }
-.pad1 { padding: 10px; }
-.space-left2 { padding-left:55px; }
-.space-right2 { padding-right:20px; }
-.center { text-align:center; }
-.clearfix { display:block; }
-.clearfix:after {
-  content:'';
-  display:block;
-  height:0;
-  clear:both;
-  visibility:hidden;
-  }
-.fl { float: left; }
-@media only screen and (max-width:640px) {
-  .col3 { width:100%; max-width:100%; }
-  .hide-mobile { display:none!important; }
-}
-
-.quiet {
-  color: #7f7f7f;
-  color: rgba(0,0,0,0.5);
-}
-.quiet a { opacity: 0.7; }
-
-.fraction {
-  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-  font-size: 10px;
-  color: #555;
-  background: #E8E8E8;
-  padding: 4px 5px;
-  border-radius: 3px;
-  vertical-align: middle;
-}
-
-div.path a:link, div.path a:visited { color: #333; }
-table.coverage {
-  border-collapse: collapse;
-  margin: 10px 0 0 0;
-  padding: 0;
-}
-
-table.coverage td {
-  margin: 0;
-  padding: 0;
-  vertical-align: top;
-}
-table.coverage td.line-count {
-    text-align: right;
-    padding: 0 5px 0 20px;
-}
-table.coverage td.line-coverage {
-    text-align: right;
-    padding-right: 10px;
-    min-width:20px;
-}
-
-table.coverage td span.cline-any {
-    display: inline-block;
-    padding: 0 5px;
-    width: 100%;
-}
-.missing-if-branch {
-    display: inline-block;
-    margin-right: 5px;
-    border-radius: 3px;
-    position: relative;
-    padding: 0 4px;
-    background: #333;
-    color: yellow;
-}
-
-.skip-if-branch {
-    display: none;
-    margin-right: 10px;
-    position: relative;
-    padding: 0 4px;
-    background: #ccc;
-    color: white;
-}
-.missing-if-branch .typ, .skip-if-branch .typ {
-    color: inherit !important;
-}
-.coverage-summary {
-  border-collapse: collapse;
-  width: 100%;
-}
-.coverage-summary tr { border-bottom: 1px solid #bbb; }
-.keyline-all { border: 1px solid #ddd; }
-.coverage-summary td, .coverage-summary th { padding: 10px; }
-.coverage-summary tbody { border: 1px solid #bbb; }
-.coverage-summary td { border-right: 1px solid #bbb; }
-.coverage-summary td:last-child { border-right: none; }
-.coverage-summary th {
-  text-align: left;
-  font-weight: normal;
-  white-space: nowrap;
-}
-.coverage-summary th.file { border-right: none !important; }
-.coverage-summary th.pct { }
-.coverage-summary th.pic,
-.coverage-summary th.abs,
-.coverage-summary td.pct,
-.coverage-summary td.abs { text-align: right; }
-.coverage-summary td.file { white-space: nowrap;  }
-.coverage-summary td.pic { min-width: 120px !important;  }
-.coverage-summary tfoot td { }
-
-.coverage-summary .sorter {
-    height: 10px;
-    width: 7px;
-    display: inline-block;
-    margin-left: 0.5em;
-    background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
-}
-.coverage-summary .sorted .sorter {
-    background-position: 0 -20px;
-}
-.coverage-summary .sorted-desc .sorter {
-    background-position: 0 -10px;
-}
-.status-line {  height: 10px; }
-/* yellow */
-.cbranch-no { background: yellow !important; color: #111; }
-/* dark red */
-.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
-.low .chart { border:1px solid #C21F39 }
-.highlighted,
-.highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
-  background: #C21F39 !important;
-}
-/* medium red */
-.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
-/* light red */
-.low, .cline-no { background:#FCE1E5 }
-/* light green */
-.high, .cline-yes { background:rgb(230,245,208) }
-/* medium green */
-.cstat-yes { background:rgb(161,215,106) }
-/* dark green */
-.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
-.high .chart { border:1px solid rgb(77,146,33) }
-/* dark yellow (gold) */
-.status-line.medium, .medium .cover-fill { background: #f9cd0b; }
-.medium .chart { border:1px solid #f9cd0b; }
-/* light yellow */
-.medium { background: #fff4c2; }
-
-.cstat-skip { background: #ddd; color: #111; }
-.fstat-skip { background: #ddd; color: #111 !important; }
-.cbranch-skip { background: #ddd !important; color: #111; }
-
-span.cline-neutral { background: #eaeaea; }
-
-.coverage-summary td.empty {
-    opacity: .5;
-    padding-top: 4px;
-    padding-bottom: 4px;
-    line-height: 1;
-    color: #888;
-}
-
-.cover-fill, .cover-empty {
-  display:inline-block;
-  height: 12px;
-}
-.chart {
-  line-height: 0;
-}
-.cover-empty {
-    background: white;
-}
-.cover-full {
-    border-right: none !important;
-}
-pre.prettyprint {
-    border: none !important;
-    padding: 0 !important;
-    margin: 0 !important;
-}
-.com { color: #999 !important; }
-.ignore-none { color: #999; font-weight: normal; }
-
-.wrapper {
-  min-height: 100%;
-  height: auto !important;
-  height: 100%;
-  margin: 0 auto -48px;
-}
-.footer, .push {
-  height: 48px;
-}
--- a/coverage/block-navigation.js
+++ b/coverage/block-navigation.js
@@ -1,87 +0,0 @@
-/* eslint-disable */
-var jumpToCode = (function init() {
-    // Classes of code we would like to highlight in the file view
-    var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no'];
-
-    // Elements to highlight in the file listing view
-    var fileListingElements = ['td.pct.low'];
-
-    // We don't want to select elements that are direct descendants of another match
-    var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
-
-    // Selecter that finds elements on the page to which we can jump
-    var selector =
-        fileListingElements.join(', ') +
-        ', ' +
-        notSelector +
-        missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
-
-    // The NodeList of matching elements
-    var missingCoverageElements = document.querySelectorAll(selector);
-
-    var currentIndex;
-
-    function toggleClass(index) {
-        missingCoverageElements
-            .item(currentIndex)
-            .classList.remove('highlighted');
-        missingCoverageElements.item(index).classList.add('highlighted');
-    }
-
-    function makeCurrent(index) {
-        toggleClass(index);
-        currentIndex = index;
-        missingCoverageElements.item(index).scrollIntoView({
-            behavior: 'smooth',
-            block: 'center',
-            inline: 'center'
-        });
-    }
-
-    function goToPrevious() {
-        var nextIndex = 0;
-        if (typeof currentIndex !== 'number' || currentIndex === 0) {
-            nextIndex = missingCoverageElements.length - 1;
-        } else if (missingCoverageElements.length > 1) {
-            nextIndex = currentIndex - 1;
-        }
-
-        makeCurrent(nextIndex);
-    }
-
-    function goToNext() {
-        var nextIndex = 0;
-
-        if (
-            typeof currentIndex === 'number' &&
-            currentIndex < missingCoverageElements.length - 1
-        ) {
-            nextIndex = currentIndex + 1;
-        }
-
-        makeCurrent(nextIndex);
-    }
-
-    return function jump(event) {
-        if (
-            document.getElementById('fileSearch') === document.activeElement &&
-            document.activeElement != null
-        ) {
-            // if we're currently focused on the search input, we don't want to navigate
-            return;
-        }
-
-        switch (event.which) {
-            case 78: // n
-            case 74: // j
-                goToNext();
-                break;
-            case 66: // b
-            case 75: // k
-            case 80: // p
-                goToPrevious();
-                break;
-        }
-    };
-})();
-window.addEventListener('keydown', jumpToCode);
--- a/coverage/clover.xml
+++ b/coverage/clover.xml
@@ -1,108 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1677656932716" clover="3.2.0">
-  <project timestamp="1677656932717" name="All files">
-    <metrics statements="93" coveredstatements="0" conditionals="3" coveredconditionals="0" methods="3" coveredmethods="0" elements="99" coveredelements="0" complexity="0" loc="93" ncloc="93" packages="1" files="3" classes="3"/>
-    <file name="add.vue" path="/home/valere/sidebase/components/todo/add.vue">
-      <metrics statements="17" coveredstatements="0" conditionals="1" coveredconditionals="0" methods="1" coveredmethods="0"/>
-      <line num="1" count="0" type="cond" truecount="0" falsecount="1"/>
-      <line num="2" count="0" type="stmt"/>
-      <line num="3" count="0" type="stmt"/>
-      <line num="4" count="0" type="stmt"/>
-      <line num="5" count="0" type="stmt"/>
-      <line num="6" count="0" type="stmt"/>
-      <line num="7" count="0" type="stmt"/>
-      <line num="8" count="0" type="stmt"/>
-      <line num="9" count="0" type="stmt"/>
-      <line num="10" count="0" type="stmt"/>
-      <line num="11" count="0" type="stmt"/>
-      <line num="12" count="0" type="stmt"/>
-      <line num="13" count="0" type="stmt"/>
-      <line num="14" count="0" type="stmt"/>
-      <line num="15" count="0" type="stmt"/>
-      <line num="16" count="0" type="stmt"/>
-      <line num="17" count="0" type="stmt"/>
-    </file>
-    <file name="list.vue" path="/home/valere/sidebase/components/todo/list.vue">
-      <metrics statements="13" coveredstatements="0" conditionals="1" coveredconditionals="0" methods="1" coveredmethods="0"/>
-      <line num="1" count="0" type="cond" truecount="0" falsecount="1"/>
-      <line num="2" count="0" type="stmt"/>
-      <line num="3" count="0" type="stmt"/>
-      <line num="4" count="0" type="stmt"/>
-      <line num="5" count="0" type="stmt"/>
-      <line num="6" count="0" type="stmt"/>
-      <line num="7" count="0" type="stmt"/>
-      <line num="8" count="0" type="stmt"/>
-      <line num="9" count="0" type="stmt"/>
-      <line num="10" count="0" type="stmt"/>
-      <line num="11" count="0" type="stmt"/>
-      <line num="12" count="0" type="stmt"/>
-      <line num="13" count="0" type="stmt"/>
-    </file>
-    <file name="row.vue" path="/home/valere/sidebase/components/todo/row.vue">
-      <metrics statements="63" coveredstatements="0" conditionals="1" coveredconditionals="0" methods="1" coveredmethods="0"/>
-      <line num="1" count="0" type="cond" truecount="0" falsecount="1"/>
-      <line num="2" count="0" type="stmt"/>
-      <line num="3" count="0" type="stmt"/>
-      <line num="4" count="0" type="stmt"/>
-      <line num="5" count="0" type="stmt"/>
-      <line num="6" count="0" type="stmt"/>
-      <line num="7" count="0" type="stmt"/>
-      <line num="8" count="0" type="stmt"/>
-      <line num="9" count="0" type="stmt"/>
-      <line num="10" count="0" type="stmt"/>
-      <line num="11" count="0" type="stmt"/>
-      <line num="12" count="0" type="stmt"/>
-      <line num="13" count="0" type="stmt"/>
-      <line num="14" count="0" type="stmt"/>
-      <line num="15" count="0" type="stmt"/>
-      <line num="16" count="0" type="stmt"/>
-      <line num="17" count="0" type="stmt"/>
-      <line num="18" count="0" type="stmt"/>
-      <line num="19" count="0" type="stmt"/>
-      <line num="20" count="0" type="stmt"/>
-      <line num="21" count="0" type="stmt"/>
-      <line num="22" count="0" type="stmt"/>
-      <line num="23" count="0" type="stmt"/>
-      <line num="24" count="0" type="stmt"/>
-      <line num="25" count="0" type="stmt"/>
-      <line num="26" count="0" type="stmt"/>
-      <line num="27" count="0" type="stmt"/>
-      <line num="28" count="0" type="stmt"/>
-      <line num="29" count="0" type="stmt"/>
-      <line num="30" count="0" type="stmt"/>
-      <line num="31" count="0" type="stmt"/>
-      <line num="32" count="0" type="stmt"/>
-      <line num="33" count="0" type="stmt"/>
-      <line num="34" count="0" type="stmt"/>
-      <line num="35" count="0" type="stmt"/>
-      <line num="36" count="0" type="stmt"/>
-      <line num="37" count="0" type="stmt"/>
-      <line num="38" count="0" type="stmt"/>
-      <line num="39" count="0" type="stmt"/>
-      <line num="40" count="0" type="stmt"/>
-      <line num="41" count="0" type="stmt"/>
-      <line num="42" count="0" type="stmt"/>
-      <line num="43" count="0" type="stmt"/>
-      <line num="44" count="0" type="stmt"/>
-      <line num="45" count="0" type="stmt"/>
-      <line num="46" count="0" type="stmt"/>
-      <line num="47" count="0" type="stmt"/>
-      <line num="48" count="0" type="stmt"/>
-      <line num="49" count="0" type="stmt"/>
-      <line num="50" count="0" type="stmt"/>
-      <line num="51" count="0" type="stmt"/>
-      <line num="52" count="0" type="stmt"/>
-      <line num="53" count="0" type="stmt"/>
-      <line num="54" count="0" type="stmt"/>
-      <line num="55" count="0" type="stmt"/>
-      <line num="56" count="0" type="stmt"/>
-      <line num="57" count="0" type="stmt"/>
-      <line num="58" count="0" type="stmt"/>
-      <line num="59" count="0" type="stmt"/>
-      <line num="60" count="0" type="stmt"/>
-      <line num="61" count="0" type="stmt"/>
-      <line num="62" count="0" type="stmt"/>
-      <line num="63" count="0" type="stmt"/>
-    </file>
-  </project>
-</coverage>
--- a/coverage/coverage-final.json
+++ b/coverage/coverage-final.json
--- a/coverage/favicon.png
+++ b/coverage/favicon.png
--- a/coverage/index.html
+++ b/coverage/index.html
@@ -1,146 +0,0 @@
-
-<!doctype html>
-<html lang="en">
-
-<head>
-    <title>Code coverage report for All files</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="prettify.css" />
-    <link rel="stylesheet" href="base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-    
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1>All files</h1>
-        <div class='clearfix'>
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>0/93</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>0/3</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/3</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>0/93</span>
-            </div>
-        
-            
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line low'></div>
-    <div class="pad1">
-<table class="coverage-summary">
-<thead>
-<tr>
-   <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
-   <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
-   <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
-   <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
-   <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
-   <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
-   <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
-   <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
-   <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
-   <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
-</tr>
-</thead>
-<tbody><tr>
-	<td class="file low" data-value="add.vue"><a href="add.vue.html">add.vue</a></td>
-	<td data-value="0" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
-	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="17" class="abs low">0/17</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="17" class="abs low">0/17</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="list.vue"><a href="list.vue.html">list.vue</a></td>
-	<td data-value="0" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
-	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="13" class="abs low">0/13</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="13" class="abs low">0/13</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="row.vue"><a href="row.vue.html">row.vue</a></td>
-	<td data-value="0" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
-	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="63" class="abs low">0/63</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="63" class="abs low">0/63</td>
-	</tr>
-
-</tbody>
-</table>
-</div>
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-03-01T07:48:52.713Z
-            </div>
-        <script src="prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="sorter.js"></script>
-        <script src="block-navigation.js"></script>
-    </body>
-</html>
-    
--- a/coverage/list.vue.html
+++ b/coverage/list.vue.html
@@ -1,124 +0,0 @@
-
-<!doctype html>
-<html lang="en">
-
-<head>
-    <title>Code coverage report for list.vue</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="prettify.css" />
-    <link rel="stylesheet" href="base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-    
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="index.html">All files</a> list.vue</h1>
-        <div class='clearfix'>
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>0/13</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>0/1</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/1</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>0/13</span>
-            </div>
-        
-            
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line low'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
-<a name='L2'></a><a href='#L2'>2</a>
-<a name='L3'></a><a href='#L3'>3</a>
-<a name='L4'></a><a href='#L4'>4</a>
-<a name='L5'></a><a href='#L5'>5</a>
-<a name='L6'></a><a href='#L6'>6</a>
-<a name='L7'></a><a href='#L7'>7</a>
-<a name='L8'></a><a href='#L8'>8</a>
-<a name='L9'></a><a href='#L9'>9</a>
-<a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a>
-<a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >&lt;template&gt;</span></span></span>
-<span class="cstat-no" title="statement not covered" >  &lt;section class="h-screen w-screen justify-center items-center flex"&gt;</span>
-<span class="cstat-no" title="statement not covered" >    &lt;ul class="bg-gray-100 flex-row border-2 w-10/12 md:w-5/6 lg:w-1/2"&gt;</span>
-<span class="cstat-no" title="statement not covered" >      &lt;TodoAdd /&gt;</span>
-<span class="cstat-no" title="statement not covered" >      &lt;TodoRow v-for="(todo, index) in store.getTodos" :key="index" :todo="todo" /&gt;</span>
-<span class="cstat-no" title="statement not covered" >    &lt;/ul&gt;</span>
-<span class="cstat-no" title="statement not covered" >  &lt;/section&gt;</span>
-<span class="cstat-no" title="statement not covered" >&lt;/template&gt;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >&lt;script lang="ts" setup&gt;</span>
-<span class="cstat-no" title="statement not covered" >import { useTodoStore } from '~~/stores/TodoStore'</span>
-<span class="cstat-no" title="statement not covered" >const store = useTodoStore()</span>
-<span class="cstat-no" title="statement not covered" >&lt;/script&gt;</span>
-&nbsp;</pre></td></tr></table></pre>
-
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-03-01T07:48:52.713Z
-            </div>
-        <script src="prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="sorter.js"></script>
-        <script src="block-navigation.js"></script>
-    </body>
-</html>
-    
--- a/coverage/prettify.css
+++ b/coverage/prettify.css
@@ -1 +0,0 @@
-.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
--- a/coverage/prettify.js
+++ b/coverage/prettify.js
--- a/coverage/row.vue.html
+++ b/coverage/row.vue.html
@@ -1,274 +0,0 @@
-
-<!doctype html>
-<html lang="en">
-
-<head>
-    <title>Code coverage report for row.vue</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="prettify.css" />
-    <link rel="stylesheet" href="base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-    
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="index.html">All files</a> row.vue</h1>
-        <div class='clearfix'>
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>0/63</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>0/1</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/1</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>0/63</span>
-            </div>
-        
-            
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line low'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
-<a name='L2'></a><a href='#L2'>2</a>
-<a name='L3'></a><a href='#L3'>3</a>
-<a name='L4'></a><a href='#L4'>4</a>
-<a name='L5'></a><a href='#L5'>5</a>
-<a name='L6'></a><a href='#L6'>6</a>
-<a name='L7'></a><a href='#L7'>7</a>
-<a name='L8'></a><a href='#L8'>8</a>
-<a name='L9'></a><a href='#L9'>9</a>
-<a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a>
-<a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a>
-<a name='L15'></a><a href='#L15'>15</a>
-<a name='L16'></a><a href='#L16'>16</a>
-<a name='L17'></a><a href='#L17'>17</a>
-<a name='L18'></a><a href='#L18'>18</a>
-<a name='L19'></a><a href='#L19'>19</a>
-<a name='L20'></a><a href='#L20'>20</a>
-<a name='L21'></a><a href='#L21'>21</a>
-<a name='L22'></a><a href='#L22'>22</a>
-<a name='L23'></a><a href='#L23'>23</a>
-<a name='L24'></a><a href='#L24'>24</a>
-<a name='L25'></a><a href='#L25'>25</a>
-<a name='L26'></a><a href='#L26'>26</a>
-<a name='L27'></a><a href='#L27'>27</a>
-<a name='L28'></a><a href='#L28'>28</a>
-<a name='L29'></a><a href='#L29'>29</a>
-<a name='L30'></a><a href='#L30'>30</a>
-<a name='L31'></a><a href='#L31'>31</a>
-<a name='L32'></a><a href='#L32'>32</a>
-<a name='L33'></a><a href='#L33'>33</a>
-<a name='L34'></a><a href='#L34'>34</a>
-<a name='L35'></a><a href='#L35'>35</a>
-<a name='L36'></a><a href='#L36'>36</a>
-<a name='L37'></a><a href='#L37'>37</a>
-<a name='L38'></a><a href='#L38'>38</a>
-<a name='L39'></a><a href='#L39'>39</a>
-<a name='L40'></a><a href='#L40'>40</a>
-<a name='L41'></a><a href='#L41'>41</a>
-<a name='L42'></a><a href='#L42'>42</a>
-<a name='L43'></a><a href='#L43'>43</a>
-<a name='L44'></a><a href='#L44'>44</a>
-<a name='L45'></a><a href='#L45'>45</a>
-<a name='L46'></a><a href='#L46'>46</a>
-<a name='L47'></a><a href='#L47'>47</a>
-<a name='L48'></a><a href='#L48'>48</a>
-<a name='L49'></a><a href='#L49'>49</a>
-<a name='L50'></a><a href='#L50'>50</a>
-<a name='L51'></a><a href='#L51'>51</a>
-<a name='L52'></a><a href='#L52'>52</a>
-<a name='L53'></a><a href='#L53'>53</a>
-<a name='L54'></a><a href='#L54'>54</a>
-<a name='L55'></a><a href='#L55'>55</a>
-<a name='L56'></a><a href='#L56'>56</a>
-<a name='L57'></a><a href='#L57'>57</a>
-<a name='L58'></a><a href='#L58'>58</a>
-<a name='L59'></a><a href='#L59'>59</a>
-<a name='L60'></a><a href='#L60'>60</a>
-<a name='L61'></a><a href='#L61'>61</a>
-<a name='L62'></a><a href='#L62'>62</a>
-<a name='L63'></a><a href='#L63'>63</a>
-<a name='L64'></a><a href='#L64'>64</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >&lt;template v-if="isActive"&gt;</span></span></span>
-<span class="cstat-no" title="statement not covered" >  &lt;li class="hover:bg-green-100 px-8 py-4 flex justify-between"&gt;</span>
-<span class="cstat-no" title="statement not covered" >    &lt;NCheckbox</span>
-<span class="cstat-no" title="statement not covered" >      v-if="!editMode"</span>
-<span class="cstat-no" title="statement not covered" >      :checked="todo.isDone"</span>
-<span class="cstat-no" title="statement not covered" >      :label="todo.content"</span>
-<span class="cstat-no" title="statement not covered" >      size="large"</span>
-<span class="cstat-no" title="statement not covered" >      class="grow"</span>
-<span class="cstat-no" title="statement not covered" >      @update:checked="toggleDone(todo)"</span>
-<span class="cstat-no" title="statement not covered" >    /&gt;</span>
-<span class="cstat-no" title="statement not covered" >    &lt;input</span>
-<span class="cstat-no" title="statement not covered" >      v-if="editMode"</span>
-<span class="cstat-no" title="statement not covered" >      ref="editinput"</span>
-<span class="cstat-no" title="statement not covered" >      v-model="newContent"</span>
-<span class="cstat-no" title="statement not covered" >      class="grow px-2"</span>
-<span class="cstat-no" title="statement not covered" >      type="text"</span>
-<span class="cstat-no" title="statement not covered" >      @focusout="updateContent(todo)"</span>
-<span class="cstat-no" title="statement not covered" >      @keypress.enter="updateContent(todo)"</span>
-<span class="cstat-no" title="statement not covered" >    &gt;</span>
-<span class="cstat-no" title="statement not covered" >    &lt;div class="flex justify-around w-24"&gt;</span>
-<span class="cstat-no" title="statement not covered" >      &lt;NButton type="warning" @click="editTodo()"&gt;</span>
-<span class="cstat-no" title="statement not covered" >        🖊️</span>
-<span class="cstat-no" title="statement not covered" >      &lt;/NButton&gt;</span>
-<span class="cstat-no" title="statement not covered" >      &lt;NButton type="error" @click="store.dropTodo(todo)"&gt;</span>
-<span class="cstat-no" title="statement not covered" >        🗑</span>
-<span class="cstat-no" title="statement not covered" >      &lt;/NButton&gt;</span>
-<span class="cstat-no" title="statement not covered" >    &lt;/div&gt;</span>
-<span class="cstat-no" title="statement not covered" >  &lt;/li&gt;</span>
-<span class="cstat-no" title="statement not covered" >&lt;/template&gt;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >&lt;script lang="ts" setup&gt;</span>
-<span class="cstat-no" title="statement not covered" >import Todo from 'types/todo'</span>
-<span class="cstat-no" title="statement not covered" >import { useTodoStore } from '~~/stores/TodoStore'</span>
-<span class="cstat-no" title="statement not covered" >const store = useTodoStore()</span>
-<span class="cstat-no" title="statement not covered" >interface Props {</span>
-<span class="cstat-no" title="statement not covered" >  todo: Todo</span>
-<span class="cstat-no" title="statement not covered" >}</span>
-<span class="cstat-no" title="statement not covered" >const props = defineProps&lt;Props&gt;()</span>
-<span class="cstat-no" title="statement not covered" >const editMode = ref(false)</span>
-<span class="cstat-no" title="statement not covered" >const newContent = ref(props.todo.content)</span>
-<span class="cstat-no" title="statement not covered" >const editinput = ref&lt;HTMLInputElement&gt;()</span>
-<span class="cstat-no" title="statement not covered" >const toggleDone = (todo: Todo) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >  todo.isDone = !todo.isDone</span>
-<span class="cstat-no" title="statement not covered" >  store.updateTodo(todo)</span>
-<span class="cstat-no" title="statement not covered" >}</span>
-<span class="cstat-no" title="statement not covered" >const editTodo = () =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >  editMode.value = !editMode.value</span>
-<span class="cstat-no" title="statement not covered" >  nextTick(() =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    editinput.value?.focus()</span>
-<span class="cstat-no" title="statement not covered" >  })</span>
-<span class="cstat-no" title="statement not covered" >}</span>
-<span class="cstat-no" title="statement not covered" >const updateContent = (todo: Todo) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >  todo.content = newContent.value</span>
-<span class="cstat-no" title="statement not covered" >  store.updateTodo(todo)</span>
-<span class="cstat-no" title="statement not covered" >  editMode.value = !editMode</span>
-<span class="cstat-no" title="statement not covered" >}</span>
-<span class="cstat-no" title="statement not covered" >&lt;/script&gt;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >&lt;style&gt;</span>
-<span class="cstat-no" title="statement not covered" >.n-checkbox--checked .n-checkbox__label {</span>
-<span class="cstat-no" title="statement not covered" >  @apply line-through opacity-50;</span>
-<span class="cstat-no" title="statement not covered" >}</span>
-<span class="cstat-no" title="statement not covered" >&lt;/style&gt;</span>
-&nbsp;</pre></td></tr></table></pre>
-
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-03-01T07:48:52.713Z
-            </div>
-        <script src="prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="sorter.js"></script>
-        <script src="block-navigation.js"></script>
-    </body>
-</html>
-    
--- a/coverage/sort-arrow-sprite.png
+++ b/coverage/sort-arrow-sprite.png
--- a/coverage/sorter.js
+++ b/coverage/sorter.js
@@ -1,196 +0,0 @@
-/* eslint-disable */
-var addSorting = (function() {
-    'use strict';
-    var cols,
-        currentSort = {
-            index: 0,
-            desc: false
-        };
-
-    // returns the summary table element
-    function getTable() {
-        return document.querySelector('.coverage-summary');
-    }
-    // returns the thead element of the summary table
-    function getTableHeader() {
-        return getTable().querySelector('thead tr');
-    }
-    // returns the tbody element of the summary table
-    function getTableBody() {
-        return getTable().querySelector('tbody');
-    }
-    // returns the th element for nth column
-    function getNthColumn(n) {
-        return getTableHeader().querySelectorAll('th')[n];
-    }
-
-    function onFilterInput() {
-        const searchValue = document.getElementById('fileSearch').value;
-        const rows = document.getElementsByTagName('tbody')[0].children;
-        for (let i = 0; i < rows.length; i++) {
-            const row = rows[i];
-            if (
-                row.textContent
-                    .toLowerCase()
-                    .includes(searchValue.toLowerCase())
-            ) {
-                row.style.display = '';
-            } else {
-                row.style.display = 'none';
-            }
-        }
-    }
-
-    // loads the search box
-    function addSearchBox() {
-        var template = document.getElementById('filterTemplate');
-        var templateClone = template.content.cloneNode(true);
-        templateClone.getElementById('fileSearch').oninput = onFilterInput;
-        template.parentElement.appendChild(templateClone);
-    }
-
-    // loads all columns
-    function loadColumns() {
-        var colNodes = getTableHeader().querySelectorAll('th'),
-            colNode,
-            cols = [],
-            col,
-            i;
-
-        for (i = 0; i < colNodes.length; i += 1) {
-            colNode = colNodes[i];
-            col = {
-                key: colNode.getAttribute('data-col'),
-                sortable: !colNode.getAttribute('data-nosort'),
-                type: colNode.getAttribute('data-type') || 'string'
-            };
-            cols.push(col);
-            if (col.sortable) {
-                col.defaultDescSort = col.type === 'number';
-                colNode.innerHTML =
-                    colNode.innerHTML + '<span class="sorter"></span>';
-            }
-        }
-        return cols;
-    }
-    // attaches a data attribute to every tr element with an object
-    // of data values keyed by column name
-    function loadRowData(tableRow) {
-        var tableCols = tableRow.querySelectorAll('td'),
-            colNode,
-            col,
-            data = {},
-            i,
-            val;
-        for (i = 0; i < tableCols.length; i += 1) {
-            colNode = tableCols[i];
-            col = cols[i];
-            val = colNode.getAttribute('data-value');
-            if (col.type === 'number') {
-                val = Number(val);
-            }
-            data[col.key] = val;
-        }
-        return data;
-    }
-    // loads all row data
-    function loadData() {
-        var rows = getTableBody().querySelectorAll('tr'),
-            i;
-
-        for (i = 0; i < rows.length; i += 1) {
-            rows[i].data = loadRowData(rows[i]);
-        }
-    }
-    // sorts the table using the data for the ith column
-    function sortByIndex(index, desc) {
-        var key = cols[index].key,
-            sorter = function(a, b) {
-                a = a.data[key];
-                b = b.data[key];
-                return a < b ? -1 : a > b ? 1 : 0;
-            },
-            finalSorter = sorter,
-            tableBody = document.querySelector('.coverage-summary tbody'),
-            rowNodes = tableBody.querySelectorAll('tr'),
-            rows = [],
-            i;
-
-        if (desc) {
-            finalSorter = function(a, b) {
-                return -1 * sorter(a, b);
-            };
-        }
-
-        for (i = 0; i < rowNodes.length; i += 1) {
-            rows.push(rowNodes[i]);
-            tableBody.removeChild(rowNodes[i]);
-        }
-
-        rows.sort(finalSorter);
-
-        for (i = 0; i < rows.length; i += 1) {
-            tableBody.appendChild(rows[i]);
-        }
-    }
-    // removes sort indicators for current column being sorted
-    function removeSortIndicators() {
-        var col = getNthColumn(currentSort.index),
-            cls = col.className;
-
-        cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
-        col.className = cls;
-    }
-    // adds sort indicators for current column being sorted
-    function addSortIndicators() {
-        getNthColumn(currentSort.index).className += currentSort.desc
-            ? ' sorted-desc'
-            : ' sorted';
-    }
-    // adds event listeners for all sorter widgets
-    function enableUI() {
-        var i,
-            el,
-            ithSorter = function ithSorter(i) {
-                var col = cols[i];
-
-                return function() {
-                    var desc = col.defaultDescSort;
-
-                    if (currentSort.index === i) {
-                        desc = !currentSort.desc;
-                    }
-                    sortByIndex(i, desc);
-                    removeSortIndicators();
-                    currentSort.index = i;
-                    currentSort.desc = desc;
-                    addSortIndicators();
-                };
-            };
-        for (i = 0; i < cols.length; i += 1) {
-            if (cols[i].sortable) {
-                // add the click event handler on the th so users
-                // dont have to click on those tiny arrows
-                el = getNthColumn(i).querySelector('.sorter').parentElement;
-                if (el.addEventListener) {
-                    el.addEventListener('click', ithSorter(i));
-                } else {
-                    el.attachEvent('onclick', ithSorter(i));
-                }
-            }
-        }
-    }
-    // adds sorting functionality to the UI
-    return function() {
-        if (!getTable()) {
-            return;
-        }
-        cols = loadColumns();
-        loadData();
-        addSearchBox();
-        addSortIndicators();
-        enableUI();
-    };
-})();
-
-window.addEventListener('load', addSorting);
--- a/coverage/tmp/coverage-13499-1677657161408-2.json
+++ b/coverage/tmp/coverage-13499-1677657161408-2.json
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,17 +1,23 @@
-version: '3.7'
 services:
-  pegazdev:
-    build: .
-    container_name: pegazdev
+  dockerwebsite:
+    image: local/dockerwebsite
+    build:
+      context: .
+      dockerfile: Dockerfile
+    container_name: dockerwebsite
    restart: unless-stopped
+    working_dir: /app
    ports:
-      - $PORT:3000
+      - "${PORT}:${PORT_EXPOSED}"
+    volumes:
+      - "${MEDIA_DIR}:/mnt/media"
    environment:
-      VIRTUAL_HOST: '${DOMAIN}'
-      LETSENCRYPT_HOST: '${DOMAIN}'
-      PUID: '${PUID}'
-      PGID: '${PGID}'
+      VIRTUAL_HOST: "${DOMAIN}"
+      LETSENCRYPT_HOST: "${DOMAIN}"
+      PUID: "${PUID}"
+      PGID: "${PGID}"

 networks:
  default:
-    name: pegaz
+    name: dockerweb
+    external: true
--- a/env.d.ts
+++ b/env.d.ts
@@ -1,6 +0,0 @@
-// for svgo
-declare module '*.svg' {
-  import type { DefineComponent } from 'vue'
-  const component: DefineComponent
-  export default component
-}
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -0,0 +1,6 @@
+// @ts-check
+import withNuxt from './.nuxt/eslint.config.mjs'
+
+export default withNuxt(
+  // Your custom configs here
+)
--- a/10
+++ b/10
@@ -1,10 +0,0 @@
-dist
-public
-
-# ignore generate imports
-auto-imports.d.ts
-components.d.ts
-
-dist
-.output
-node_modules
--- a/13
+++ b/13
@@ -1,13 +0,0 @@
-{
-    "extends": ["@nuxtjs/eslint-config-typescript"],
-    "overrides": [
-        {
-            "files": [
-                "./server/**/*.ts"
-            ],
-            "rules": {
-                "no-console": ["error", { "allow": ["info", "warn", "trace", "error"]}]
-            }
-        }
-    ]
-}
--- a/favicon.ico
+++ b/favicon.ico
--- a/logo.svg
+++ b/logo.svg
@@ -1,105 +1,20 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   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"
-   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
-         style="stop-color:#702fff;stop-opacity:1"
-         offset="1"
-         id="stop5888" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       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>
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="2"
-     inkscape:cx="61.470446"
-     inkscape:cy="-7.789637"
-     inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     fit-margin-top="5"
-     fit-margin-left="5"
-     fit-margin-right="5"
-     fit-margin-bottom="5"
-     inkscape:window-width="1920"
-     inkscape:window-height="1048"
-     inkscape:window-x="0"
-     inkscape:window-y="-4"
-     inkscape:window-maximized="1"
-     showguides="true"
-     inkscape:guide-bbox="true">
-    <sodipodi:guide
-       position="35.172669,28.437477"
-       orientation="1,0"
-       id="guide952"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="38.820898,24.134438"
-       orientation="0,1"
-       id="guide954"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5804">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     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"
-       sodipodi:nodetypes="ccccccccccccccccscccccccscccccccccccccccccccccccc"
-       transform="matrix(0.26458333,0,0,0.26458333,-5,267.05741)" />
-  </g>
-</svg>
+<svg class="MuiBox-root css-15p9n5u" fill="#ffffff" data-darkreader-inline-fill="" version="1.1"
+   viewBox="0 0 195 194.57" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+   <g transform="translate(16.659 8.322)">
+      <g transform="matrix(5.8877 0 0 5.8877 -343.49 62.039)" fill="#0062f8" fill-opacity=".4466">
+         <circle cx="72.107" cy="4.5725" r="9.6731" />
+         <circle cx="72.107" cy="4.5725" r="13.713" />
+         <circle cx="72.107" cy="4.5725" r="16.523" />
+      </g>
+      <g fill="#fff">
+         <path
+            d="m81.055 55.167a26.753 26.753 0 0 0-26.758 26.758 26.753 26.753 0 0 0 0.35578 4.3254h52.804a26.753 26.753 0 0 0 0.35578-4.3254 26.753 26.753 0 0 0-26.758-26.758z"
+            stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2.3" stroke-width="355.55"
+            style="paint-order:fill markers stroke" />
+         <path
+            d="m142.46 84.801c-0.27036-0.22002-2.7968-2.1277-8.1202-2.1277-1.3298 0-2.7386 0.12463-4.1972 0.36143-1.0305-7.0771-6.8609-10.526-7.1311-10.68l-1.4337-0.8311-0.94337 1.3631c-1.179 1.8261-2.0377 3.84-2.539 5.955-0.95583 4.0393-0.3739 7.8292 1.6747 11.079-2.4767 1.3755-6.4246 1.737-7.2475 1.7453h-65.688c-1.7169 0.0068-3.1077 1.3957-3.1168 3.1126 1.1791 5.4589 1.1561 5.302 3.0636 10.314 2.2648 5.9426 5.6309 10.318 10.011 13.007 4.9077 3.0128 12.899 4.7374 21.925 4.7374 4.2222 0 8.436-0.38262 12.176-1.1054 5.8886-1.1345 11.241-3.0834 15.9-5.7805 4.0714-2.3599 7.7342-5.3631 10.846-8.8931 5.2028-5.901 6.5545-6.9499 10.422-11.718 0.31158 0.01438 0.61453 0.01917 0.91844 0.01917 5.6974 0 9.2048-2.2856 11.137-4.1972 2.0986-2.0778 2.8466-4.1473 2.9256-4.3759l0.40362-1.1968z"
+            stroke-width="4.1556" />
+      </g>
+   </g>
+</svg>
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,22 +1,17 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  runtimeConfig: {
-    version: '0.0.1'
-  },
-  modules: ['@nuxtjs/tailwindcss', 'nuxt-svgo', '@huntersofbook/naive-ui-nuxt',
-    [
-      '@pinia/nuxt',
-      {
-        autoImports: [
-        // automatically imports `defineStore`
-          'defineStore', // import { defineStore } from 'pinia'
-          // automatically imports `defineStore` as `definePiniaStore`
-          ['defineStore', 'definePiniaStore'] // import { defineStore as definePiniaStore } from 'pinia'
-        ]
-      }
-    ]
-  ],
-  extends: ['@sidebase/core'],
-  typescript: {
-    shim: false
+  compatibilityDate: '2025-07-15',
+  devtools: { enabled: true },
+  modules: ['@nuxt/eslint', '@nuxtjs/tailwindcss'],
+  app: {
+    head: {
+      script: [
+        {
+          src: 'https://umami.erudi.fr/script.js',
+          defer: true,
+          'data-website-id': 'b685157f-81fc-4b68-8bf1-81efde4b9e9f'
+        }
+      ]
+    }
  }
-})
+})
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,53 +1,24 @@
 {
+  "name": "nuxt-app",
+  "type": "module",
  "private": true,
-  "overrides": {
-    "vue": "latest"
-  },
  "scripts": {
-    "dev": "nuxt dev",
    "build": "nuxt build",
-    "start": "NODE_ENV=production node .output/server/index.mjs",
-    "lint": "eslint .",
-    "test": "TZ=UTC vitest --run",
-    "test:components": "TZ=UTC vitest --run components/",
-    "test:watch": "TZ=UTC vitest",
-    "test:ui": "TZ=UTC vitest --ui --open",
-    "postinstall": "nuxt prepare",
+    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
-    "typecheck": "nuxt typecheck"
-  },
-  "devDependencies": {
-    "@faker-js/faker": "^7.6.0",
-    "@huntersofbook/naive-ui-nuxt": "^0.5.1",
-    "@nuxt/test-utils": "^3.0.0",
-    "@nuxtjs/eslint-config-typescript": "^12.0.0",
-    "@nuxtjs/tailwindcss": "^6.2.0",
-    "@testing-library/vue": "^6.6.1",
-    "@vitejs/plugin-vue": "^3.2.0",
-    "@vitest/coverage-c8": "^0.26.0",
-    "@vitest/ui": "^0.26.1",
-    "dayjs": "^1.11.7",
-    "eslint": "^8.31.0",
-    "h3": "^1.0.2",
-    "jsdom": "^21.0.0",
-    "nuxt": "3.0.0",
-    "nuxt-svgo": "^1.1.0",
-    "playwright": "^1.29.2",
-    "prisma": "^4.8.1",
-    "typescript": "^4.9.4",
-    "unplugin-auto-import": "^0.12.1",
-    "unplugin-vue-components": "^0.22.12",
-    "uuid": "^9.0.0",
-    "vite-svg-loader": "^3.6.0",
-    "vitest": "^0.26.1",
-    "vue-tsc": "^1.0.16"
+    "postinstall": "nuxt prepare"
  },
  "dependencies": {
-    "@pinia/nuxt": "^0.4.6",
-    "@prisma/client": "^4.8.1",
-    "@sidebase/core": "^0.1.4",
-    "pinia": "^2.0.30",
-    "youtubei": "^1.1.2"
-  }
+    "@nuxt/eslint": "1.9.0",
+    "@nuxtjs/tailwindcss": "6.14.0",
+    "eslint": "^9.33.0",
+    "nuxt": "^4.0.3",
+    "vue": "^3.5.18",
+    "vue-router": "^4.5.1"
+  },
+  "engines": {
+    "pnpm": ">=10 <11"
+  },
+  "packageManager": "pnpm@10.14.0+sha512.ad27a79641b49c3e481a16a805baa71817a04bbe06a38d17e60e2eaee83f6a146c6a688125f5792e48dd5ba30e7da52a5cda4c3992b9ccf333f9ce223af84748"
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/robots.txt
+++ b/public/robots.txt
@@ -0,0 +1,2 @@
+User-Agent: *
+Disallow:
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,4 +1,18 @@
 {
  // https://nuxt.com/docs/guide/concepts/typescript
-  "extends": "./.nuxt/tsconfig.json"
+  "files": [],
+  "references": [
+    {
+      "path": "./.nuxt/tsconfig.app.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.server.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.shared.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.node.json"
+    }
+  ]
 }
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -1,49 +0,0 @@
-import path from 'path'
-import { defineConfig } from 'vitest/config'
-import vue from '@vitejs/plugin-vue'
-import svgLoader from 'vite-svg-loader'
-import Components from 'unplugin-vue-components/vite'
-import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
-import AutoImport from 'unplugin-auto-import/vite'
-const include = [/\.vue$/, /\.vue\?vue/, /\.stories\.ts$/, /\.[tj]s$/]
-
-export default defineConfig({
-  resolve: {
-    alias: {
-      '~': path.resolve(__dirname)
-    }
-  },
-  plugins: [
-    vue(),
-    Components({
-      dirs: ['~/components'],
-      directoryAsNamespace: true,
-      resolvers: [NaiveUiResolver()],
-      include
-    }),
-    AutoImport({
-      include,
-      imports: ['vue', '@vueuse/head'],
-      dirs: ['~/composables'],
-      vueTemplate: true
-    }),
-    svgLoader()
-  ],
-  test: {
-    globalSetup: ['./tests/setupSqliteDbEnv'],
-    globals: true,
-    environment: 'jsdom',
-    threads: false,
-    coverage: {
-      enabled: true,
-      // We want to catch all js/ts/... files, not only the ones imported in some tests
-      // see https://github.com/bcoe/c8#checking-for-full-source-coverage-using---all
-      all: true,
-      include: [
-        // Nuxt 3 framework folders and files sources from directory structure here: https://nuxt.com/docs/guide/directory-structure/nuxt
-        'components',
-        'composables'
-      ]
-    }
-  }
-})
Author	SHA1	Message	Date
valere	51cafac000	add umami tracking All checks were successful Deploy App / deploy (push) Successful in 1m51s Details	2025-08-30 18:09:48 +02:00
valere	1fb6426c1a	new sub domain / redirection All checks were successful Deploy App / deploy (push) Successful in 1m52s Details	2025-08-29 23:40:09 +02:00
valere	87f0cbb2cd	fixes All checks were successful Deploy App / deploy (push) Successful in 30s Details	2025-08-29 16:53:14 +02:00
valere	342a7a7e0a	drop old app & fix homepage js All checks were successful Deploy App / deploy (push) Successful in 1m28s Details	2025-08-29 16:24:52 +02:00
valere	f0e2aa237a	update with nuxt4 for docker-web All checks were successful Deploy App / deploy (push) Successful in 4m5s Details	2025-08-29 16:08:08 +02:00
valere	2db113a0c5	feat: add umami	2025-01-21 22:11:14 +01:00
valere	ba79b55481	deluge -> plausible	2024-08-21 13:27:06 +02:00
valere	2a65d345f1	pegaz -> docker-web	2024-08-21 12:54:47 +02:00
valere	5294e3f595	welcome to new server	2024-08-21 12:20:49 +02:00
valere	d33751b93c	Mise à jour de 'components/hero-title.vue'	2024-03-07 05:13:17 +01:00
valere	3dfb9ed208	FEAT: switych to docker-web	2024-02-17 13:15:51 +01:00
valere	914c6d12d3	FEAT: down jellyfin in demo (perfect loop)	2023-09-21 08:48:40 +02:00
valere	742c0e7195	pegadege	2023-08-23 15:15:58 +02:00
valere	2c5813fa3a	FIX: name pegazdev not .dev	2023-08-23 13:28:47 +02:00
valere	fd69d613b1	CI: docker file	2023-08-23 12:40:43 +02:00
				`@@ -1 +0,0 @@`
				.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}