chore: fix linter errors

.github/workflows/ci.yml

@@ -41,4 +41,3 @@ jobs:
 
       - name: Typecheck
         run: pnpm run typecheck
-

.prettierrc

@@ -0,0 +1,4 @@
+{
+    "singleQuote": true,
+    "semi": false
+  }

package.json

@@ -1,14 +1,15 @@
 {
   "name": "pomodorino",
+  "type": "module",
+  "version": "0.0.0",
   "private": true,
   "packageManager": "[email protected]",
-  "version": "0.0.0",
-  "type": "module",
   "scripts": {
     "dev": "vite --port 3333 --open",
     "build": "vue-tsc && vite build",
     "preview": "vite preview",
-    "lint": "eslint .",
+    "lint-no-fix": "eslint .",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore,.github",
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {

src/App.vue

@@ -1,7 +1,71 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-</script>
+<script setup lang="ts"></script>
 
 <template>
-  <h1 class="text-3xl font-bold underline">Hello world!</h1>
+  <main class="relative h-screen overflow-hidden bg-white dark:bg-gray-800">
+    <header class="z-30 flex items-center w-full h-24 sm:h-32">
+      <div class="container flex items-center justify-between px-6 mx-auto">
+        <div
+          class="text-3xl font-black text-gray-800 uppercase dark:text-white"
+        >
+          Pomodorino.dev
+        </div>
+        <div class="flex items-center">
+          <nav
+            class="items-center hidden text-lg text-gray-800 uppercase font-sen dark:text-white lg:flex"
+          >
+            <a href="#" class="flex px-6 py-2"> Home </a>
+            <a href="#" class="flex px-6 py-2"> Timer </a>
+            <a href="#" class="flex px-6 py-2"> Product </a>
+            <a href="#" class="flex px-6 py-2"> Contact </a>
+            <a href="#" class="flex px-6 py-2"> Carrer </a>
+          </nav>
+          <button class="flex flex-col ml-4 lg:hidden">
+            <span class="w-6 h-1 mb-1 bg-gray-800 dark:bg-white" />
+            <span class="w-6 h-1 mb-1 bg-gray-800 dark:bg-white" />
+            <span class="w-6 h-1 mb-1 bg-gray-800 dark:bg-white" />
+          </button>
+        </div>
+      </div>
+    </header>
+    <div
+      class="relative z-20 flex items-center overflow-hidden bg-white dark:bg-gray-800"
+    >
+      <div class="container relative flex px-6 py-16 mx-auto">
+        <div class="relative z-20 flex flex-col sm:w-2/3 lg:w-2/5">
+          <span class="w-20 h-2 mb-12 bg-gray-800 dark:bg-white" />
+          <h1
+            class="flex flex-col text-6xl font-black leading-none text-gray-800 uppercase font-bebas-neue sm:text-8xl dark:text-white"
+          >
+            Be on
+            <span class="text-5xl sm:text-7xl"> Time </span>
+          </h1>
+          <p class="text-sm text-gray-700 sm:text-base dark:text-white">
+            Dimension of reality that makes change possible and understandable.
+            An indefinite and homogeneous environment in which natural events
+            and human existence take place.
+          </p>
+          <div class="flex mt-8">
+            <a
+              href="#"
+              class="px-4 py-2 mr-4 text-white uppercase bg-pink-500 border-2 border-transparent rounded-lg text-md hover:bg-pink-400"
+            >
+              Get started
+            </a>
+            <a
+              href="#"
+              class="px-4 py-2 text-pink-500 uppercase bg-transparent border-2 border-pink-500 rounded-lg dark:text-white hover:bg-pink-500 hover:text-white text-md"
+            >
+              Read more
+            </a>
+          </div>
+        </div>
+        <div class="relative hidden sm:block sm:w-1/3 lg:w-3/5">
+          <img
+            src="/images/object/10.png"
+            class="max-w-xs m-auto md:max-w-sm"
+          >
+        </div>
+      </div>
+    </div>
+  </main>
 </template>

src/components/HelloWorld.vue

@@ -10,7 +10,9 @@ const count = ref(0)
   <h1>{{ msg }}</h1>
 
   <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
+    <button type="button" @click="count++">
+      count is {{ count }}
+    </button>
     <p>
       Edit
       <code>components/HelloWorld.vue</code> to test HMR
@@ -19,16 +21,16 @@ const count = ref(0)
 
   <p>
     Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank">create-vue</a>, the official Vue + Vite starter
   </p>
   <p>
     Install
     <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
     in your IDE for a better DX
   </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+  <p class="read-the-docs">
+    Click on the Vite and Vue logos to learn more
+  </p>
 </template>
 
 <style scoped>

tsconfig.json

@@ -14,6 +14,5 @@
     "noEmit": true
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }],
-  "exclude": ["dist", "node_modules", "cypress"]
+  "references": [{ "path": "./tsconfig.node.json" }]
 }

tsconfig.node.json

@@ -1,9 +1,10 @@
 {
   "compilerOptions": {
     "composite": true,
+    "skipLibCheck": true,
     "module": "ESNext",
     "moduleResolution": "Node",
     "allowSyntheticDefaultImports": true
   },
-  "include": ["../vite.config.ts"]
+  "include": ["vite.config.ts"]
 }