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"]
 }