diff --git a/package.json b/package.json
index b88e1aa..eec0d04 100644
--- a/package.json
+++ b/package.json
@@ -35,12 +35,15 @@
   "devDependencies": {
     "@nuxt/devtools": "^1.3.9",
     "@nuxt/eslint-config": "^0.3.13",
+    "@nuxt/image": "^1.7.0",
     "@nuxt/module-builder": "^0.8.1",
     "@nuxt/schema": "^3.12.3",
     "@nuxt/test-utils": "^3.13.1",
+    "@types/jsonwebtoken": "^9.0.6",
     "@types/node": "^20.14.9",
     "changelogen": "^0.5.5",
     "eslint": "^9.6.0",
+    "jsonwebtoken": "^9.0.2",
     "nuxt": "^3.12.3",
     "typescript": "latest",
     "vitest": "^1.6.0",
diff --git a/playground/pages/index.vue b/playground/pages/index.vue
index e993444..3dc6a9b 100644
--- a/playground/pages/index.vue
+++ b/playground/pages/index.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-
 </script>
 
 <template>
@@ -13,6 +12,10 @@
       <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
         Button
       </button>
+
+      <UiKatButton>
+        TEST
+      </UiKatButton>
     </div>
   </div>
 </template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 86e6e41..d6fb035 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,6 +21,9 @@ importers:
       '@nuxt/eslint-config':
         specifier: ^0.3.13
         version: 0.3.13(eslint@9.6.0)(typescript@5.5.3)
+      '@nuxt/image':
+        specifier: ^1.7.0
+        version: 1.7.0(ioredis@5.4.1)(magicast@0.3.4)(rollup@4.18.0)
       '@nuxt/module-builder':
         specifier: ^0.8.1
         version: 0.8.1(@nuxt/kit@3.12.3(magicast@0.3.4)(rollup@4.18.0))(nuxi@3.12.0)(typescript@5.5.3)(vue-tsc@2.0.26(typescript@5.5.3))
@@ -30,6 +33,9 @@ importers:
       '@nuxt/test-utils':
         specifier: ^3.13.1
         version: 3.13.1(h3@1.12.0)(magicast@0.3.4)(nitropack@2.9.7(magicast@0.3.4))(rollup@4.18.0)(vite@5.3.3(@types/node@20.14.10)(terser@5.31.1))(vitest@1.6.0(@types/node@20.14.10)(terser@5.31.1))(vue-router@4.4.0(vue@3.4.31(typescript@5.5.3)))(vue@3.4.31(typescript@5.5.3))
+      '@types/jsonwebtoken':
+        specifier: ^9.0.6
+        version: 9.0.6
       '@types/node':
         specifier: ^20.14.9
         version: 20.14.10
@@ -39,6 +45,9 @@ importers:
       eslint:
         specifier: ^9.6.0
         version: 9.6.0
+      jsonwebtoken:
+        specifier: ^9.0.2
+        version: 9.0.2
       nuxt:
         specifier: ^3.12.3
         version: 3.12.3(@parcel/watcher@2.4.1)(@types/node@20.14.10)(eslint@9.6.0)(ioredis@5.4.1)(magicast@0.3.4)(optionator@0.9.4)(rollup@4.18.0)(terser@5.31.1)(typescript@5.5.3)(vite@5.3.3(@types/node@20.14.10)(terser@5.31.1))(vue-tsc@2.0.26(typescript@5.5.3))
@@ -837,6 +846,10 @@ packages:
     resolution: {integrity: sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@fastify/accept-negotiator@1.1.0':
+    resolution: {integrity: sha512-OIHZrb2ImZ7XG85HXOONLcJWGosv7sIvM2ifAPQVhg9Lv7qdmMBNVaai4QTdyuaqbKM5eO6sLSQOYI7wEQeCJQ==}
+    engines: {node: '>=14'}
+
   '@fastify/busboy@2.1.1':
     resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==}
     engines: {node: '>=14'}
@@ -947,6 +960,10 @@ packages:
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
+  '@nuxt/image@1.7.0':
+    resolution: {integrity: sha512-zSj32bLgbV9AvLkLX0pF52J5KBfSyj0eSIdpXCtTJATSZlqgcJigoCvmabC1nbcMIp0SZ29Bu9+acQpGTQKz+g==}
+    engines: {node: ^14.16.0 || >=16.11.0}
+
   '@nuxt/kit@3.12.3':
     resolution: {integrity: sha512-5R8FZLDxBKlkDWYsqwU1tctGJ5vwMA96WBrNkpQ0LznB2/p+3MWWTO6vz+0P0F9xvZZfkk/KKyZ3uUhnG9VJOA==}
     engines: {node: ^14.18.0 || >=16.10.0}
@@ -1320,6 +1337,9 @@ packages:
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
+  '@types/jsonwebtoken@9.0.6':
+    resolution: {integrity: sha512-/5hndP5dCjloafCXns6SZyESp3Ldq7YjH3zwzwczYnjxIT0Fqzk5ROSYVGfFyczIue7IUEj8hkvLbPoLQ18vQw==}
+
   '@types/node@20.14.10':
     resolution: {integrity: sha512-MdiXf+nDuMvY0gJKxyfZ7/6UFsETO7mGKF54MVD/ekJS6HdFtpZFBgrh6Pseu64XTb2MLyFPlbW6hj8HYRQNOQ==}
 
@@ -1672,6 +1692,18 @@ packages:
   bare-events@2.4.2:
     resolution: {integrity: sha512-qMKFd2qG/36aA4GwvKq8MxnPgCQAmBWmSyLWsJcbn8v03wvIPQ/hG1Ms8bPzndZxMDoHpxez5VOS+gC9Yi24/Q==}
 
+  bare-fs@2.3.1:
+    resolution: {integrity: sha512-W/Hfxc/6VehXlsgFtbB5B4xFcsCl+pAh30cYhoFyXErf6oGrwjh8SwiPAdHgpmWonKuYpZgGywN0SXt7dgsADA==}
+
+  bare-os@2.4.0:
+    resolution: {integrity: sha512-v8DTT08AS/G0F9xrhyLtepoo9EJBJ85FRSMbu1pQUlAf6A8T0tEEQGMVObWeqpjhSPXsE0VGlluFBJu2fdoTNg==}
+
+  bare-path@2.1.3:
+    resolution: {integrity: sha512-lh/eITfU8hrj9Ru5quUp0Io1kJWIk1bTjzo7JH1P5dWmQ2EL4hFUlfI8FonAhSlgIfhn63p84CDY/x+PisgcXA==}
+
+  bare-stream@2.1.3:
+    resolution: {integrity: sha512-tiDAH9H/kP+tvNO5sczyn9ZAA7utrSMobyDchsnyyXBuUe2FSQWbxhtuHB8jwpHYYevVo2UJpcmvvjrbHboUUQ==}
+
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
@@ -1689,6 +1721,9 @@ packages:
   birpc@0.2.17:
     resolution: {integrity: sha512-+hkTxhot+dWsLpp3gia5AkVHIsKlZybNT5gIYiDlNzJrmYPcTM9k5/w2uaj3IPpd7LlEYpmCj4Jj1nC41VhDFg==}
 
+  bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
@@ -1715,9 +1750,15 @@ packages:
     resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==}
     engines: {node: '>=8.0.0'}
 
+  buffer-equal-constant-time@1.0.1:
+    resolution: {integrity: sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==}
+
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
+  buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+
   buffer@6.0.3:
     resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
 
@@ -1794,6 +1835,9 @@ packages:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
+  chownr@1.1.4:
+    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
+
   chownr@2.0.0:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
     engines: {node: '>=10'}
@@ -1841,10 +1885,17 @@ packages:
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
+  color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+
   color-support@1.1.3:
     resolution: {integrity: sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==}
     hasBin: true
 
