chore: add tailwindcss eslint daisyUI config

client/packages/rtc-web/.eslintignore

@@ -0,0 +1,19 @@
+*.sh
+*.md
+*.woff
+*.ttf
+*.yaml
+.vscode
+.idea
+node_modules
+dist
+public
+docs
+.husky
+.eslintrc.js
+
+# Allowlist 'test.js' in the '.build' folder
+# But do not allow anything else in the '.build' folder to be linted
+!.build
+.build/*
+!.build/test.js

client/packages/rtc-web/.eslintrc.cjs

@@ -0,0 +1,24 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/vue3-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+    'eslint-config-prettier',
+  ],
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    ecmaVersion: 'latest',
+    parser: '@typescript-eslint/parser',
+    sourceType: 'module',
+  },
+  plugins: ['vue', '@typescript-eslint', 'prettier'],
+  rules: {
+    indent: ['error', 2],
+    semi: ['error', 'always'],
+  },
+};

client/packages/rtc-web/.gitignore

@@ -13,8 +13,7 @@ dist-ssr
 *.local
 
 # Editor directories and files
-.vscode/*
+.vscode
-!.vscode/extensions.json
 .idea
 .DS_Store
 *.suo

client/packages/rtc-web/package.json

@@ -11,14 +11,25 @@
     "vue": "^3.3.4"
   },
   "devDependencies": {
+    "@types/node": "^20.3.1",
+    "@typescript-eslint/eslint-plugin": "^5.60.0",
+    "@typescript-eslint/parser": "^5.60.0",
     "@vitejs/plugin-vue": "^4.2.3",
     "autoprefixer": "^10.4.14",
+    "daisyui": "^3.1.6",
+    "eslint": "^8.43.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^9.15.1",
     "postcss": "^8.4.24",
+    "postcss-import": "^15.1.0",
     "prettier": "^2.8.8",
     "prettier-plugin-tailwindcss": "^0.3.0",
     "tailwindcss": "^3.3.2",
     "typescript": "^5.1.3",
     "vite": "^4.3.9",
+    "vite-plugin-eslint": "^1.8.1",
+    "vue-eslint-parser": "^9.3.1",
     "vue-tsc": "^1.8.1"
   }
 }

client/packages/rtc-web/postcss.config.js

@@ -1,5 +1,7 @@
 export default {
   plugins: {
+    'postcss-import': {},
+    'tailwindcss/nesting': {},
     tailwindcss: {},
     autoprefixer: {},
   },

client/packages/rtc-web/src/assets/styles/index.css

@@ -0,0 +1 @@
+@import './tailwindcss';

client/packages/rtc-web/src/main.ts

@@ -1,5 +1,5 @@
-import { createApp } from "vue";
+import { createApp } from 'vue';
-import "./style.css";
+import './assets/styles/index.css';
-import App from "./App.vue";
+import App from './App.vue';
 
-createApp(App).mount("#app");
+createApp(App).mount('#app');

client/packages/rtc-web/tailwind.config.js

@@ -1,8 +1,8 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
+  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
   theme: {
     extend: {},
   },
-  plugins: [],
+  plugins: [require('daisyui')],
 };

client/packages/rtc-web/tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "baseUrl": ".",
     "target": "ES2020",
     "useDefineForClassFields": true,
     "module": "ESNext",
@@ -18,7 +19,15 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+
+    /* types */
+    "types": ["vite/client"],
+
+    /* paths */
+    "paths": {
+      "@/*": ["src/*"]
+    }
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]

client/packages/rtc-web/vite.config.ts

@@ -1,7 +1,19 @@
-import { defineConfig } from "vite";
+import { defineConfig } from 'vite';
-import vue from "@vitejs/plugin-vue";
+import vue from '@vitejs/plugin-vue';
+import eslintPlugin from 'vite-plugin-eslint';
+import { resolve } from 'path';
+
+const pathResolve = (path: string) => resolve(__dirname, path);
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  resolve: {
+    alias: [
+      {
+        find: '@',
+        replacement: pathResolve('src'),
+      },
+    ],
+  },
+  plugins: [vue(), eslintPlugin()],
 });