refactor: UI

.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+	root: true,
+	env: {
+		browser: true,
+		node: true,
+	},
+	extends: ['eslint:recommended', 'plugin:vue/vue3-recommended'],
+}

.prettierrc.js

@@ -1,12 +1,11 @@
 module.exports = {
-  printWidth: 100,
-  tabWidth: 2,
-  useTabs: false,
-  semi: false,
-  trailingComma: 'es5',
-  singleQuote: true,
-  bracketSpacing: true,
-  jsxBracketSameLine: false,
-  arrowParens: 'avoid',
-  proseWrap: 'never',
+	printWidth: 120,
+	tabWidth: 2,
+	useTabs: true,
+	semi: false,
+	trailingComma: 'es5',
+	singleQuote: true,
+	bracketSpacing: true,
+	arrowParens: 'avoid',
+	proseWrap: 'never',
 }

package.json

@@ -1,24 +1,30 @@
 {
-  "name": "tweek-clone",
-  "version": "0.0.0",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
-    "serve": "vite preview"
-  },
-  "dependencies": {
-    "date-fns": "^2.19.0",
-    "pinia": "^2.0.0-alpha.10",
-    "vue": "^3.0.5",
-    "vuedraggable": "^4.0.1"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^1.1.5",
-    "@vue/compiler-sfc": "^3.0.5",
-    "sass": "^1.32.8",
-    "typescript": "^4.1.3",
-    "vite": "^2.1.0",
-    "vite-plugin-windicss": "^0.9.7",
-    "vue-tsc": "^0.0.8"
-  }
+	"name": "tweek-clone",
+	"version": "0.0.0",
+	"scripts": {
+		"dev": "vite",
+		"build": "vue-tsc --noEmit && vite build",
+		"serve": "vite preview",
+		"format": "prettier --write **/*.{js,ts,vue,md,yaml}",
+		"lint": "eslint ."
+	},
+	"dependencies": {
+		"@heroicons/vue": "^2.0.16",
+		"date-fns": "^2.29.3",
+		"pinia": "^2.0.32",
+		"vue": "^3.2.47",
+		"vuedraggable": "^4.1.0"
+	},
+	"devDependencies": {
+		"@types/node": "^18.14.4",
+		"@vitejs/plugin-vue": "^1.10.2",
+		"@vue/compiler-sfc": "^3.2.47",
+		"eslint": "^8.35.0",
+		"eslint-plugin-vue": "^9.9.0",
+		"sass": "^1.58.3",
+		"typescript": "^4.9.5",
+		"vite": "^2.9.15",
+		"vite-plugin-windicss": "^0.9.11",
+		"vue-tsc": "^0.0.8"
+	}
 }