+  color@4.2.3:
+    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
+    engines: {node: '>=12.5.0'}
+
   colord@2.9.3:
     resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
 
@@ -1989,6 +2040,9 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  cssfilter@0.0.10:
+    resolution: {integrity: sha512-FAaLDaplstoRsDR8XGYH51znUN0UY7nMc6Z9/fvE8EXGwvJE9hu7W2vHwx1+bd6gCYnln9nLbzxFTrcO9YQDZw==}
+
   cssnano-preset-default@7.0.4:
     resolution: {integrity: sha512-jQ6zY9GAomQX7/YNLibMEsRZguqMUGuupXcEk2zZ+p3GUxwCAsobqPYE62VrJ9qZ0l9ltrv2rgjwZPBIFIjYtw==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
@@ -2056,6 +2110,10 @@ packages:
       supports-color:
         optional: true
 
+  decompress-response@6.0.0:
+    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
+    engines: {node: '>=10'}
+
   deep-eql@4.1.4:
     resolution: {integrity: sha512-SUwdGfqdKOwxCPeVYjwSyRpJ7Z+fhpwIAtmCUdZIWZ/YP5R9WAsyuSgpLVDi9bjWoN2LXHNss/dk3urXtdQxGg==}
     engines: {node: '>=6'}
@@ -2063,6 +2121,10 @@ packages:
   deep-equal@1.0.1:
     resolution: {integrity: sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw==}
 
+  deep-extend@0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
+    engines: {node: '>=4.0.0'}
+
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
@@ -2180,6 +2242,9 @@ packages:
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
+  ecdsa-sig-formatter@1.0.11:
+    resolution: {integrity: sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==}
+
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
@@ -2196,6 +2261,9 @@ packages:
     resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==}
     engines: {node: '>= 0.8'}
 
+  end-of-stream@1.4.4:
+    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
+
   enhanced-resolve@5.17.0:
     resolution: {integrity: sha512-dwDPwZL0dmye8Txp2gzFmA6sxALaSvdRDjPH0viLcKrtlOL3tw62nWWweVD1SdILDTJrbrL6tdWVN58Wo6U3eA==}
     engines: {node: '>=10.13.0'}
@@ -2366,6 +2434,10 @@ packages:
     resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
     engines: {node: '>=16.17'}
 
+  expand-template@2.0.3:
+    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
+    engines: {node: '>=6'}
+
   externality@1.0.2:
     resolution: {integrity: sha512-LyExtJWKxtgVzmgtEHyQtLFpw1KFhQphF9nTG8TpAIVkiI/xQ3FJh75tRFLYl4hkn7BNIIdLJInuDAavX35pMw==}
 
@@ -2436,6 +2508,9 @@ packages:
     resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
     engines: {node: '>= 0.6'}
 
+  fs-constants@1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
+
   fs-extra@11.2.0:
     resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
     engines: {node: '>=14.14'}
@@ -2503,6 +2578,9 @@ packages:
   git-url-parse@14.0.0:
     resolution: {integrity: sha512-NnLweV+2A4nCvn4U/m2AoYu0pPKlsmhK9cknG7IMwsjFY1S2jxM+mAhsDxyxfCIGfGaD+dozsyX4b6vkYc83yQ==}
 
+  github-from-package@0.0.0:
+    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
+
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -2692,12 +2770,19 @@ packages:
     resolution: {integrity: sha512-2YZsvl7jopIa1gaePkeMtd9rAcSjOOjPtpcLlOeusyO+XH2SK5ZcT+UCrElPP+WVIInh2TzeI4XW9ENaSLVVHA==}
     engines: {node: '>=12.22.0'}
 
+  ipx@2.1.0:
+    resolution: {integrity: sha512-AVnPGXJ8L41vjd11Z4akIF2yd14636Klxul3tBySxHA6PKfCOQPxBDkCFK5zcWh0z/keR6toh1eg8qzdBVUgdA==}
+    hasBin: true
+
   iron-webcrypto@1.2.1:
     resolution: {integrity: sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==}
 
   is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
+  is-arrayish@0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+
   is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
@@ -2852,6 +2937,16 @@ packages:
   jsonfile@6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
 
+  jsonwebtoken@9.0.2:
+    resolution: {integrity: sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==}
+    engines: {node: '>=12', npm: '>=6'}
+
+  jwa@1.4.1:
+    resolution: {integrity: sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==}
+
+  jws@3.2.2:
+    resolution: {integrity: sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==}
+
   keygrip@1.1.0:
     resolution: {integrity: sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==}
     engines: {node: '>= 0.6'}
@@ -2937,15 +3032,36 @@ packages:
   lodash.defaults@4.2.0:
     resolution: {integrity: sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==}
 
+  lodash.includes@4.3.0:
+    resolution: {integrity: sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==}
+
   lodash.isarguments@3.1.0:
     resolution: {integrity: sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==}
 
+  lodash.isboolean@3.0.3:
+    resolution: {integrity: sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==}
+
+  lodash.isinteger@4.0.4:
+    resolution: {integrity: sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==}
+
+  lodash.isnumber@3.0.3:
+    resolution: {integrity: sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==}
+
+  lodash.isplainobject@4.0.6:
+    resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
+
+  lodash.isstring@4.0.1:
+    resolution: {integrity: sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==}
+
   lodash.memoize@4.1.2:
     resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
 
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
+  lodash.once@4.1.1:
+    resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
+
   lodash.uniq@4.5.0:
     resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
 
@@ -3035,6 +3151,10 @@ packages:
     resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
     engines: {node: '>=12'}
 
+  mimic-response@3.1.0:
+    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
+    engines: {node: '>=10'}
+
   min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
@@ -3072,6 +3192,9 @@ packages:
   mitt@3.0.1:
     resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
 
+  mkdirp-classic@0.5.3:
+    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
+
   mkdirp@0.5.6:
     resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
     hasBin: true
@@ -3132,6 +3255,9 @@ packages:
     engines: {node: ^18 || >=20}
     hasBin: true
 
+  napi-build-utils@1.0.2:
+    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
+
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
@@ -3149,6 +3275,13 @@ packages:
       xml2js:
         optional: true
 
+  node-abi@3.65.0:
+    resolution: {integrity: sha512-ThjYBfoDNr08AWx6hGaRbfPwxKV9kVzAzOzlLKbk2CuqXE2xnCh+cbAGnwM3t8Lq4v9rUB7VfondlkBckcJrVA==}
+    engines: {node: '>=10'}
+
+  node-addon-api@6.1.0:
+    resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
+
   node-addon-api@7.1.0:
     resolution: {integrity: sha512-mNcltoe1R8o7STTegSOHdnJNN7s5EUvhoS7ShnTHDyOSd+8H+UdWODq6qSv67PjC8Zc5JRT8+oLAMCr0SIXw7g==}
     engines: {node: ^16 || ^18 || >= 20}
@@ -3640,6 +3773,11 @@ packages:
     resolution: {integrity: sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==}
     engines: {node: ^10 || ^12 || >=14}
 
