prettier lint login

apps/login/.eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
-  extends: 'next/core-web-vitals',
-  ignorePatterns: ['external/**/*.ts'],
+  extends: "next/core-web-vitals",
+  ignorePatterns: ["external/**/*.ts"],
 };

apps/login/.vscode/settings.json

@@ -1,4 +1,4 @@
 {
   "typescript.tsdk": "../../node_modules/.pnpm/typescript@4.8.4/node_modules/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true
-}
+}

apps/login/next.config.js

@@ -9,16 +9,16 @@ const nextConfig = {
   images: {
     remotePatterns: [
       {
-        protocol: 'https',
-        hostname: 'zitadel.com',
-        port: '',
-        pathname: '/**',
+        protocol: "https",
+        hostname: "zitadel.com",
+        port: "",
+        pathname: "/**",
       },
       {
-        protocol: 'https',
-        hostname: 'zitadel.cloud',
-        port: '',
-        pathname: '/**',
+        protocol: "https",
+        hostname: "zitadel.cloud",
+        port: "",
+        pathname: "/**",
       },
     ],
   },

apps/login/package.json

@@ -4,7 +4,7 @@
   "scripts": {
     "build": "next build",
     "dev": "next dev",
-    "lint": "next lint",
+    "lint": "next lint && prettier --check .",
     "lint-staged": "lint-staged",
     "start": "next start",
     "test": "yarn prettier:check &nexarn lint",

apps/login/readme.md

@@ -1,9 +1,9 @@
 # ZITADEL Login UI
 
-This is going to be our next UI for the hosted login. It's based on Next.js 13 and its introduced `app/` directory (currently beta). 
+This is going to be our next UI for the hosted login. It's based on Next.js 13 and its introduced `app/` directory (currently beta).
 
 The Login UI should provide the following functionality:
- 
+
 - **Login API:** Request and Submit state to the Login API
 - **Server Components:** Making server-first the default for the most dynamic applications.
 - **Streaming:** Display instant loading states and stream in updates (Register with [Liquid](https://liquidjs.com/))
@@ -16,4 +16,3 @@ The Login UI should provide the following functionality:
 ## Documentation
 
 https://beta.nextjs.org/docs
-

apps/login/ui/ExternalLink.tsx

@@ -1,4 +1,4 @@
-import { ArrowRightIcon } from '@heroicons/react/24/solid';
+import { ArrowRightIcon } from "@heroicons/react/24/solid";
 
 export const ExternalLink = ({
   children,

apps/login/ui/SkeletonCard.tsx

@@ -1,9 +1,9 @@
-import clsx from 'clsx';
+import clsx from "clsx";
 
 export const SkeletonCard = ({ isLoading }: { isLoading?: boolean }) => (
   <div
-    className={clsx('rounded-2xl bg-gray-900/80 p-4', {
-      'relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_1.5s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/10 before:to-transparent':
+    className={clsx("rounded-2xl bg-gray-900/80 p-4", {
+      "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_1.5s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/10 before:to-transparent":
         isLoading,
     })}
   >

apps/login/ui/TabGroup.tsx

@@ -1,4 +1,4 @@
-import { Tab } from '#/ui/Tab';
+import { Tab } from "#/ui/Tab";
 
 export type Item = {
   text: string;

apps/login/ui/ZitadelLogoDark.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from "react";
 
 export const ZitadelLogoDark: FC = (props) => (
   <svg

apps/login/ui/ZitadelLogoLight.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from "react";
 
 export const ZitadelLogoLight: FC = (props) => (
   <svg