Update dependencies, add vite config

client/.postcssrc.js

@@ -1,10 +0,0 @@
-// https://github.com/michael-ciniawsky/postcss-load-config
-
-module.exports = {
-  plugins: {
-    'postcss-import': {},
-    'postcss-url': {},
-    // to edit target browsers: use "browserslist" field in package.json
-    autoprefixer: {},
-  },
-};

client/.postcssrc.json

@@ -0,0 +1,7 @@
+{
+  "plugins": {
+    "postcss-import": {},
+    "postcss-url": {},
+    "autoprefixer": {}
+  }
+}

client/package.json

@@ -7,6 +7,7 @@
     "singleQuote": true,
     "singleAttributePerLine": true
   },
+  "type": "module",
   "private": true,
   "scripts": {
     "dev": "webpack serve --progress --config build/webpack.dev.conf.js",
@@ -15,6 +16,7 @@
     "lint": "eslint --ext .js,.vue,.ts src",
     "fix-lint": "eslint --ext .js,.vue,.ts --fix src",
     "build": "node build/build.js",
+    "vite": "vite",
     "open:cypress:e2e": "npm run cypress:e2e:open",
     "open:cypress:frontend": "npm run cypress:frontend:open",
     "test:cypress:e2e": "npm run cypress:e2e:test",
@@ -42,6 +44,7 @@
     "@graphql-tools/jest-transform": "^1.2.2",
     "@graphql-tools/mock": "^8.6.5",
     "@graphql-tools/schema": "^8.3.7",
+    "@rollup/plugin-graphql": "^1.1.0",
     "@sentry/vue": "^7.45.0",
     "@sentry/webpack-plugin": "^1.20.0",
     "@tiptap/core": "^2.0.0-beta.174",
@@ -100,13 +103,11 @@
     "postcss-url": "^10.1.3",
     "prettier": "2.8.2",
     "rimraf": "^2.6.0",
-    "sass": "^1.56.1",
     "sass-loader": "^12.6.0",
     "semver": "^5.3.0",
     "shelljs": "^0.8.5",
     "survey-knockout": "^1.9.41",
     "ts-loader": "^8.3.0",
-    "typescript": "^4.5.4",
     "uploadcare-widget": "^3.6.0",
     "url-loader": "^4.1.1",
     "vee-validate": "^4.5.10",
@@ -124,6 +125,13 @@
     "webpack-dev-server": "^4.6.0",
     "webpack-merge": "^5.8.0"
   },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^3.0.3",
+    "sass": "^1.56.1",
+    "typescript": "^4.6.4",
+    "vite": "^3.1.0",
+    "vue-tsc": "^0.40.4"
+  },
   "engines": {
     "node": ">= 14.x",
     "npm": ">= 8.x"

client/vite.config.ts

@@ -0,0 +1,29 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import gql from '@rollup/plugin-graphql';
+import path from 'path';
+
+function resolve(dir: string) {
+  return path.join(__dirname, dir);
+}
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@': resolve('./src'),
+      styles: resolve('./src/styles'),
+      gql: resolve('./src/graphql/gql'),
+    }
+  },
+  server: {
+    port: 8080,
+    hmr: {
+      clientPort: 8080
+    }
+  },
+  plugins: [
+    gql(),
+    vue(),
+  ]
+})