+  prebuild-install@7.1.2:
+    resolution: {integrity: sha512-UnNke3IQb6sgarcZIDU3gbMeTp/9SSU1DAIkil7PrqG1vZlBtY5msYccSKSHDqa3hNg436IXK+SNImReuA1wEQ==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -3666,6 +3804,9 @@ packages:
   protocols@2.0.1:
     resolution: {integrity: sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==}
 
+  pump@3.0.0:
+    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
+
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -3689,6 +3830,10 @@ packages:
   rc9@2.1.2:
     resolution: {integrity: sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==}
 
+  rc@1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
+    hasBin: true
+
   react-is@18.3.1:
     resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
 
@@ -3872,6 +4017,10 @@ packages:
   setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
+  sharp@0.32.6:
+    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
+    engines: {node: '>=14.15.0'}
+
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -3893,9 +4042,18 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
+  simple-concat@1.0.1:
+    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
+
+  simple-get@4.0.1:
+    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
+
   simple-git@3.25.0:
     resolution: {integrity: sha512-KIY5sBnzc4yEcJXW7Tdv4viEz8KyG+nU0hay+DWZasvdFOYKeUZ6Xc25LUHHjw0tinPT7O1eY6pzX7pRT1K8rw==}
 
+  simple-swizzle@0.2.2:
+    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+
   sirv@2.0.4:
     resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
     engines: {node: '>= 10'}
@@ -4012,6 +4170,10 @@ packages:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
     engines: {node: '>=8'}
 
+  strip-json-comments@2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
+    engines: {node: '>=0.10.0'}
+
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
@@ -4082,6 +4244,16 @@ packages:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
 
+  tar-fs@2.1.1:
+    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
+
+  tar-fs@3.0.6:
+    resolution: {integrity: sha512-iokBDQQkUyeXhgPYaZxmczGPhnhXZ0CmrqI+MOb/WFGS9DW5wnfrLgtjUJBvz50vQ3qfRwJ62QVoCFu8mPVu5w==}
+
+  tar-stream@2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
+    engines: {node: '>=6'}
+
   tar-stream@3.1.7:
     resolution: {integrity: sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==}
 
@@ -4170,6 +4342,9 @@ packages:
     resolution: {integrity: sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==}
     engines: {node: '>=0.6.x'}
 
+  tunnel-agent@0.6.0:
+    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
+
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -4583,6 +4758,11 @@ packages:
     resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
     engines: {node: '>=12'}
 
+  xss@1.0.15:
+    resolution: {integrity: sha512-FVdlVVC67WOIPvfOwhoMETV72f6GbW7aOabBC3WxN/oUdoEMDyLz4OgRv5/gck2ZeNqEQu+Tb0kloovXOfpYVg==}
+    engines: {node: '>= 0.10.0'}
+    hasBin: true
+
   y18n@5.0.8:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
     engines: {node: '>=10'}
@@ -5200,6 +5380,9 @@ snapshots:
 
   '@eslint/object-schema@2.1.4': {}
 
+  '@fastify/accept-negotiator@1.1.0':
+    optional: true
+
   '@fastify/busboy@2.1.1': {}
 
   '@humanwhocodes/module-importer@1.0.1': {}
@@ -5404,6 +5587,39 @@ snapshots:
       - supports-color
       - typescript
 
+  '@nuxt/image@1.7.0(ioredis@5.4.1)(magicast@0.3.4)(rollup@4.18.0)':
+    dependencies:
+      '@nuxt/kit': 3.12.3(magicast@0.3.4)(rollup@4.18.0)
+      consola: 3.2.3
+      defu: 6.1.4
+      h3: 1.12.0
+      image-meta: 0.2.1
+      node-fetch-native: 1.6.4
+      ohash: 1.1.3
+      pathe: 1.1.2
+      std-env: 3.7.0
+      ufo: 1.5.3
+    optionalDependencies:
+      ipx: 2.1.0(ioredis@5.4.1)
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - idb-keyval
+      - ioredis
+      - magicast
+      - rollup
+      - supports-color
+      - uWebSockets.js
+
   '@nuxt/kit@3.12.3(magicast@0.3.4)(rollup@4.18.0)':
     dependencies:
       '@nuxt/schema': 3.12.3(rollup@4.18.0)
@@ -5910,6 +6126,10 @@ snapshots:
 
   '@types/json-schema@7.0.15': {}
 
+  '@types/jsonwebtoken@9.0.6':
+    dependencies:
+      '@types/node': 20.14.10
+
   '@types/node@20.14.10':
     dependencies:
       undici-types: 5.26.5
@@ -6379,6 +6599,26 @@ snapshots:
   bare-events@2.4.2:
     optional: true
 
+  bare-fs@2.3.1:
+    dependencies:
+      bare-events: 2.4.2
+      bare-path: 2.1.3
+      bare-stream: 2.1.3
+    optional: true
+
+  bare-os@2.4.0:
+    optional: true
+
+  bare-path@2.1.3:
+    dependencies:
+      bare-os: 2.4.0
+    optional: true
+
+  bare-stream@2.1.3:
+    dependencies:
+      streamx: 2.18.0
+    optional: true
+
   base64-js@1.5.1: {}
 
   big-integer@1.6.52: {}
@@ -6391,6 +6631,13 @@ snapshots:
 
   birpc@0.2.17: {}
 
+  bl@4.1.0:
+    dependencies:
+      buffer: 5.7.1
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+    optional: true
+
   boolbase@1.0.0: {}
 
   bplist-parser@0.2.0:
@@ -6419,8 +6666,16 @@ snapshots:
 
   buffer-crc32@1.0.0: {}
 
+  buffer-equal-constant-time@1.0.1: {}
+
   buffer-from@1.1.2: {}
 
+  buffer@5.7.1:
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+    optional: true
+
   buffer@6.0.3:
     dependencies:
       base64-js: 1.5.1
@@ -6534,6 +6789,9 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
+  chownr@1.1.4:
+    optional: true
+
   chownr@2.0.0: {}
 
   ci-info@4.0.0: {}
@@ -6576,8 +6834,20 @@ snapshots:
 
   color-name@1.1.4: {}
 
+  color-string@1.9.1:
+    dependencies:
+      color-name: 1.1.4
+      simple-swizzle: 0.2.2
+    optional: true
+
   color-support@1.1.3: {}
 
+  color@4.2.3:
+    dependencies:
+      color-convert: 2.0.1
+      color-string: 1.9.1
+    optional: true
+
   colord@2.9.3: {}
 
   colorette@2.0.20: {}
@@ -6690,6 +6960,9 @@ snapshots:
 
   cssesc@3.0.0: {}
 
+  cssfilter@0.0.10:
+    optional: true
+
   cssnano-preset-default@7.0.4(postcss@8.4.39):
     dependencies:
       browserslist: 4.23.1
@@ -6756,12 +7029,20 @@ snapshots:
     dependencies:
       ms: 2.1.2
 
+  decompress-response@6.0.0:
+    dependencies:
+      mimic-response: 3.1.0
+    optional: true
+
   deep-eql@4.1.4:
     dependencies:
       type-detect: 4.0.8
 
   deep-equal@1.0.1: {}
 
+  deep-extend@0.6.0:
+    optional: true
+
   deep-is@0.1.4: {}
 
   deepmerge@4.3.1: {}
@@ -6853,6 +7134,10 @@ snapshots:
 
   eastasianwidth@0.2.0: {}
 
+  ecdsa-sig-formatter@1.0.11:
+    dependencies:
+      safe-buffer: 5.2.1
+
   ee-first@1.1.1: {}
 
   electron-to-chromium@1.4.818: {}
@@ -6863,6 +7148,11 @@ snapshots:
 
   encodeurl@1.0.2: {}
 
+  end-of-stream@1.4.4:
+    dependencies:
+      once: 1.4.0
+    optional: true
+
   enhanced-resolve@5.17.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -7216,6 +7506,9 @@ snapshots:
       signal-exit: 4.1.0
       strip-final-newline: 3.0.0
 
+  expand-template@2.0.3:
+    optional: true
+
   externality@1.0.2:
     dependencies:
       enhanced-resolve: 5.17.0
@@ -7289,6 +7582,9 @@ snapshots:
 
   fresh@0.5.2: {}
 
+  fs-constants@1.0.0:
+    optional: true
+
   fs-extra@11.2.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -7363,6 +7659,9 @@ snapshots:
     dependencies:
       git-up: 7.0.0
 
+  github-from-package@0.0.0:
+    optional: true
+
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -7573,10 +7872,48 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  ipx@2.1.0(ioredis@5.4.1):
+    dependencies:
+      '@fastify/accept-negotiator': 1.1.0
+      citty: 0.1.6
+      consola: 3.2.3
+      defu: 6.1.4
+      destr: 2.0.3
+      etag: 1.8.1
+      h3: 1.12.0
+      image-meta: 0.2.1
+      listhen: 1.7.2
+      ofetch: 1.3.4
+      pathe: 1.1.2
+      sharp: 0.32.6
+      svgo: 3.3.2
+      ufo: 1.5.3
+      unstorage: 1.10.2(ioredis@5.4.1)
+      xss: 1.0.15
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - idb-keyval
+      - ioredis
+      - uWebSockets.js
+    optional: true
+
   iron-webcrypto@1.2.1: {}
 
   is-arrayish@0.2.1: {}
 
+  is-arrayish@0.3.2:
+    optional: true
+
   is-binary-path@2.1.0:
     dependencies:
       binary-extensions: 2.3.0
@@ -7692,6 +8029,30 @@ snapshots:
     optionalDependencies:
       graceful-fs: 4.2.11
 
+  jsonwebtoken@9.0.2:
+    dependencies:
+      jws: 3.2.2
+      lodash.includes: 4.3.0
+      lodash.isboolean: 3.0.3
+      lodash.isinteger: 4.0.4
+      lodash.isnumber: 3.0.3
+      lodash.isplainobject: 4.0.6
+      lodash.isstring: 4.0.1
+      lodash.once: 4.1.1
+      ms: 2.1.3
+      semver: 7.6.2
+
+  jwa@1.4.1:
+    dependencies:
+      buffer-equal-constant-time: 1.0.1
+      ecdsa-sig-formatter: 1.0.11
+      safe-buffer: 5.2.1
+
+  jws@3.2.2:
+    dependencies:
+      jwa: 1.4.1
+      safe-buffer: 5.2.1
+
   keygrip@1.1.0:
     dependencies:
       tsscmp: 1.0.6
@@ -7820,12 +8181,26 @@ snapshots:
 
   lodash.defaults@4.2.0: {}
 
+  lodash.includes@4.3.0: {}
+
   lodash.isarguments@3.1.0: {}
 
+  lodash.isboolean@3.0.3: {}
+
+  lodash.isinteger@4.0.4: {}
+
+  lodash.isnumber@3.0.3: {}
+
+  lodash.isplainobject@4.0.6: {}
+
+  lodash.isstring@4.0.1: {}
+
   lodash.memoize@4.1.2: {}
 
   lodash.merge@4.6.2: {}
 
+  lodash.once@4.1.1: {}
+
   lodash.uniq@4.5.0: {}
 
   lodash@4.17.21: {}
@@ -7901,6 +8276,9 @@ snapshots:
 
   mimic-fn@4.0.0: {}
 
+  mimic-response@3.1.0:
+    optional: true
+
   min-indent@1.0.1: {}
 
   minimatch@3.1.2:
@@ -7932,6 +8310,9 @@ snapshots:
 
   mitt@3.0.1: {}
 
+  mkdirp-classic@0.5.3:
+    optional: true
+
   mkdirp@0.5.6:
     dependencies:
       minimist: 1.2.8
@@ -7988,6 +8369,9 @@ snapshots:
 
   nanoid@5.0.7: {}
 
+  napi-build-utils@1.0.2:
+    optional: true
+
   natural-compare@1.4.0: {}
 
   negotiator@0.6.3: {}
@@ -8081,6 +8465,14 @@ snapshots:
       - supports-color
       - uWebSockets.js
 
+  node-abi@3.65.0:
+    dependencies:
+      semver: 7.6.2
+    optional: true
+
+  node-addon-api@6.1.0:
+    optional: true
+
   node-addon-api@7.1.0: {}
 
   node-fetch-native@1.6.4: {}
@@ -8634,6 +9026,22 @@ snapshots:
       picocolors: 1.0.1
       source-map-js: 1.2.0
 
+  prebuild-install@7.1.2:
+    dependencies:
+      detect-libc: 2.0.3
+      expand-template: 2.0.3
+      github-from-package: 0.0.0
+      minimist: 1.2.8
+      mkdirp-classic: 0.5.3
+      napi-build-utils: 1.0.2
+      node-abi: 3.65.0
+      pump: 3.0.0
+      rc: 1.2.8
+      simple-get: 4.0.1
+      tar-fs: 2.1.1
+      tunnel-agent: 0.6.0
+    optional: true
+
   prelude-ls@1.2.1: {}
 
   pretty-bytes@6.1.1: {}
@@ -8655,6 +9063,12 @@ snapshots:
 
   protocols@2.0.1: {}
 
+  pump@3.0.0:
+    dependencies:
+      end-of-stream: 1.4.4
+      once: 1.4.0
+    optional: true
+
   punycode@2.3.1: {}
 
   queue-microtask@1.2.3: {}
@@ -8674,6 +9088,14 @@ snapshots:
       defu: 6.1.4
       destr: 2.0.3
 
+  rc@1.2.8:
+    dependencies:
+      deep-extend: 0.6.0
+      ini: 1.3.8
+      minimist: 1.2.8
+      strip-json-comments: 2.0.1
+    optional: true
+
   react-is@18.3.1: {}
 
   read-cache@1.0.0:
@@ -8891,6 +9313,18 @@ snapshots:
 
   setprototypeof@1.2.0: {}
 
+  sharp@0.32.6:
+    dependencies:
+      color: 4.2.3
+      detect-libc: 2.0.3
+      node-addon-api: 6.1.0
+      prebuild-install: 7.1.2
+      semver: 7.6.2
+      simple-get: 4.0.1
+      tar-fs: 3.0.6
+      tunnel-agent: 0.6.0
+    optional: true
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
@@ -8905,6 +9339,16 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
+  simple-concat@1.0.1:
+    optional: true
+
+  simple-get@4.0.1:
+    dependencies:
+      decompress-response: 6.0.0
+      once: 1.4.0
+      simple-concat: 1.0.1
+    optional: true
+
   simple-git@3.25.0:
     dependencies:
       '@kwsites/file-exists': 1.1.1
@@ -8913,6 +9357,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  simple-swizzle@0.2.2:
+    dependencies:
+      is-arrayish: 0.3.2
+    optional: true
+
   sirv@2.0.4:
     dependencies:
       '@polka/url': 1.0.0-next.25
@@ -9019,6 +9468,9 @@ snapshots:
     dependencies:
       min-indent: 1.0.1
 
+  strip-json-comments@2.0.1:
+    optional: true
+
   strip-json-comments@3.1.1: {}
 
   strip-literal@2.1.0:
@@ -9119,6 +9571,32 @@ snapshots:
 
   tapable@2.2.1: {}
 
+  tar-fs@2.1.1:
+    dependencies:
+      chownr: 1.1.4
+      mkdirp-classic: 0.5.3
+      pump: 3.0.0
+      tar-stream: 2.2.0
+    optional: true
+
+  tar-fs@3.0.6:
+    dependencies:
+      pump: 3.0.0
+      tar-stream: 3.1.7
+    optionalDependencies:
+      bare-fs: 2.3.1
+      bare-path: 2.1.3
+    optional: true
+
+  tar-stream@2.2.0:
+    dependencies:
+      bl: 4.1.0
+      end-of-stream: 1.4.4
+      fs-constants: 1.0.0
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+    optional: true
+
   tar-stream@3.1.7:
     dependencies:
       b4a: 1.6.6
@@ -9191,6 +9669,11 @@ snapshots:
 
   tsscmp@1.0.6: {}
 
+  tunnel-agent@0.6.0:
+    dependencies:
+      safe-buffer: 5.2.1
+    optional: true
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
@@ -9662,6 +10145,12 @@ snapshots:
 
   xml-name-validator@4.0.0: {}
 
+  xss@1.0.15:
+    dependencies:
+      commander: 2.20.3
+      cssfilter: 0.0.10
+    optional: true
+
   y18n@5.0.8: {}
 
   yallist@3.1.1: {}
diff --git a/src/module.ts b/src/module.ts
index 87acbc2..bde6319 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -1,4 +1,11 @@
-import {defineNuxtModule, addPlugin, createResolver, extendPages, installModule, addServerHandler} from '@nuxt/kit'
+import {
+  defineNuxtModule,
+  addPlugin,
+  createResolver,
+  extendPages,
+  installModule,
+  addServerHandler, addComponentsDir, addRouteMiddleware,
+} from '@nuxt/kit'
 
 /*
 THIS MODULE IS THE CORE OF THE KATZENFRAMEWORK
@@ -7,52 +14,95 @@ ALSO AN EASY AND SIMPLE CMS WITH ITS OWN PATH AND LOCAL STORAGE
 AND A BUILT IN AUTHENTICATION SYSTEM
  */
 
-export interface ModuleOptions {}
+
+export interface CmsUser {
+  name: string
+  password: string
+}
+
+export interface ModuleOptions {
+  users: CmsUser[],
+  secret: string
+}
 
 export default defineNuxtModule<ModuleOptions>({
   meta: {
     name: 'KatzenCore',
-    configKey: 'katzencore',
+    configKey: 'katzenCore',
   },
   // Default configuration options of the Nuxt module
-  defaults: {},
+  defaults: {
+    users: [
+      {
+        name: 'admin',
+        password: 'admin',
+      },
+    ],
+    secret: 'secret',
+  },
   async setup(_options, _nuxt) {
     const { resolve } = createResolver(import.meta.url)
 
-    // Do not add the extension since the `.ts` will be transpiled to `.mjs` after `npm run prepack`
+    await installModules()
     addPlugin(resolve('./runtime/plugin'))
 
+    // ADD BACKEND CMS PAGE
     extendPages(
       (pages) => {
-        pages.push({
-          name: 'katzen-preview',
-          path: '/preview',
-          file: resolve('runtime/pages/preview.vue'),
-        })
-      })
-
-    await installModule('@nuxtjs/tailwindcss', {
-      // module configuration
-      exposeConfig: true,
-      config: {
-        darkMode: 'class',
-        content: {
-          files: [
-            resolve('./runtime/components/**/*.{vue,mjs,ts}'),
-            resolve('./runtime/pages/**/*.{vue,mjs,ts}'),
-            resolve('./runtime/*.{mjs,js,ts}'),
-          ],
-        },
-      },
-    })
+        const pageList = [
+          {
+            name: 'katzen-preview',
+            path: '/preview',
+            file: resolve('runtime/pages/preview.vue'),
+          },
+          {
+            name: 'katzen-cms-login',
+            path: '/preview-login',
+            file: resolve('runtime/pages/login.vue'),
+          },
+        ]
+        pages.push(...pageList)
+      });
 
+    _nuxt.options.runtimeConfig.users = _options.users
+    _nuxt.options.runtimeConfig.secret = _options.secret
+
+    addRouteMiddleware({
+      name: 'auth',
+      path: resolve('./runtime/middleware/authentication'),
+      global: true,
+    })
 
-    //add backend server
     addServerHandler(
       {
-        route: '/katzen-core',
-        handler: resolve('./runtime/server/index.ts'),
-      }
+        route: '/login-cms',
+        handler: resolve('./runtime/server/login'),
+      },
     )
+
+    // ADD FRONTEND COMPONENTS
+    await addComponentsDir({
+      path: resolve('runtime/components'),
+    })
   },
 })
+
+const installModules = async () => {
+  const { resolve } = createResolver(import.meta.url)
+  await installModule('@nuxtjs/tailwindcss', {
+    // module configuration
+    exposeConfig: true,
+    config: {
+      darkMode: 'class',
+      content: {
+        files: [
+          resolve('./runtime/components/**/*.{vue,mjs,ts}'),
+          resolve('./runtime/pages/**/*.{vue,mjs,ts}'),
+          resolve('./runtime/*.{mjs,js,ts}'),
+        ],
+      },
+    },
+  })
+
+  await installModule('@nuxt/image')
+}
diff --git a/src/runtime/components/ui/KatButton.vue b/src/runtime/components/ui/KatButton.vue
new file mode 100644
index 0000000..e4fe841
--- /dev/null
+++ b/src/runtime/components/ui/KatButton.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { computed, type PropType } from 'vue'
+import { defineNuxtLink } from '#app'
+
+const props = defineProps(
+  {
+    link: String,
+    katId: {
+      type: String,
+      default: 'not-set',
+    },
+    icon: {
+      type: String,
+      default: 'ArrowRight',
+    },
+    buttonType: {
+      type: String as PropType<'link' | 'button'>,
+      default: 'link',
+    },
+    color: {
+      type: String as PropType<'bg-ce-primary' | 'bg-ce-secondary'>,
+      default: 'bg-ce-primary',
+    },
+  },
+)
+
+const component = computed(() => {
+  if (props.buttonType === 'link') return defineNuxtLink({})
+  return 'button'
+})
+</script>
+
+<template>
+  <component
+    :is="component"
+    :kat-e="katId"
+    kat-t="text"
+    class="rounded-full bg-red-400 py-3 px-4
+      text-center font-medium mt-3
+      flex flex-row items-center justify-center cursor-pointer
+      select-none transition-all hover:opacity-90 active:opacity-80"
+    :class="color"
+    :to="link"
+  >
+    <span>
+      <slot />
+    </span>
+  </component>
+</template>
diff --git a/src/runtime/components/ui/KatIcon.vue b/src/runtime/components/ui/KatIcon.vue
new file mode 100644
index 0000000..85af715
--- /dev/null
+++ b/src/runtime/components/ui/KatIcon.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/runtime/components/ui/KatImage.vue b/src/runtime/components/ui/KatImage.vue
new file mode 100644
index 0000000..e5e0e03
--- /dev/null
+++ b/src/runtime/components/ui/KatImage.vue
@@ -0,0 +1,78 @@
+<script setup lang="ts">
+import type { PropType } from 'vue'
+
+defineProps(
+  {
+    src: {
+      type: String,
+      required: true,
+    },
+    alt: {
+      type: String,
+      default: '',
+    },
+    async: {
+      type: Boolean,
+      default: true,
+    },
+    loading: {
+      type: String as PropType<'lazy' | 'eager'>,
+      default: 'eager',
+    },
+    objectFit: {
+      type: String as PropType<'cover' | 'contain' | 'fill' | 'none' | 'scale-down'>,
+      default: 'cover',
+    },
+    showPlaceholder: {
+      type: Boolean,
+      default: true,
+    },
+    hideLoading: {
+      type: Boolean,
+      default: false,
+    },
+    sizes: {
+      type: String,
+      default: '300px md:600px lg:700px xl:800px',
+    },
+  },
+)
+
+const hideLoadingAnimation = ref(false)
+
+const hidePlaceholder = () => {
+  setTimeout(() => {
+    hideLoadingAnimation.value = true
+  }, 50)
+}
+</script>
+
+<template>
+  <div class="relative overflow-hidden select-none">
+    <div
+      v-if="!hideLoading"
+      class="absolute -z-10 top-0 left-0
+    bg-gray-100 rounded w-full h-full
+    transition-all duration-300"
+      :class="{ 'opacity-0': hideLoadingAnimation, 'animate-pulse': !hideLoadingAnimation }"
+    />
+    <NuxtImg
+      ref="image"
+      :src="src"
+      :alt="alt"
+      :decoding="async ? 'async' : 'sync'"
+      :loading="loading"
+      :placeholder="showPlaceholder ? true:15"
+      :sizes="sizes"
+      densities="1x"
+      :placeholder-class="showPlaceholder? '' : 'opacity-0'"
+      class="w-full h-full z-10 max-h-full"
+      :style="{ objectFit }"
+      @load="hidePlaceholder"
+    />
+  </div>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/runtime/components/ui/KatText.vue b/src/runtime/components/ui/KatText.vue
new file mode 100644
index 0000000..85af715
--- /dev/null
+++ b/src/runtime/components/ui/KatText.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/runtime/middleware/authentication.ts b/src/runtime/middleware/authentication.ts
new file mode 100644
index 0000000..69100e8
--- /dev/null
+++ b/src/runtime/middleware/authentication.ts
@@ -0,0 +1,24 @@
+export default defineNuxtRouteMiddleware(to => {
+
+  const checkAuth = () => {
+    const token = useCookie('token')
+    if(!token.value) return false
+    const jwt = require('jsonwebtoken');
+    return jwt.verify(token.value, useRuntimeConfig().secret)
+  }
+
+  console.log('Hello from the middleware!')
+  // skip middleware on client
+  if (import.meta.client) return
+  //if route is /preview-login and user is already logged in, redirect to /preview
+  if(to.path === '/preview-login') {
+    if(checkAuth()) {
+      return '/preview'
+    }
+  }
+  //route to is /preview
+  if(to.path !== '/preview') return;
+  if (!checkAuth()) {
+    return '/preview-login'
+  }
+})
diff --git a/src/runtime/pages/login.vue b/src/runtime/pages/login.vue
new file mode 100644
index 0000000..55a0e23
--- /dev/null
+++ b/src/runtime/pages/login.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+const username = ref('')
+const password = ref('')
+
+const failedLogin = ref(false)
+
+
+const onSubmit = async() => {
+  const body = {
+    username: username.value,
+    password: password.value
+  };
+
+  const data = await $fetch('/login-cms', {
+    method: 'POST',
+    body: JSON.stringify(body)
+  });
+  if (data.success) {
+    const token = data.body.token;
+    const tokenCookie = useCookie('token')
+    tokenCookie.value = token;
+    console.log('Login successful');
+    //redirect to cms
+    await navigateTo('/preview');
+
+  } else {
+    failedLogin.value = true;
+    console.log('Login failed');
+  }
+}
+</script>
+
+<template>
+  <div class="h-svh w-full flex flex-col justify-center items-center bg-amber-50">
+    <img src="./logo.svg" class="h-60"  alt=""/>
+    <div class="flex flex-col gap-5" >
+      <input type="text"
+             name="username"
+             id="username"
+              v-model="username"
+              @keyup.enter="onSubmit"
+             placeholder="Nutzername"
+             class="px-5 py-3 rounded-2xl border-black border-2">
+      <input type="password"
+             name="password"
+             id="password"
+              v-model="password"
+             @keyup.enter="onSubmit"
+             placeholder="Passwort"
+             class="px-5 py-3 rounded-2xl border-black border-2">
+
+      <button class="bg-black text-white px-5 py-3 rounded-2xl"
+              :class="{'bg-red-500': failedLogin}"
+              @click="onSubmit">Login</button>
+      <span v-if="failedLogin" class="text-red-500 text-center">Wrong credentials!</span>
+    </div>
+  </div>
+</template>
diff --git a/src/runtime/pages/logo.svg b/src/runtime/pages/logo.svg
new file mode 100644
index 0000000..9e92352
--- /dev/null
+++ b/src/runtime/pages/logo.svg
@@ -0,0 +1,112 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="797.000000pt" height="707.000000pt" viewBox="0 0 797.000000 707.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,707.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2230 5486 c-48 -46 -64 -55 -115 -65 -103 -21 -111 -30 -40 -49 49
+-13 54 -24 34 -81 -6 -18 -9 -35 -5 -38 3 -3 32 19 64 49 50 48 66 57 118 67
+32 7 65 14 72 16 25 9 11 23 -32 34 -25 6 -47 14 -49 19 -3 4 1 25 9 47 25 72
+18 73 -56 1z"/>
+<path d="M5825 5404 c-22 -2 -89 -9 -150 -14 -525 -50 -1169 -218 -1811 -471
+l-200 -79 -221 0 c-123 0 -233 -4 -249 -10 -18 -7 -75 -63 -153 -155 -69 -80
+-127 -145 -130 -144 -3 0 -53 57 -111 127 -148 178 -140 175 -431 180 -350 6
+-450 -16 -569 -125 -73 -68 -101 -117 -216 -383 -144 -331 -143 -354 25 -554
+50 -59 91 -111 91 -115 0 -3 -55 -55 -121 -115 -196 -177 -415 -426 -542 -618
+-215 -322 -269 -655 -145 -892 73 -139 230 -257 434 -325 167 -56 311 -75 564
+-75 238 0 352 9 595 50 360 60 793 177 1113 300 l117 45 526 -1 526 0 26 26
+c14 14 29 35 32 45 9 27 21 24 47 -12 46 -62 10 -59 794 -59 394 0 718 -1 721
+-3 2 -2 -17 -52 -43 -111 -52 -122 -52 -133 3 -214 66 -96 116 -104 240 -37
+l83 45 58 -45 c72 -56 113 -69 156 -51 59 25 68 45 81 177 7 66 17 124 21 128
+5 5 46 38 92 76 45 37 90 81 98 97 22 42 11 85 -33 144 -48 63 -60 72 -105 80
+-21 4 -38 8 -38 9 0 2 11 27 25 57 32 68 31 86 -5 136 l-29 41 50 108 c49 105
+54 129 34 176 -6 15 1 17 74 17 68 0 84 3 102 21 31 31 189 367 189 403 0 25
+-28 64 -150 211 -83 99 -166 195 -185 213 l-35 32 -131 0 c-72 0 -129 4 -127
+8 2 4 50 72 108 150 75 102 110 142 125 142 11 -1 94 -11 185 -24 91 -13 166
+-23 167 -22 1 1 -48 57 -108 125 -73 81 -107 127 -101 134 5 7 59 78 121 160
+61 81 109 147 106 147 -3 0 -75 -32 -161 -71 -86 -38 -158 -68 -161 -66 -2 3
+5 27 16 54 45 108 56 164 56 293 -1 113 -3 131 -28 190 -69 165 -219 285 -458
+364 -175 59 -308 77 -579 81 -129 2 -253 1 -275 -1z m645 -155 c345 -37 580
+-194 630 -421 19 -85 8 -235 -24 -335 -15 -46 -31 -83 -35 -83 -5 0 -53 52
+-107 116 -116 135 -111 138 -114 -56 -4 -194 14 -170 -198 -264 -144 -63 -178
+-82 -160 -87 13 -3 94 -14 182 -24 l158 -19 -7 -160 c-4 -89 -10 -164 -14
+-168 -6 -7 -315 -10 -947 -9 l-312 1 19 61 c34 110 21 220 -35 293 -14 19 -26
+37 -26 40 0 3 26 6 58 6 71 0 86 13 103 90 14 66 7 136 -20 189 -11 22 -82
+112 -157 202 -184 217 -172 212 -470 217 -277 5 -363 -5 -452 -53 l-64 -36
+-36 42 c-34 37 -43 42 -97 48 l-60 6 145 52 c468 165 865 266 1313 333 239 36
+508 43 727 19z m-3855 -499 c86 -42 100 -125 43 -276 l-33 -89 -202 -3 c-112
+-1 -203 0 -203 3 0 2 14 39 31 82 17 43 40 99 50 126 l19 47 -58 0 -58 0 -56
+-137 c-31 -76 -91 -220 -132 -321 l-75 -183 60 3 61 3 52 127 51 128 203 0
+c137 0 202 -3 202 -11 0 -21 -64 -165 -91 -205 -42 -61 -113 -120 -178 -146
+-53 -21 -72 -23 -331 -26 -303 -4 -342 1 -390 50 -36 35 -46 84 -31 143 19 77
+198 477 239 535 45 63 139 132 210 154 36 11 110 15 311 15 244 1 268 -1 306
+-19z m1755 13 c0 -5 -59 -207 -132 -450 l-131 -443 -194 0 c-106 0 -193 3
+-193 6 0 3 54 174 120 380 66 206 120 377 120 379 0 3 -26 5 -58 5 l-58 0
+-124 -385 -125 -385 -192 0 c-110 0 -193 4 -193 9 0 8 235 692 255 744 6 15 0
+17 -53 17 l-60 0 -77 -224 -78 -224 -136 -161 -136 -161 -243 0 c-192 0 -242
+3 -236 13 8 12 588 686 702 815 l64 72 579 0 c318 0 579 -3 579 -7z m858 -8
+c94 -40 129 -117 106 -234 l-6 -31 -204 0 c-112 0 -204 1 -204 3 0 1 9 35 19
+75 l19 72 -59 0 -58 0 -12 -42 c-6 -24 -21 -80 -34 -125 l-22 -83 166 0 c91 0
+182 -5 203 -10 51 -15 105 -77 113 -133 8 -50 -13 -143 -45 -206 -28 -56 -86
+-109 -150 -140 -55 -26 -57 -26 -331 -29 -179 -2 -291 0 -317 8 -106 28 -154
+125 -121 243 l10 37 204 0 c113 0 205 -1 205 -3 0 -1 -9 -34 -20 -72 -11 -38
+-20 -73 -20 -77 0 -5 27 -8 60 -8 l59 0 11 43 c6 23 22 81 35 129 l23 86 -183
+4 c-204 3 -214 6 -262 78 -59 86 12 290 128 367 86 57 121 62 397 63 206 0
+259 -3 290 -15z m-3054 -1042 c2 -10 8 -42 11 -71 8 -60 16 -66 92 -77 29 -4
+55 -10 58 -15 3 -4 -27 -33 -65 -64 -74 -60 -75 -63 -85 -168 -4 -38 -9 -68
+-12 -68 -4 0 -31 19 -61 42 l-54 42 -74 -39 c-40 -22 -76 -37 -79 -34 -3 4 10
+43 29 87 l35 81 -40 62 c-22 34 -38 63 -36 66 3 2 38 9 79 15 40 5 78 14 85
+19 6 6 30 39 53 75 44 67 55 75 64 47z m676 -69 c0 -3 -156 -264 -347 -580
+l-346 -574 -189 0 c-104 0 -187 3 -185 8 16 31 373 610 384 623 8 10 23 14 37
+12 15 -3 32 4 49 19 23 20 28 35 36 108 9 84 10 85 53 120 93 75 101 87 96
+134 -4 36 0 52 23 90 l29 46 180 0 c99 0 180 -3 180 -6z m316 -273 l-279 -279
+-57 -299 -56 -298 -222 -3 c-122 -1 -222 0 -222 2 0 2 9 44 21 93 20 83 34
+110 261 488 201 335 254 414 320 488 l80 87 217 0 216 0 -279 -279z m1008 207
+c-8 -40 -57 -300 -110 -578 -53 -278 -97 -506 -99 -508 -1 -1 -108 -1 -237 0
+l-234 3 44 205 43 205 160 281 c87 155 159 284 159 288 0 3 -24 6 -54 6 l-54
+0 -283 -495 -284 -494 -187 -1 c-104 0 -188 2 -188 4 0 3 151 264 336 580
+l336 576 333 0 333 0 -14 -72z m1009 -13 l-44 -85 -92 0 -92 -1 -265 -491
+c-145 -269 -269 -492 -275 -494 -6 -3 -92 -3 -192 -2 l-181 3 273 493 273 492
+-84 0 c-61 0 -84 3 -84 13 0 6 18 45 40 85 l41 72 363 0 363 0 -44 -85z m927
+80 c0 -3 -18 -40 -39 -83 -37 -75 -57 -96 -461 -487 l-422 -410 211 -3 211 -2
+-42 -85 -42 -85 -439 0 -438 0 43 81 c41 78 62 100 471 493 l428 411 -200 3
+c-120 1 -201 6 -201 12 0 5 17 43 37 85 l37 75 423 0 c233 0 423 -2 423 -5z
+m922 -12 c-4 -10 -39 -84 -77 -165 l-70 -147 -182 0 c-101 -1 -183 1 -183 4 0
+3 16 37 35 75 19 38 35 72 35 75 0 3 -24 5 -53 5 l-52 0 -78 -155 c-42 -85
+-77 -157 -77 -160 0 -3 81 -5 180 -5 l180 0 -42 -85 -42 -85 -183 0 -183 0
+-80 -160 c-44 -88 -80 -162 -80 -165 0 -3 26 -5 58 -5 l57 0 39 85 39 85 188
+0 189 0 -24 -52 c-13 -29 -49 -106 -81 -170 l-58 -118 -434 0 c-238 0 -433 2
+-433 5 0 7 205 416 407 813 l175 342 419 0 c396 0 419 -1 411 -17z m-5157
+-187 c15 -23 15 -29 -14 -94 -17 -39 -31 -79 -31 -90 0 -29 61 -105 93 -116
+23 -8 39 -4 92 22 68 33 85 38 85 24 0 -5 -92 -159 -205 -342 -113 -184 -205
+-344 -205 -356 0 -29 33 -74 202 -276 84 -100 158 -178 170 -182 13 -3 116 -6
+230 -6 205 0 207 0 235 24 l28 25 23 -22 c25 -23 52 -24 702 -27 79 0 129 -4
+120 -9 -37 -21 -432 -108 -655 -145 -321 -53 -413 -61 -730 -61 -272 0 -311 3
+-413 23 -211 42 -346 105 -448 206 -81 82 -107 147 -108 271 -1 225 155 500
+476 841 66 69 326 313 335 314 2 0 10 -11 18 -24z m4936 -1084 c8 -56 18 -104
+21 -107 3 -3 49 -13 102 -23 53 -9 96 -21 96 -27 0 -6 -44 -47 -99 -92 -110
+-90 -104 -78 -117 -246 -4 -48 -10 -89 -13 -92 -4 -2 -40 23 -81 55 -41 33
+-81 59 -88 60 -8 0 -59 -23 -113 -51 -55 -28 -103 -48 -106 -45 -4 4 8 41 26
+84 18 42 40 96 49 119 l16 42 -57 86 c-32 47 -55 89 -53 94 3 4 36 11 73 15
+37 4 89 9 115 12 l47 6 72 110 c40 60 77 107 83 105 6 -2 18 -49 27 -105z
+m-3126 -234 c15 -22 14 -23 -22 -35 -20 -7 -38 -11 -41 -9 -5 6 30 66 40 66 4
+0 14 -10 23 -22z"/>
+<path d="M1720 5311 c-133 -138 -166 -156 -349 -185 -98 -16 -121 -27 -121
+-56 0 -13 10 -20 33 -25 93 -18 129 -29 151 -46 22 -17 23 -23 15 -61 -5 -24
+-18 -64 -29 -90 -27 -63 -26 -78 6 -78 19 0 50 26 127 104 116 118 143 132
+310 160 119 21 125 23 133 48 8 27 0 32 -76 47 -71 14 -118 35 -126 56 -3 7 8
+54 25 103 37 107 37 112 9 112 -16 0 -50 -29 -108 -89z"/>
+<path d="M7449 5190 l-56 -77 -92 -18 c-50 -10 -91 -19 -91 -21 0 -1 31 -19
+69 -39 l70 -37 6 -66 c3 -37 7 -75 8 -85 1 -13 20 5 57 56 l55 75 95 19 95 19
+-77 42 -77 43 -3 83 -3 83 -56 -77z"/>
+<path d="M1077 5140 c-25 -26 -79 -50 -114 -50 -7 0 -13 -4 -13 -10 0 -5 8
+-10 18 -10 35 0 46 -15 34 -49 -6 -17 -8 -31 -5 -31 3 0 23 16 44 35 25 22 53
+37 79 41 52 8 58 19 19 33 -28 9 -30 14 -24 41 8 38 -2 38 -38 0z"/>
+<path d="M528 2033 l-57 -80 -78 -13 c-43 -6 -84 -15 -90 -19 -8 -4 13 -21 56
+-44 l69 -37 7 -85 7 -85 55 72 c30 40 62 76 71 79 9 4 50 12 90 19 39 7 72 16
+72 20 0 4 -31 24 -70 45 l-69 38 -3 85 -3 84 -57 -79z"/>
+</g>
+</svg>
diff --git a/src/runtime/pages/preview.vue b/src/runtime/pages/preview.vue
index 1af1f22..9de872c 100644
--- a/src/runtime/pages/preview.vue
+++ b/src/runtime/pages/preview.vue
@@ -7,7 +7,7 @@ const router = useRouter()
 
 const routes = router.options.routes
 
-const filteredRoutes = routes.filter(route => route.name !== 'katzen-preview')
+const filteredRoutes = routes.filter(route => (route.name !== 'katzen-preview' && route.name !== 'katzen-cms-login'))
 
 const selectedRoute = ref<RouteRecordRaw>({
   name: '',
@@ -18,6 +18,10 @@ const Route = ref<any>(undefined)
 
 const hoverPosition = ref<HTMLElement | null>(null)
 const routeWrapper = ref<HTMLElement | null>(null)
+const selectMenu = ref<HTMLElement | null>(null)
+
+const hoveredElement = ref<HTMLElement | null>(null)
+const selectedElement = ref<HTMLElement | null>(null)
 
 watch(selectedRoute, async () => {
   if (selectedRoute.value.path) {
@@ -31,22 +35,24 @@ onMounted(
     const observer = new MutationObserver((mutations) => {
       mutations.forEach((mutation) => {
         if (mutation.type === 'childList') {
-          // add to each child a hover event
-          mutation.addedNodes.forEach((node) => {
-            if (node instanceof HTMLElement) {
-              console.log('node', node)
-              node.addEventListener('mouseover', (event) => {
-                console.log('mouseover', event)
-                if (hoverPosition.value) {
-                  const elementPositionAbsolute = node.getBoundingClientRect()
-                  hoverPosition.value.style.top = `${elementPositionAbsolute.top}px`
-                  hoverPosition.value.style.left = `${elementPositionAbsolute.left}px`
-                  hoverPosition.value.style.width = `${elementPositionAbsolute.width}px`
-                  hoverPosition.value.style.height = `${elementPositionAbsolute.height}px`
-                }
+          // find all elements
+          const elements = routeWrapper.value?.querySelectorAll('*[kat-e]')
+
+          if (elements) {
+            elements.forEach((element: HTMLElement) => {
+              element.addEventListener('mouseover', () => {
+                hoveredElement.value = element
+              })
+              element.addEventListener('mouseleave', () => {
+                hoveredElement.value = null
               })
-            }
-          })
+              element.addEventListener('click', (event) => {
+                selectedElement.value = element
+                event.stopPropagation();
+                event.preventDefault();
+              })
+            })
+          }
         }
       })
     })
@@ -57,11 +63,43 @@ onMounted(
     })
   },
 )
+
+watch(hoveredElement, () => {
+  if (hoverPosition.value && hoveredElement.value) {
+    const elementPositionAbsolute = hoveredElement.value.getBoundingClientRect()
+    hoverPosition.value.style.top = `${elementPositionAbsolute.top}px`
+    hoverPosition.value.style.left = `${elementPositionAbsolute.left}px`
+    hoverPosition.value.style.width = `${elementPositionAbsolute.width}px`
+    hoverPosition.value.style.height = `${elementPositionAbsolute.height}px`
+  }
+  else if (!hoveredElement.value) {
+    hoverPosition.value.style = ''
+  }
+})
+
+watch(selectedElement, () => {
+  if (selectedElement.value && selectMenu.value) {
+    const calculatedPixel = 2 * Number.parseFloat(getComputedStyle(document.documentElement).fontSize)
+    selectMenu.value.style.top = `${selectedElement.value.getBoundingClientRect().top - calculatedPixel}px`
+    selectMenu.value.style.left = `${selectedElement.value.getBoundingClientRect().left}px`
+  }
+  else {
+    selectMenu.value.style = ''
+  }
+})
+
+
+const logout = () => {
+  const tokenCookie = useCookie('token')
+  tokenCookie.value = '';
+  router.push('/preview-login')
+}
 </script>
 
 <template>
   <div class="h-screen flex flex-row">
     <div class="w-52 h-full bg-slate-700 flex flex-col gap-5">
+      <p @click="logout">Logout</p>
       <h2 class="text-white font-bold text-center p-4">
         Pages
       </h2>
@@ -95,9 +133,20 @@ onMounted(
   <div class="absolute inset-0 opacity-50 z-10 select-none touch-none pointer-events-none">
     <div
       ref="hoverPosition"
-      class="absolute z-20 bg-red-400/20 border-2 rounded border-red-500"
+      class="absolute z-20 -top-full -left-full bg-red-400/20 border-2 rounded border-red-500"
     />
   </div>
+
+  <!-- selected overlay -->
+  <div class="absolute inset-0 opacity-50 z-10 select-none touch-none pointer-events-none">
+    <div
+      ref="selectMenu"
+      class="absolute z-20 -top-full -left-full flex flex-row h-8 cursor-pointer pointer-events-auto"
+    >
+      <span>EDIT</span>
+      <span @click.prevent="selectedElement=undefined;">CLOSE</span>
+    </div>
+  </div>
 </template>
 
 <style scoped>
diff --git a/src/runtime/server/index.ts b/src/runtime/server/index.ts
deleted file mode 100644
index 62db43c..0000000
--- a/src/runtime/server/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import fs from 'node:fs'
-
-export default defineEventHandler(() => {
-  // load pages list
-  const pages = fs.readdirSync('src/pages')
-  console.log('Pages:', pages)
-
-  // page array and return
-  const pageArray = []
-  pages.forEach((page) => {
-    pageArray.push(page)
-  })
-
-  return {
-    pages: pageArray,
-  }
-})
diff --git a/src/runtime/server/login.ts b/src/runtime/server/login.ts
new file mode 100644
index 0000000..f573aeb
--- /dev/null
+++ b/src/runtime/server/login.ts
@@ -0,0 +1,30 @@
+import jwt from 'jsonwebtoken';
+
+export default defineEventHandler(async (event) =>  {
+    //get username and password inside post json
+    const body = await readBody(event);
+    const username = body.username;
+    const password = body.password;
+    //get users from runtime config
+    const users = useRuntimeConfig().users;
+
+    //check if user exists
+    const user = users.find(user => user.name == username && user.password == password);
+    if(!user) {
+        return {
+            success: false,
+            body: {
+                message: 'Invalid credentials'
+            }
+        }
+    }
+    //generate token
+    const token = jwt.sign({username}, 'secret');
+    //return token
+    return {
+        success: true,
+        body: {
+            token
+        }
+    }
+});