diff --git a/README.md b/README.md
index 9aeb055..844f5c4 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,7 @@ Modular student club administration system, licensed under the MIT license.
 ## Installation
 
 ### Requirements
+
 ```
  "engines": {
     "node": ">= 12.22.1",
@@ -12,6 +13,7 @@ Modular student club administration system, licensed under the MIT license.
     "yarn": ">= 1.21.1"
  }
 ```
+
 So on debian (buster and bullseye) you will need to install node.js and yarn beside the debian packages to meet the needed versions.
 
 ```bash
@@ -23,17 +25,40 @@ npm i -g yarn
 npm i -g @quasar/cli
 popd
 ```
+
 ### Install the dependencies
 
 ```bash
 yarn install
 ```
+
 Be aware npm might not work.
 
 ### Configure Plugins
 
-You can activate and deactive Plugins in `src/boot/plugins.ts`.
-You have to set the name of the Plugin into `config.loadModules`.
+#### Installing a plugin
+
+Simply add it as a dependency and install it, for example installing the `pricelist`-plugin:
+
+```sh
+yarn add '@flaschengeist/pricelist'
+yarn install
+```
+
+#### Enable / Disable a plugin
+
+After installing a plugin you will have to enable it,
+this is done by adding it to the `plugin.config.js` file.
+For the example above the file should look like:
+
+```js
+module.exports = [
+  // pricelist plugin:
+  '@flaschengeist/pricelist',
+];
+```
+
+Remember to rebuild the project
 
 ### Configure Backend
 
@@ -41,11 +66,11 @@ The application is using the API of [the backend](https://flaschengeist.dev/Flas
 This access needs to be configured in `src/config.ts'->config.baseURL
 
 - either you do have a proxy webserver that maps the '/api' to the backend (http://localhost:5000) or
-- you do directly configure the backend there:```baseURL: 'http://localhost:5000'```. Be aware not committing this configuration.
+- you do directly configure the backend there:`baseURL: 'http://localhost:5000'`. Be aware not committing this configuration.
 
 ### Build the application
 
-```bash
+```sh
 yarn quasar build
 ```
 
@@ -76,15 +101,36 @@ yarn run lint
 
 #### Build a Plugin
 
-A Flaschengeist-Frontend-Plugin should be placed in `src/plugins`.
-It needs a `plugin.ts` File which exports a plugin with the following interface:
+Create a new node.js project and add `@flaschengeist/api` as a peer dependency (e.g. `yarn add --peer '@flaschengeist/api'`).
+If your plugin depends on an other plugin (e.g. you use the `@flaschengeist/users` plugin / stores),
+then you have to add that plugin as a peer dependency too.
 
-```
-name: string;
-mainRoutes?: PluginRouteConfig[];
-outRoutes?: PluginRouteConfig[];
-requiredModules: string[];
-version: string;
+You need to define a main entry point for your plugin (e.g. `"main": "src/index.ts"` in your `package.json`) which exportes
+a plugin descriptor as the default export (see `@flaschengeist/types` -> `FG_Plugin.Plugin`).
+E.g.
+
+```ts
+import { FG_Plugin } from '@flaschengeist/types';
+import { routes } from './routes';
+
+const plugin: FG_Plugin.Plugin = {
+  id: 'com.example.myplugin',
+  name: 'myplugin',
+  innerRoutes: routes,
+  // This are required backend plugins:
+  requiredModules: [['auth'], ['users'], ['roles']],
+  version: '0.0.1',
+  widgets: [
+    {
+      priority: 1,
+      name: 'greeting',
+      permissions: [],
+      widget: defineAsyncComponent(() => import('./components/Widget.vue')),
+    },
+  ],
+};
+
+export default plugin;
 ```
 
-You have to import `FG_Plugin` from `plugins.d.ts`.
+This will add a plugin providing a widget for the dashboard side and some routes.
diff --git a/src/components/utils/IsoDateInput.vue b/api/components/IsoDateInput.vue
similarity index 99%
rename from src/components/utils/IsoDateInput.vue
rename to api/components/IsoDateInput.vue
index 6d7460b..48ed355 100644
--- a/src/components/utils/IsoDateInput.vue
+++ b/api/components/IsoDateInput.vue
@@ -40,7 +40,7 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from 'vue';
 import { date as q_date } from 'quasar';
-import { stringIsDate, stringIsTime, stringIsDateTime, Validator } from 'src/utils/validators';
+import { stringIsDate, stringIsTime, stringIsDateTime, Validator } from '..';
 
 export default defineComponent({
   name: 'IsoDateInput',
diff --git a/src/components/utils/PasswordInput.vue b/api/components/PasswordInput.vue
similarity index 100%
rename from src/components/utils/PasswordInput.vue
rename to api/components/PasswordInput.vue
diff --git a/api/components/index.ts b/api/components/index.ts
new file mode 100644
index 0000000..caaa21f
--- /dev/null
+++ b/api/components/index.ts
@@ -0,0 +1,4 @@
+import IsoDateInput from './IsoDateInput.vue';
+import PasswordInput from './PasswordInput.vue';
+
+export { IsoDateInput, PasswordInput };
diff --git a/api/index.ts b/api/index.ts
new file mode 100644
index 0000000..b01a54d
--- /dev/null
+++ b/api/index.ts
@@ -0,0 +1,7 @@
+export { api, pinia } from './src/internal';
+
+export * from './src/stores/';
+
+export * from './src/utils/datetime';
+export * from './src/utils/permission';
+export * from './src/utils/validators';
diff --git a/api/package.json b/api/package.json
new file mode 100644
index 0000000..3b26079
--- /dev/null
+++ b/api/package.json
@@ -0,0 +1,40 @@
+{
+  "private": true,
+  "license": "MIT",
+  "version": "1.0.0-alpha.1",
+  "name": "@flaschengeist/api",
+  "author": "Tim Gröger <flaschengeist@wu5.de>",
+  "homepage": "https://flaschengeist.dev/Flaschengeist",
+  "description": "Modular student club administration system",
+  "bugs": {
+    "url": "https://flaschengeist.dev/Flaschengeist/flaschengeist-frontend/issues"
+  },
+  "scripts": {
+    "format": "prettier --config ./package.json  --write '{,!(node_modules)/**/}*.ts'",
+    "lint": "eslint --ext .js,.ts,.vue ./src"
+  },
+  "main": "./src/index.ts",
+  "peerDependencies": {
+    "@quasar/app": "^3.0.0-beta.26",
+    "flaschengeist": "^2.0.0-alpha.1",
+    "pinia": "^2.0.0-alpha.19"
+  },
+  "devDependencies": {
+    "@flaschengeist/types": "git+https://flaschengeist.dev/ferfissimo/flaschengeist-types.git#develop",
+    "@types/node": "^12.20.13",
+    "@typescript-eslint/eslint-plugin": "^4.24.0",
+    "@typescript-eslint/parser": "^4.24.0",
+    "eslint": "^7.26.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-vue": "^7.9.0",
+    "eslint-webpack-plugin": "^2.5.4",
+    "prettier": "^2.3.0",
+    "typescript": "^4.2.4"
+  },
+  "prettier": {
+    "singleQuote": true,
+    "semi": true,
+    "printWidth": 100,
+    "arrowParens": "always"
+  }
+}
diff --git a/api/shims-vue.d.ts b/api/shims-vue.d.ts
new file mode 100644
index 0000000..eab6529
--- /dev/null
+++ b/api/shims-vue.d.ts
@@ -0,0 +1,6 @@
+//https://github.com/vuejs/vue-next/issues/3130
+declare module '*.vue' {
+  import { ComponentOptions } from 'vue';
+  const component: ComponentOptions;
+  export default component;
+}
diff --git a/api/src/internal.ts b/api/src/internal.ts
new file mode 100644
index 0000000..094b8d4
--- /dev/null
+++ b/api/src/internal.ts
@@ -0,0 +1,6 @@
+import axios from 'axios';
+import { createPinia } from 'pinia';
+
+export const api = axios.create();
+
+export const pinia = createPinia();
diff --git a/api/src/stores/index.ts b/api/src/stores/index.ts
new file mode 100644
index 0000000..858387d
--- /dev/null
+++ b/api/src/stores/index.ts
@@ -0,0 +1,3 @@
+export * from './main';
+export * from './session';
+export * from './user';
diff --git a/src/stores/index.ts b/api/src/stores/main.ts
similarity index 91%
rename from src/stores/index.ts
rename to api/src/stores/main.ts
index 681d048..422c8c1 100644
--- a/src/stores/index.ts
+++ b/api/src/stores/main.ts
@@ -1,9 +1,8 @@
-import { useUserStore, useSessionStore } from 'src/plugins/user/store';
-import { translateNotification } from 'src/boot/plugins';
 import { LocalStorage, SessionStorage } from 'quasar';
-import { FG_Plugin } from 'src/plugins';
+import { FG_Plugin } from '@flaschengeist/types';
+import { useSessionStore, useUserStore } from '.';
 import { AxiosResponse } from 'axios';
-import { api } from 'src/boot/axios';
+import { api } from '../internal';
 import { defineStore } from 'pinia';
 
 function loadCurrentSession() {
@@ -50,7 +49,7 @@ export const useMainStore = defineStore({
         const sessionStore = useSessionStore();
         const session = await sessionStore.getSession(this.session.token);
         if (session) {
-          this.session = this.session;
+          this.session = session;
           const userStore = useUserStore();
           const user = await userStore.getUser(this.session.userid);
           if (user) {
@@ -113,10 +112,11 @@ export const useMainStore = defineStore({
       data.forEach((n) => {
         n.time = new Date(n.time);
         notifications.push(
-          (
-            flaschengeist?.plugins.filter((p) => p.name === n.plugin)[0]?.notification ||
-            translateNotification
-          )(n)
+          (flaschengeist?.plugins.filter((p) => p.name === n.plugin)[0]?.notification)(
+            /*||
+            translateNotification*/
+            n
+          )
         );
       });
       this.notifications.push(...notifications);
diff --git a/api/src/stores/session.ts b/api/src/stores/session.ts
new file mode 100644
index 0000000..bbdbf4c
--- /dev/null
+++ b/api/src/stores/session.ts
@@ -0,0 +1,69 @@
+import { AxiosError, AxiosResponse } from 'axios';
+import { defineStore } from 'pinia';
+import { api } from '../internal';
+import { useMainStore } from '.';
+
+export const useSessionStore = defineStore({
+  id: 'sessions',
+
+  state: () => ({}),
+
+  getters: {},
+
+  actions: {
+    async getSession(token: string) {
+      return await api
+        .get(`/auth/${token}`)
+        .then(({ data }: AxiosResponse<FG.Session>) => data)
+        .catch(() => null);
+    },
+
+    async getSessions() {
+      try {
+        const { data } = await api.get<FG.Session[]>('/auth');
+        data.forEach((session) => {
+          session.expires = new Date(session.expires);
+        });
+
+        const mainStore = useMainStore();
+        const currentSession = data.find((session) => {
+          return session.token === mainStore.session?.token;
+        });
+        if (currentSession) {
+          mainStore.session = currentSession;
+        }
+        return data;
+      } catch (error) {
+        return [] as FG.Session[];
+      }
+    },
+
+    async deleteSession(token: string) {
+      const mainStore = useMainStore();
+      if (token === mainStore.session?.token) return mainStore.logout();
+
+      try {
+        await api.delete(`/auth/${token}`);
+        return true;
+      } catch (error) {
+        if (!error || !('response' in error) || (<AxiosError>error).response?.status != 401)
+          throw error;
+      }
+      return false;
+    },
+
+    async updateSession(lifetime: number, token: string) {
+      try {
+        const { data } = await api.put<FG.Session>(`auth/${token}`, { value: lifetime });
+        data.expires = new Date(data.expires);
+
+        const mainStore = useMainStore();
+        if (mainStore.session?.token == data.token) mainStore.session = data;
+
+        return true;
+      } catch (error) {
+        return false;
+      }
+    },
+  },
+});
diff --git a/src/plugins/user/store.ts b/api/src/stores/user.ts
similarity index 63%
rename from src/plugins/user/store.ts
rename to api/src/stores/user.ts
index a09500b..b22469c 100644
--- a/src/plugins/user/store.ts
+++ b/api/src/stores/user.ts
@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia';
-import { api } from 'src/boot/axios';
-import { AxiosError, AxiosResponse } from 'axios';
-import { useMainStore } from 'src/stores';
+import { AxiosError } from 'axios';
+import { api } from '../internal';
+import { useMainStore } from '.';
 
 export const useUserStore = defineStore({
   id: 'users',
@@ -110,68 +110,3 @@ export const useUserStore = defineStore({
     },
   },
 });
-
-export const useSessionStore = defineStore({
-  id: 'sessions',
-
-  state: () => ({}),
-
-  getters: {},
-
-  actions: {
-    async getSession(token: string) {
-      return await api
-        .get(`/auth/${token}`)
-        .then(({ data }: AxiosResponse<FG.Session>) => data)
-        .catch(() => null);
-    },
-
-    async getSessions() {
-      try {
-        const { data } = await api.get<FG.Session[]>('/auth');
-        data.forEach((session) => {
-          session.expires = new Date(session.expires);
-        });
-
-        const mainStore = useMainStore();
-        const currentSession = data.find((session) => {
-          return session.token === mainStore.session?.token;
-        });
-        if (currentSession) {
-          mainStore.session = currentSession;
-        }
-        return data;
-      } catch (error) {
-        return [] as FG.Session[];
-      }
-    },
-
-    async deleteSession(token: string) {
-      const mainStore = useMainStore();
-      if (token === mainStore.session?.token) return mainStore.logout();
-
-      try {
-        await api.delete(`/auth/${token}`);
-        return true;
-      } catch (error) {
-        if (!error || !('response' in error) || (<AxiosError>error).response?.status != 401)
-          throw error;
-      }
-      return false;
-    },
-
-    async updateSession(lifetime: number, token: string) {
-      try {
-        const { data } = await api.put<FG.Session>(`auth/${token}`, { value: lifetime });
-        data.expires = new Date(data.expires);
-
-        const mainStore = useMainStore();
-        if (mainStore.session?.token == data.token) mainStore.session = data;
-
-        return true;
-      } catch (error) {
-        return false;
-      }
-    },
-  },
-});
diff --git a/src/utils/datetime.ts b/api/src/utils/datetime.ts
similarity index 100%
rename from src/utils/datetime.ts
rename to api/src/utils/datetime.ts
diff --git a/src/utils/loading.ts b/api/src/utils/loading.ts
similarity index 100%
rename from src/utils/loading.ts
rename to api/src/utils/loading.ts
diff --git a/src/utils/permission.ts b/api/src/utils/permission.ts
similarity index 91%
rename from src/utils/permission.ts
rename to api/src/utils/permission.ts
index 5b469e3..076109e 100644
--- a/src/utils/permission.ts
+++ b/api/src/utils/permission.ts
@@ -1,4 +1,4 @@
-import { useMainStore } from 'src/stores';
+import { useMainStore } from '../stores';
 
 export function hasPermission(permission: string) {
   const store = useMainStore();
diff --git a/src/utils/validators.ts b/api/src/utils/validators.ts
similarity index 100%
rename from src/utils/validators.ts
rename to api/src/utils/validators.ts
diff --git a/api/tsconfig.json b/api/tsconfig.json
new file mode 100644
index 0000000..17f1334
--- /dev/null
+++ b/api/tsconfig.json
@@ -0,0 +1,16 @@
+{
+  "extends": "@quasar/app/tsconfig-preset",
+  "target": "esnext",
+  "compilerOptions": {
+    "baseUrl": "./",
+    "lib": [
+      "es2020",
+      "dom"
+    ],
+    "types": [
+      "@flaschengeist/types",
+      "@quasar/app",
+      "node"
+    ]
+ }
+}
diff --git a/package.json b/package.json
index ef67c68..5257c5e 100644
--- a/package.json
+++ b/package.json
@@ -2,8 +2,8 @@
   "private": true,
   "license": "MIT",
   "version": "2.0.0-alpha.1",
-  "productName": "Flaschengeist",
-  "name": "flaschengeist-frontend",
+  "productName": "flaschengeist-frontend",
+  "name": "flaschengeist",
   "author": "Tim Gröger <flaschengeist@wu5.de>",
   "homepage": "https://flaschengeist.dev/Flaschengeist",
   "description": "Modular student club administration system",
@@ -12,18 +12,23 @@
   },
   "scripts": {
     "format": "prettier --config ./package.json  --write '{,!(node_modules)/**/}*.ts'",
-    "lint": "eslint --ext .js,.ts,.vue ./src"
+    "lint": "eslint --ext .js,.ts,.vue ./src ./api"
   },
   "dependencies": {
+    "@flaschengeist/api": "file:./api",
+    "@flaschengeist/users": "git+https://flaschengeist.dev/ferfissimo/flaschengeist-users.git#develop",
+    "@flaschengeist/schedule": "git+https://flaschengeist.dev/ferfissimo/flaschengeist-schedule.git#develop",
+    "@flaschengeist/balance": "git+https://flaschengeist.dev/ferfissimo/flaschengeist-balance.git#develop",
+    "@flaschengeist/pricelist": "git+https://flaschengeist.dev/ferfissimo/flaschengeist-pricelist.git#develop",
     "axios": "^0.21.1",
     "cordova": "^10.0.0",
-    "pinia": "^2.0.0-alpha.18",
-    "quasar": "^2.0.0-beta.17"
+    "pinia": "^2.0.0-alpha.19",
+    "quasar": "^2.0.0-beta.18"
   },
   "devDependencies": {
-    "@quasar/app": "^3.0.0-beta.25",
+    "@flaschengeist/types": "git+https://flaschengeist.dev/ferfissimo/flaschengeist-types.git#develop",
+    "@quasar/app": "^3.0.0-beta.26",
     "@quasar/extras": "^1.10.4",
-    "@quasar/quasar-app-extension-qcalendar": "4.0.0-alpha.8",
     "@types/node": "^12.20.13",
     "@types/webpack": "^5.28.0",
     "@types/webpack-env": "^1.16.0",
@@ -33,6 +38,7 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-vue": "^7.9.0",
     "eslint-webpack-plugin": "^2.5.4",
+    "modify-source-webpack-plugin": "^3.0.0-rc.0",
     "prettier": "^2.3.0",
     "typescript": "^4.2.4",
     "vuedraggable": "^4.0.1"
diff --git a/plugin.config.js b/plugin.config.js
new file mode 100644
index 0000000..af382d3
--- /dev/null
+++ b/plugin.config.js
@@ -0,0 +1,6 @@
+// You can add your plugins here
+module.exports = [
+    '@flaschengeist/balance',
+    '@flaschengeist/schedule',
+    '@flaschengeist/pricelist',
+]
diff --git a/quasar.conf.js b/quasar.conf.js
index 7acb450..9df2259 100644
--- a/quasar.conf.js
+++ b/quasar.conf.js
@@ -9,8 +9,10 @@
 /* eslint-env node */
 /* eslint-disable @typescript-eslint/no-var-requires */
 const ESLintPlugin = require('eslint-webpack-plugin')
-const { configure } = require('quasar/wrappers');
- 
+const { ModifySourcePlugin } = require('modify-source-webpack-plugin')
+const { configure } = require('quasar/wrappers')
+
+
 module.exports = configure(function (/* ctx */) {
   return {
     // https://quasar.dev/quasar-cli/supporting-ts
@@ -53,17 +55,16 @@ module.exports = configure(function (/* ctx */) {
     build: {
       vueRouterMode: 'history', // available values: 'hash', 'history'
 
-      // transpile: false,
+      // transpile: false,// eslint-disable-next-line 
+
 
       // Add dependencies for transpiling with Babel (Array of string/regex)
       // (from node_modules, which are by default not transpiled).
       // Applies only if "transpile" is set to true.
       // transpileDependencies: [],
 
-      // rtl: false, // https://quasar.dev/options/rtl-support
-      // preloadChunks: true,
-      // showProgress: false,
-      // gzip: true,
+      // rtl: false, // https://quasa// eslint-disable-next-line 
+
       // analyze: true,
 
       // Options below are automatically set depending on the env, set them if you want to override
@@ -77,7 +78,23 @@ module.exports = configure(function (/* ctx */) {
             extensions: [ 'ts', 'js', 'vue' ],
             exclude: 'node_modules'
           }])
-        },
+        chain.plugin('modify-source-webpack-plugin')
+          .use(ModifySourcePlugin, [{
+            rules: [
+              {
+                test: /plugins\.ts$/,
+                modify: (src, filename) => {
+                  const custom_plgns = require('./plugin.config.js')
+                  const required_plgns = require('./src/vendor-plugin.config.js')
+                  return src.replace(/\/\* *INSERT_PLUGIN_LIST *\*\//, 
+                  [...custom_plgns, ...required_plgns].map(v => `import("${v}").then(v => success(v)).catch(() => failure("${v}"))`)
+                    .join(','))
+                  }
+              }
+            ]
+          }])
+        //chain.resolve.alias.set('flaschengeist', '.')
+      }
       
     },
 
diff --git a/quasar.extensions.json b/quasar.extensions.json
deleted file mode 100644
index e239c30..0000000
--- a/quasar.extensions.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "@quasar/qcalendar": {}
-}
\ No newline at end of file
diff --git a/src/boot/axios.ts b/src/boot/axios.ts
index 507a44f..3a5ede1 100644
--- a/src/boot/axios.ts
+++ b/src/boot/axios.ts
@@ -1,10 +1,8 @@
-import config from 'src/config';
-import { boot } from 'quasar/wrappers';
+import { useMainStore, api } from '@flaschengeist/api';
 import { LocalStorage, Notify } from 'quasar';
-import axios, { AxiosError } from 'axios';
-import { useMainStore } from 'src/stores';
-
-const api = axios.create();
+import { AxiosError } from 'axios';
+import { boot } from 'quasar/wrappers';
+import config from 'src/config';
 
 export default boot(({ router }) => {
   api.defaults.baseURL = LocalStorage.getItem<string>('baseURL') || config.baseURL;
diff --git a/src/boot/login.ts b/src/boot/login.ts
index 21533b5..7695575 100644
--- a/src/boot/login.ts
+++ b/src/boot/login.ts
@@ -1,6 +1,5 @@
+import { useMainStore, hasPermissions } from '@flaschengeist/api';
 import { boot } from 'quasar/wrappers';
-import { useMainStore } from 'src/stores';
-import { hasPermissions } from 'src/utils/permission';
 import { RouteRecord } from 'vue-router';
 
 export default boot(({ router }) => {
diff --git a/src/boot/plugins.ts b/src/boot/plugins.ts
index a496587..fd649eb 100644
--- a/src/boot/plugins.ts
+++ b/src/boot/plugins.ts
@@ -1,47 +1,47 @@
-import { boot } from 'quasar/wrappers';
-import { FG_Plugin } from 'src/plugins';
-import routes from 'src/router/routes';
+import { Notify } from 'quasar';
 import { api } from 'boot/axios';
+import { boot } from 'quasar/wrappers';
+import routes from 'src/router/routes';
 import { AxiosResponse } from 'axios';
 import { RouteRecordRaw } from 'vue-router';
-import { Notify } from 'quasar';
-
-const config: { [key: string]: Array<string> } = {
-  // Do not change required Modules !!
-  requiredModules: ['User'],
-  // here you can import plugins.
-  loadModules: ['Balance', 'Schedule', 'Pricelist'],
-  //loadModules: [],
-};
-
-/* Stop!
-
-// do not change anything here !!
-
-// You can not even read? I said stop!
-
-// Really are you stupid? Stop scrolling down here!
-
-// Every line you scroll down, an unicorn will die painfully!
-
-// Ok you must hate unicorns... But what if I say you I joked... Baby otters will die!
-
-         .-"""-.
-        /      o\
-       |    o   0).-.
-       |       .-;(_/     .-.
-        \     /  /)).---._|  `\   ,
-         '.  '  /((       `'-./ _/|
-           \  .'  )        .-.;`  /
-            '.             |  `\-'
-              '._        -'    /
-                 ``""--`------`
-*/
+import { FG_Plugin } from '@flaschengeist/types';
 
 /****************************************************
  ******** Internal area for some magic **************
  ****************************************************/
 
+declare type ImportPlgn = { default: FG_Plugin.Plugin };
+
+function validatePlugin(plugin: FG_Plugin.Plugin) {
+  return (
+    typeof plugin.name === 'string' &&
+    typeof plugin.id === 'string' &&
+    plugin.id.length > 0 &&
+    typeof plugin.version === 'string'
+  );
+}
+
+/* eslint-disable */
+// This functions are used by webpack magic
+// Called when import promise resolved
+function success(value: ImportPlgn, path: string) {
+  if (validatePlugin(value.default)) PLUGINS.plugins.set(value.default.id, value.default);
+  else failure(path);
+}
+// Called when import promise rejected
+function failure(path = 'unknown') {
+  console.error(`Plugin ${path} could not be found and not imported`);
+}
+/* eslint-enable */
+
+// Here does some magic happens, WebPack will automatically replace the following comment with the import statements
+const PLUGINS = {
+  context: <Array<() => Promise<ImportPlgn>>>[
+    /*INSERT_PLUGIN_LIST*/
+  ],
+  plugins: new Map<string, FG_Plugin.Plugin>(),
+};
+
 interface BackendPlugin {
   permissions: string[];
   version: string;
@@ -222,81 +222,61 @@ function combineShortcuts(target: FG_Plugin.Shortcut[], source: FG_Plugin.MenuRo
 /**
  * Load a Flaschengeist plugin
  * @param loadedPlugins Flaschgeist object
- * @param pluginName Plugin to load
- * @param context RequireContext of plugins
+ * @param plugin Plugin to load
  * @param router VueRouter instance
  */
 function loadPlugin(
   loadedPlugins: FG_Plugin.Flaschengeist,
-  pluginName: string,
-  context: __WebpackModuleApi.RequireContext,
+  plugin: FG_Plugin.Plugin,
   backend: Backend
 ) {
   // Check if already loaded
-  if (loadedPlugins.plugins.findIndex((p) => p.name === pluginName) !== -1) return true;
+  if (loadedPlugins.plugins.findIndex((p) => p.name === plugin.name) !== -1) return true;
 
-  // Search if plugin is installed
-  const available = context.keys();
-  const plugin = available.includes(`./${pluginName.toLowerCase()}/plugin.ts`)
-    ? // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-      <FG_Plugin.Plugin>context(`./${pluginName.toLowerCase()}/plugin.ts`).default
-    : undefined;
-
-  if (!plugin) {
-    // Plugin is not found, results in an error
-    console.exception(`Could not find required Plugin ${pluginName}`);
+  // Check backend dependencies
+  if (
+    !plugin.requiredModules.every(
+      (required) =>
+        backend.plugins[required[0]] !== undefined &&
+        (required.length == 1 ||
+          true) /* validate the version, semver440 from python is... tricky on node*/
+    )
+  ) {
+    console.error(`Plugin ${plugin.name}: Backend modules not satisfied`);
     return false;
-  } else {
-    // Plugin found. Check backend dependencies
-    if (
-      !plugin.requiredBackendModules.every((required) => backend.plugins[required] !== undefined)
-    ) {
-      console.error(`Plugin ${pluginName}: Backend modules not satisfied`);
-      return false;
-    }
-
-    // Check frontend dependencies
-    if (
-      !plugin.requiredModules.every((required) =>
-        loadPlugin(loadedPlugins, required, context, backend)
-      )
-    ) {
-      console.error(`Plugin ${pluginName}: Backend modules not satisfied`);
-      return false;
-    }
-
-    // Start combining and loading routes, shortcuts etc
-    if (plugin.internalRoutes) {
-      combineRoutes(loadedPlugins.routes, plugin.internalRoutes, '/in');
-    }
-
-    if (plugin.innerRoutes) {
-      // Routes for Vue Router
-      combineMenuRoutes(loadedPlugins.routes, plugin.innerRoutes, '/in');
-      // Combine links for menu
-      plugin.innerRoutes.forEach((route) => combineMenuLinks(loadedPlugins.menuLinks, route));
-      // Combine shortcuts
-      combineShortcuts(loadedPlugins.shortcuts, plugin.innerRoutes);
-    }
-
-    if (plugin.outerRoutes) {
-      combineMenuRoutes(loadedPlugins.routes, plugin.outerRoutes);
-      combineShortcuts(loadedPlugins.outerShortcuts, plugin.outerRoutes);
-    }
-
-    if (plugin.widgets.length > 0) {
-      plugin.widgets.forEach((widget) => (widget.name = plugin.name + '_' + widget.name));
-      Array.prototype.push.apply(loadedPlugins.widgets, plugin.widgets);
-    }
-
-    loadedPlugins.plugins.push({
-      name: plugin.name,
-      version: plugin.version,
-      notification: plugin.notification?.bind({}) || translateNotification,
-    });
-
-    return plugin;
   }
+
+  // Start combining and loading routes, shortcuts etc
+  if (plugin.internalRoutes) {
+    combineRoutes(loadedPlugins.routes, plugin.internalRoutes, '/in');
+  }
+
+  if (plugin.innerRoutes) {
+    // Routes for Vue Router
+    combineMenuRoutes(loadedPlugins.routes, plugin.innerRoutes, '/in');
+    // Combine links for menu
+    plugin.innerRoutes.forEach((route) => combineMenuLinks(loadedPlugins.menuLinks, route));
+    // Combine shortcuts
+    combineShortcuts(loadedPlugins.shortcuts, plugin.innerRoutes);
+  }
+
+  if (plugin.outerRoutes) {
+    combineMenuRoutes(loadedPlugins.routes, plugin.outerRoutes);
+    combineShortcuts(loadedPlugins.outerShortcuts, plugin.outerRoutes);
+  }
+
+  if (plugin.widgets.length > 0) {
+    plugin.widgets.forEach((widget) => (widget.name = plugin.name + '_' + widget.name));
+    Array.prototype.push.apply(loadedPlugins.widgets, plugin.widgets);
+  }
+
+  loadedPlugins.plugins.push({
+    name: plugin.name,
+    version: plugin.version,
+    notification: plugin.notification?.bind({}) || translateNotification,
+  });
+
+  return true;
 }
 
 /**
@@ -318,8 +298,9 @@ async function getBackend() {
  */
 export default boot(async ({ router, app }) => {
   const backend = await getBackend();
-  if (backend === null) {
-    void router.push({ name: 'error' });
+  if (!backend || typeof backend !== 'object' || !('plugins' in backend)) {
+    console.log('Backend error');
+    router.isReady().finally(() => void router.push({ name: 'offline', params: { refresh: 1 } }));
     return;
   }
 
@@ -332,39 +313,23 @@ export default boot(async ({ router, app }) => {
     widgets: [],
   };
 
-  // get all plugins
-  const pluginsContext = require.context('src/plugins', true, /.+\/plugin.ts$/);
+  const BreakError = {};
+  try {
+    PLUGINS.plugins.forEach((plugin, name) => {
+      if (!loadPlugin(loadedPlugins, plugin, backend)) {
+        void router.push({ name: 'error' });
 
-  // Start loading plugins
-  // Load required modules, if not found or error when loading this will forward the user to the error page
-  config.requiredModules.forEach((required) => {
-    const plugin = loadPlugin(loadedPlugins, required, pluginsContext, backend);
-    if (!plugin) {
-      void router.push({ name: 'error' });
-      return;
-    }
-  });
-
-  // Load user defined plugins
-  // If there is an error with loading a plugin, the user will get informed.
-  const failed: string[] = [];
-  config.loadModules.forEach((required) => {
-    const plugin = loadPlugin(loadedPlugins, required, pluginsContext, backend);
-    if (!plugin) {
-      failed.push(required);
-    }
-  });
-  if (failed.length > 0) {
-    // Log failed plugins
-    console.error('Could not load all plugins', failed);
-    // Inform user about error
-    Notify.create({
-      type: 'negative',
-      message:
-        'Fehler beim Laden: Nicht alle Funktionen stehen zur Verfügung. Bitte wende dich an den Admin!',
-      timeout: 10000,
-      progress: true,
+        Notify.create({
+          type: 'negative',
+          message: `Fehler beim Laden: Bitte wende dich an den Admin (error: PNF-${name}!`,
+          timeout: 10000,
+          progress: true,
+        });
+        throw BreakError;
+      }
     });
+  } catch (e) {
+    if (e !== BreakError) throw e;
   }
 
   // Sort widgets by priority
diff --git a/src/boot/store.ts b/src/boot/store.ts
index d867d86..fbc02a8 100644
--- a/src/boot/store.ts
+++ b/src/boot/store.ts
@@ -1,13 +1,8 @@
-import { createPinia, Pinia } from 'pinia';
+import { useMainStore, pinia } from '@flaschengeist/api';
 import { boot } from 'quasar/wrappers';
-import { useMainStore } from 'src/stores';
-import { ref } from 'vue';
-
-export const pinia = ref<Pinia>();
 
 export default boot(({ app }) => {
-  pinia.value = createPinia();
-  app.use(pinia.value);
+  app.use(pinia);
 
   const store = useMainStore();
   void store.init();
diff --git a/src/components/Notification.vue b/src/components/Notification.vue
index 1bee05b..f7ac317 100644
--- a/src/components/Notification.vue
+++ b/src/components/Notification.vue
@@ -34,8 +34,8 @@
 
 <script lang="ts">
 import { defineComponent, PropType, computed } from 'vue';
-import { formatDateTime } from 'src/utils/datetime';
-import { FG_Plugin } from 'src/plugins';
+import { formatDateTime } from '@flaschengeist/api';
+import { FG_Plugin } from '@flaschengeist/types';
 import { useRouter } from 'vue-router';
 
 export default defineComponent({
diff --git a/src/components/navigation/EssentialExpansionLink.vue b/src/components/navigation/EssentialExpansionLink.vue
index b02fdf1..99bb12a 100644
--- a/src/components/navigation/EssentialExpansionLink.vue
+++ b/src/components/navigation/EssentialExpansionLink.vue
@@ -2,9 +2,7 @@
   <q-expansion-item
     v-if="isGranted(entry)"
     clickable
-    tag="a"
-    target="self"
-    :label="title"
+    :label="getTitle(entry)"
     :icon="entry.icon"
     expand-separator
   >
@@ -19,7 +17,7 @@
           </q-item-section>
           <q-item-section>
             <q-item-label>
-              {{ child.title }}
+              {{ getTitle(child) }}
             </q-item-label>
           </q-item-section>
         </q-item>
@@ -29,9 +27,9 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from 'vue';
-import { hasPermissions } from 'src/utils/permission';
-import { FG_Plugin } from 'src/plugins';
+import { defineComponent, PropType } from 'vue';
+import { FG_Plugin } from '@flaschengeist/types';
+import { useMainStore } from 'app/api';
 
 export default defineComponent({
   name: 'EssentialExpansionLink',
@@ -46,17 +44,20 @@ export default defineComponent({
     addShortCut: (val: FG_Plugin.MenuLink) => val.link,
   },
   setup(props, { emit }) {
+    const store = useMainStore();
+
     function isGranted(val: FG_Plugin.MenuLink) {
-      return computed(() => hasPermissions(val.permissions || []));
+      return !val.permissions || val.permissions.every((p) => store.permissions.includes(p));
     }
-    const title = computed(() =>
-      typeof props.entry.title === 'function' ? props.entry.title() : props.entry.title
-    );
+    function getTitle(entry: FG_Plugin.MenuLink) {
+      return typeof entry.title === 'function' ? entry.title() : entry.title;
+    }
+
     function addShortCut(val: FG_Plugin.MenuLink) {
       emit('addShortCut', val);
     }
 
-    return { isGranted, title, addShortCut };
+    return { isGranted, getTitle, addShortCut };
   },
 });
 </script>
diff --git a/src/components/navigation/EssentialLink.vue b/src/components/navigation/EssentialLink.vue
index 8b53089..606d3fb 100644
--- a/src/components/navigation/EssentialLink.vue
+++ b/src/components/navigation/EssentialLink.vue
@@ -12,8 +12,8 @@
 
 <script lang="ts">
 import { computed, defineComponent, PropType } from 'vue';
-import { hasPermissions } from 'src/utils/permission';
-import { FG_Plugin } from 'src/plugins';
+import { hasPermissions } from '@flaschengeist/api';
+import { FG_Plugin } from '@flaschengeist/types';
 
 export default defineComponent({
   name: 'EssentialLink',
diff --git a/src/components/navigation/ShortcutLink.vue b/src/components/navigation/ShortcutLink.vue
index f8ec670..921083b 100644
--- a/src/components/navigation/ShortcutLink.vue
+++ b/src/components/navigation/ShortcutLink.vue
@@ -8,8 +8,8 @@
 
 <script lang="ts">
 import { computed, defineComponent, PropType } from 'vue';
-import { hasPermissions } from 'src/utils/permission';
-import { FG_Plugin } from 'src/plugins';
+import { hasPermissions } from '@flaschengeist/api';
+import { FG_Plugin } from '@flaschengeist/types';
 
 export default defineComponent({
   name: 'ShortcutLink',
diff --git a/src/flaschengeist.d.ts b/src/flaschengeist.d.ts
deleted file mode 100644
index 0b0a806..0000000
--- a/src/flaschengeist.d.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-declare namespace FG {
-  interface Notification {
-    id: number;
-    plugin: string;
-    text: string;
-    data?: unknown;
-    time: Date;
-  }
-  interface User {
-    userid: string;
-    display_name: string;
-    firstname: string;
-    lastname: string;
-    mail: string;
-    birthday?: Date;
-    roles: Array<string>;
-    permissions?: Array<string>;
-    avatar_url?: string;
-  }
-  interface Session {
-    expires: Date;
-    token: string;
-    lifetime: number;
-    browser: string;
-    platform: string;
-    userid: string;
-  }
-  type Permission = string;
-  interface Role {
-    id: number;
-    name: string;
-    permissions: Array<Permission>;
-  }
-  interface Transaction {
-    id: number;
-    time: Date;
-    amount: number;
-    reversal_id?: number;
-    author_id?: string;
-    sender_id?: string;
-    original_id?: number;
-    receiver_id?: string;
-  }
-  interface Event {
-    id: number;
-    start: Date;
-    end?: Date;
-    name?: string;
-    description?: string;
-    type: EventType | number;
-    is_template: boolean;
-    jobs: Array<Job>;
-  }
-  interface EventType {
-    id: number;
-    name: string;
-  }
-  interface Invite {
-    id: number;
-    job_id: number;
-    invitee_id: string;
-    sender_id: string;
-  }
-  interface Job {
-    id: number;
-    start: Date;
-    end?: Date;
-    type: JobType | number;
-    comment?: string;
-    services: Array<Service>;
-    required_services: number;
-  }
-  interface JobType {
-    id: number;
-    name: string;
-  }
-  interface Service {
-    userid: string;
-    is_backup: boolean;
-    value: number;
-  }
-  interface Drink {
-    id: number;
-    article_id?: string;
-    package_size?: number;
-    name: string;
-    volume?: number;
-    cost_per_volume?: number;
-    cost_per_package?: number;
-    tags?: Array<Tag>;
-    type?: DrinkType;
-    volumes: Array<DrinkPriceVolume>;
-    uuid: string;
-    receipt?: Array<string>;
-  }
-  interface DrinkIngredient {
-    id: number;
-    volume: number;
-    ingredient_id: number;
-  }
-  interface DrinkPrice {
-    id: number;
-    price: number;
-    public: boolean;
-    description?: string;
-  }
-  interface DrinkPriceVolume {
-    id: number;
-    volume: number;
-    min_prices: Array<MinPrices>;
-    prices: Array<DrinkPrice>;
-    ingredients: Array<Ingredient>;
-  }
-  interface DrinkType {
-    id: number;
-    name: string;
-  }
-  interface ExtraIngredient {
-    id: number;
-    name: string;
-    price: number;
-  }
-  interface Ingredient {
-    id: number;
-    drink_ingredient?: DrinkIngredient;
-    extra_ingredient?: ExtraIngredient;
-  }
-  interface MinPrices {
-    percentage: number;
-    price: number;
-  }
-  interface Tag {
-    id: number;
-    name: string;
-    color: string;
-  }
-}
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index a888aa6..4d0ad96 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -52,14 +52,12 @@
       @click.capture="openMenu"
     >
       <!-- Plugins -->
-      <q-list>
-        <essential-expansion-link
-          v-for="(entry, index) in mainLinks"
-          :key="'plugin' + index"
-          :entry="entry"
-          @add-short-cut="addShortcut"
-        />
-      </q-list>
+      <essential-expansion-link
+        v-for="(entry, index) in mainLinks"
+        :key="'plugin' + index"
+        :entry="entry"
+        @add-short-cut="addShortcut"
+      />
       <q-separator />
       <essential-link
         v-for="(entry, index) in essentials"
@@ -74,6 +72,7 @@
 </template>
 
 <script lang="ts">
+import EssentialExpansionLink from 'components/navigation/EssentialExpansionLink.vue';
 import EssentialLink from 'src/components/navigation/EssentialLink.vue';
 import ShortcutLink from 'src/components/navigation/ShortcutLink.vue';
 import Notification from 'src/components/Notification.vue';
@@ -86,14 +85,13 @@ import {
   onBeforeUnmount,
   ComponentPublicInstance,
 } from 'vue';
-import { useMainStore } from 'src/stores';
-import { FG_Plugin } from 'src/plugins';
-import { useRouter } from 'vue-router';
 import { Screen } from 'quasar';
 import config from 'src/config';
-import EssentialExpansionLink from 'components/navigation/EssentialExpansionLink.vue';
-import draggable from 'vuedraggable';
-const drag: ComponentPublicInstance = <ComponentPublicInstance>draggable;
+import { useRouter } from 'vue-router';
+import { useMainStore } from '@flaschengeist/api';
+import { FG_Plugin } from '@flaschengeist/types';
+import drag from 'vuedraggable';
+
 const essentials: FG_Plugin.MenuLink[] = [
   {
     title: 'Über Flaschengeist',
@@ -104,7 +102,13 @@ const essentials: FG_Plugin.MenuLink[] = [
 
 export default defineComponent({
   name: 'MainLayout',
-  components: { EssentialExpansionLink, EssentialLink, ShortcutLink, Notification, drag },
+  components: {
+    EssentialExpansionLink,
+    EssentialLink,
+    ShortcutLink,
+    Notification,
+    drag: <ComponentPublicInstance>drag,
+  },
   setup() {
     const router = useRouter();
     const mainStore = useMainStore();
diff --git a/src/layouts/OutLayout.vue b/src/layouts/OutLayout.vue
index f5bada2..1344996 100644
--- a/src/layouts/OutLayout.vue
+++ b/src/layouts/OutLayout.vue
@@ -25,8 +25,8 @@
 </template>
 
 <script lang="ts">
-import { FG_Plugin } from 'src/plugins';
 import { defineComponent, inject } from 'vue';
+import { FG_Plugin } from '@flaschengeist/types';
 import ShortcutLink from 'components/navigation/ShortcutLink.vue';
 
 export default defineComponent({
diff --git a/src/pages/Dashboard.vue b/src/pages/Dashboard.vue
index cf95b70..071da1c 100644
--- a/src/pages/Dashboard.vue
+++ b/src/pages/Dashboard.vue
@@ -12,8 +12,8 @@
 
 <script lang="ts">
 import { computed, defineComponent, inject } from 'vue';
-import { hasPermissions } from 'src/utils/permission';
-import { FG_Plugin } from 'src/plugins';
+import { hasPermissions } from '@flaschengeist/api';
+import { FG_Plugin } from '@flaschengeist/types';
 
 export default defineComponent({
   name: 'Dashboard',
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index 6ebd442..326b0ee 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -37,14 +37,14 @@
       </q-card-section>
       <div class="row justify-end">
         <q-btn
-          v-if="$q.platform.is.cordova || $q.platform.is.electron"
+          v-if="quasar.platform.is.cordova || quasar.platform.is.electron"
           flat
           round
           icon="mdi-menu-down"
           @click="openServerSettings"
         />
       </div>
-      <q-slide-transition v-if="$q.platform.is.cordova || $q.platform.is.electron">
+      <q-slide-transition v-if="quasar.platform.is.cordova || quasar.platform.is.electron">
         <div v-show="visible">
           <q-separator />
           <q-card-section>
@@ -63,12 +63,10 @@
 <script lang="ts">
 import { useRouter } from 'vue-router';
 import { Loading, Notify } from 'quasar';
-import { useMainStore } from 'src/stores';
+import { notEmpty, useMainStore, useUserStore } from '@flaschengeist/api';
+import { PasswordInput } from '@flaschengeist/api/components';
 import { defineComponent, ref } from 'vue';
 import { setBaseURL, api } from 'boot/axios';
-import { notEmpty } from 'src/utils/validators';
-import { useUserStore } from 'src/plugins/user/store';
-import PasswordInput from 'src/components/utils/PasswordInput.vue';
 import { useQuasar } from 'quasar';
 
 export default defineComponent({
@@ -76,6 +74,7 @@ export default defineComponent({
   components: { PasswordInput },
   setup() {
     const mainStore = useMainStore();
+    const userStore = useUserStore();
     const mainRoute = { name: 'dashboard' };
     const router = useRouter();
 
@@ -84,7 +83,7 @@ export default defineComponent({
     const password = ref('');
     const server = ref<string | undefined>(api.defaults.baseURL);
     const visible = ref(false);
-    const $q = useQuasar();
+    const quasar = useQuasar();
 
     function openServerSettings() {
       visible.value = !visible.value;
@@ -101,7 +100,7 @@ export default defineComponent({
       const status = await mainStore.login(userid.value, password.value);
 
       if (status === true) {
-        mainStore.user = (await useUserStore().getUser(userid.value, true)) || undefined;
+        mainStore.user = (await userStore.getUser(userid.value, true)) || undefined;
         const x = router.currentRoute.value.query['redirect'];
         void router.push(typeof x === 'string' ? { path: x } : mainRoute);
       } else {
@@ -158,7 +157,7 @@ export default defineComponent({
       server,
       userid,
       visible,
-      $q,
+      quasar,
     };
   },
 });
diff --git a/src/pages/Offline.vue b/src/pages/Offline.vue
index 3dd139a..f3a1ce4 100644
--- a/src/pages/Offline.vue
+++ b/src/pages/Offline.vue
@@ -46,9 +46,9 @@ export default defineComponent({
     const ival = setInterval(() => {
       reload.value -= 1;
       if (reload.value <= 0) {
+        if (router.currentRoute.value.params && 'refresh' in router.currentRoute.value.params)
+          router.go(0);
         const path = router.currentRoute.value.query.redirect;
-        console.log('Offline: ');
-        console.log(path);
         void router.replace(path ? { path: <string>path } : { name: 'login' });
       }
     }, 1000);
diff --git a/src/pages/Reset.vue b/src/pages/Reset.vue
index 49781d1..ab96ad7 100644
--- a/src/pages/Reset.vue
+++ b/src/pages/Reset.vue
@@ -34,10 +34,10 @@
 </template>
 
 <script lang="ts">
+import { useMainStore } from '@flaschengeist/api';
 import { useRouter } from 'vue-router';
 import { Loading, Notify } from 'quasar';
 import { defineComponent, ref } from 'vue';
-import { useMainStore } from 'src/stores';
 
 export default defineComponent({
   // name: 'PageName'
diff --git a/src/pages/about/About.vue b/src/pages/about/About.vue
index c1e1770..1a942b7 100644
--- a/src/pages/about/About.vue
+++ b/src/pages/about/About.vue
@@ -60,8 +60,8 @@
 
 <script lang="ts">
 import { defineComponent, inject } from 'vue';
+import { FG_Plugin } from '@flaschengeist/types';
 import Developer from 'components/about/Developer.vue';
-import { FG_Plugin } from 'src/plugins';
 
 const developers = [
   {
@@ -69,8 +69,7 @@ const developers = [
     lastname: 'Gröger',
     club: 'Studentenclub Wu5 e.V.',
     job: 'Gründer von Flaschengeist; Maintainer',
-    pic:
-      'https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/31768724_1663023210401956_3834323197281435648_n.jpg?_nc_cat=109&_nc_sid=09cbfe&_nc_ohc=jWvUfn_xJ9YAX_oJ3CE&_nc_ht=scontent-frt3-2.xx&oh=15249378051f1e27f8b15122effb5c4a&oe=5FAC6A17',
+    pic: 'https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/31768724_1663023210401956_3834323197281435648_n.jpg?_nc_cat=109&_nc_sid=09cbfe&_nc_ohc=jWvUfn_xJ9YAX_oJ3CE&_nc_ht=scontent-frt3-2.xx&oh=15249378051f1e27f8b15122effb5c4a&oe=5FAC6A17',
     description:
       'Eigentlich wöllte ich jetzt hier echt viel hinschreiben. Aber ich habe keinen Plan was. Früher war ich einfach nur Tim G. und habe für andere den Kaffe geholt. Unter anderen für Ferdinand Thiessen.',
   },
@@ -78,8 +77,7 @@ const developers = [
     firstname: 'Ferdinand',
     lastname: 'Thiessen',
     club: 'Club Aquarium e.V.',
-    pic:
-      'https://scontent-frx5-1.xx.fbcdn.net/v/t1.0-9/17022243_1418942461493397_9069541318944803902_n.jpg?_nc_cat=110&_nc_sid=174925&_nc_ohc=HjkSm8vcRW8AX8bTnJ8&_nc_ht=scontent-frx5-1.xx&oh=f09bd36525f3c6e55feaafb3b05b43d2&oe=5FAD432A',
+    pic: 'https://scontent-frx5-1.xx.fbcdn.net/v/t1.0-9/17022243_1418942461493397_9069541318944803902_n.jpg?_nc_cat=110&_nc_sid=174925&_nc_ohc=HjkSm8vcRW8AX8bTnJ8&_nc_ht=scontent-frx5-1.xx&oh=f09bd36525f3c6e55feaafb3b05b43d2&oe=5FAD432A',
     job: 'Backend-Developer; Co-Maintainer',
     description:
       'Geiler Typ. Einfach mal so alles Aufgeräumt. Aufeinmal könnte man aus dem Code eine Dokumentation zaubern!',
@@ -90,8 +88,7 @@ const developers = [
     club: 'Studentenclub Wu5 e.V.',
     job: 'Eigentlich Frontend-Developer',
     description: 'Er findet sich langsam rein.',
-    pic:
-      'https://scontent-frt3-1.xx.fbcdn.net/v/t31.0-8/10363433_647611335326483_3447118968375865826_o.jpg?_nc_cat=104&_nc_sid=09cbfe&_nc_ohc=nWMgo-6Ih74AX_NiGUz&_nc_ht=scontent-frt3-1.xx&oh=f16d2edfe86f68d54900099087edb9c9&oe=5FAACFD4',
+    pic: 'https://scontent-frt3-1.xx.fbcdn.net/v/t31.0-8/10363433_647611335326483_3447118968375865826_o.jpg?_nc_cat=104&_nc_sid=09cbfe&_nc_ohc=nWMgo-6Ih74AX_NiGUz&_nc_ht=scontent-frt3-1.xx&oh=f16d2edfe86f68d54900099087edb9c9&oe=5FAACFD4',
   },
 ];
 export default defineComponent({
diff --git a/src/plugins.d.ts b/src/plugins.d.ts
deleted file mode 100644
index d041af8..0000000
--- a/src/plugins.d.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { RouteLocationRaw, RouteRecordRaw, RouteRecordName } from 'vue-router';
-import { Component } from 'vue';
-
-declare namespace FG_Plugin {
-  /**
-   * Interface defining a Flaschengeist plugin
-   */
-  interface Plugin {
-    name: string;
-    version: string;
-    widgets: Widget[];
-    /** Pther frontend modules needed for this plugin to work correctly */
-    requiredModules: string[];
-    /** Backend modules needed for this plugin to work correctly */
-    requiredBackendModules: string[];
-    /** Menu entries for authenticated users */
-    innerRoutes?: MenuRoute[];
-    /** Public menu entries (without authentification) */
-    outerRoutes?: MenuRoute[];
-    /** Routes without menu links, for internal usage */
-    internalRoutes?: NamedRouteRecordRaw[];
-    /** Handle notifications, defaults to boot/plugins.ts:translateNotification() */
-    notification?(msg: FG.Notification): FG_Plugin.Notification;
-  }
-
-  /**
-   * Defines the loaded state of the Flaschengeist
-   */
-  interface Flaschengeist {
-    /** All loaded plugins */
-    plugins: LoadedPlugin[];
-    /** All routes, combined from all plugins */
-    routes: RouteRecordRaw[];
-    /** All menu entries */
-    menuLinks: MenuLink[];
-    /** All inner shortcuts */
-    shortcuts: Shortcut[];
-    /** All outer shortcuts */
-    outerShortcuts: Shortcut[];
-    /** All widgets */
-    widgets: Widget[];
-  }
-
-  /**
-   * Interface for a frontend notification
-   */
-  interface Notification extends FG.Notification {
-    /** If set a button for accepting will be shown, this function will get called before deleting the notification */
-    accept?(): Promise<void>;
-    /** If set this function is called before the notification gets deleted */
-    reject?(): Promise<void>;
-    /** If set the notification text is interpreted as a link to this location */
-    link?: RouteLocationRaw;
-    /** If set this icon is used */
-    icon?: string;
-  }
-
-  /**
-   * Loaded Flaschengeist plugin
-   */
-  interface LoadedPlugin {
-    name: string;
-    version: string;
-    notification(msg: FG.Notification): FG_Plugin.Notification;
-  }
-
-  /**
-   * Defines a shortcut link
-   */
-  interface Shortcut {
-    link: RouteRecordName;
-    icon: string;
-    permissions?: string[];
-  }
-
-  /**
-   * Defines a main menu entry along with the route
-   * Used when defining a plugin
-   */
-  interface MenuRoute extends MenuEntry {
-    route: NamedRouteRecordRaw;
-    shortcut?: boolean;
-    children?: this[];
-  }
-
-  type NamedRouteRecordRaw = RouteRecordRaw & {
-    name: RouteRecordName;
-  };
-
-  /**
-   * Defines a menu entry in the main menu
-   */
-  interface MenuLink extends MenuEntry {
-    /** Name of the target route */
-    link: RouteRecordName;
-  }
-
-  /**
-   * Base interface for internal use
-   */
-  interface MenuEntry {
-    title: string | (() => string);
-    icon: string;
-    permissions?: string[];
-    children?: this[];
-  }
-
-  /**
-   * Widget object for the dashboard
-   */
-  interface Widget {
-    name: string;
-    priority: number;
-    permissions: FG.Permission[];
-    widget: Component;
-  }
-}
diff --git a/src/plugins/balance/components/BalanceAdd.vue b/src/plugins/balance/components/BalanceAdd.vue
deleted file mode 100644
index 520ed27..0000000
--- a/src/plugins/balance/components/BalanceAdd.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-<template>
-  <q-card>
-    <BalanceHeader v-model="user" :show-selector="showSelector" @open-history="openHistory" />
-    <q-separator />
-
-    <q-card-section v-if="shortCuts" class="row q-col-gutter-md">
-      <div v-for="(shortcut, index) in shortCuts" :key="index" class="col-4">
-        <q-btn
-          v-if="shortcut"
-          push
-          color="primary"
-          style="width: 100%"
-          :label="shortcut.toFixed(2).toString() + ' €'"
-          @click="changeBalance(shortcut)"
-        >
-          <q-popup-proxy context-menu>
-            <q-btn label="Entfernen" @click="removeShortcut(shortcut)" />
-          </q-popup-proxy>
-          <q-tooltip>Rechtsklick um Verknüpfung zu entfernen</q-tooltip>
-        </q-btn>
-      </div></q-card-section
-    >
-    <q-card-section class="row q-col-gutter-md items-center">
-      <div class="col-sm-4 col-xs-12">
-        <q-input
-          v-model.number="amount"
-          type="number"
-          filled
-          label="Eigener Betrag"
-          step="0.1"
-          min="0"
-        />
-      </div>
-      <div class="col-sm-4 col-xs-6">
-        <q-btn
-          style="width: 100%"
-          color="primary"
-          label="Anschreiben"
-          @click="changeBalance(amount * -1)"
-          ><q-tooltip>Rechtsklick um Betrag als Verknüpfung hinzuzufügen</q-tooltip>
-          <q-popup-proxy v-model="showAddShortcut" context-menu>
-            <q-btn label="neue Verknüpfung" @click="addShortcut"></q-btn>
-          </q-popup-proxy>
-        </q-btn>
-      </div>
-      <div class="col-sm-4 col-xs-6">
-        <q-btn
-          v-if="canAddCredit"
-          style="width: 100%"
-          color="secondary"
-          label="Gutschreiben"
-          @click="changeBalance(amount)"
-        />
-      </div>
-    </q-card-section>
-  </q-card>
-</template>
-
-<script lang="ts">
-import { computed, ref, defineComponent, onBeforeMount } from 'vue';
-import { hasPermission } from 'src/utils/permission';
-import BalanceHeader from '../components/BalanceHeader.vue';
-import PERMISSIONS from '../permissions';
-import { useBalanceStore } from '../store';
-import { useMainStore } from 'src/stores';
-
-export default defineComponent({
-  name: 'BalanceAdd',
-  components: { BalanceHeader },
-  emits: { 'open-history': () => true },
-  setup(_, { emit }) {
-    const store = useBalanceStore();
-    const mainStore = useMainStore();
-
-    onBeforeMount(() => {
-      void store.getShortcuts();
-    });
-
-    const amount = ref<number>(0);
-    const showAddShortcut = ref(false);
-    const user = ref(mainStore.currentUser);
-    const shortCuts = computed(() => store.shortcuts);
-
-    const canAddCredit = hasPermission(PERMISSIONS.CREDIT);
-    const showSelector = hasPermission(PERMISSIONS.DEBIT) || hasPermission(PERMISSIONS.CREDIT);
-
-    function addShortcut() {
-      if (amount.value != 0) void store.createShortcut(amount.value * -1);
-    }
-    function removeShortcut(shortcut: number) {
-      void store.removeShortcut(shortcut);
-    }
-    async function changeBalance(amount: number) {
-      await store.changeBalance(amount, user.value);
-    }
-
-    function openHistory() {
-      emit('open-history');
-    }
-
-    return {
-      user,
-      addShortcut,
-      canAddCredit,
-      removeShortcut,
-      showAddShortcut,
-      changeBalance,
-      amount,
-      showSelector,
-      shortCuts,
-      openHistory,
-    };
-  },
-});
-</script>
diff --git a/src/plugins/balance/components/BalanceHeader.vue b/src/plugins/balance/components/BalanceHeader.vue
deleted file mode 100644
index 61a3171..0000000
--- a/src/plugins/balance/components/BalanceHeader.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-  <q-card-section class="fit row justify-left content-center items-center q-col-gutter-sm">
-    <div class="col-5">
-      <div v-if="balance" class="text-h6">
-        Aktueller Stand: {{ balance.balance.toFixed(2) }} €
-        <q-badge v-if="isLocked" color="negative" align="top"> gesperrt </q-badge>
-      </div>
-      <q-spinner v-else color="primary" size="3em" />
-    </div>
-    <div v-if="showSelector" class="col-6">
-      <UserSelector v-model="user" />
-    </div>
-    <div class="col-1 justify-end">
-      <q-btn round flat icon="mdi-format-list-checks" @click="openHistory" />
-    </div>
-  </q-card-section>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, onBeforeMount, PropType } from 'vue';
-import UserSelector from 'src/plugins/user/components/UserSelector.vue';
-import { useBalanceStore } from '../store';
-import { useMainStore } from 'src/stores';
-
-export default defineComponent({
-  name: 'BalanceHeader',
-  components: { UserSelector },
-  props: {
-    showSelector: Boolean,
-    modelValue: {
-      required: true,
-      type: Object as PropType<FG.User>,
-    },
-  },
-  emits: { 'update:modelValue': (u: FG.User) => !!u, 'open-history': () => true },
-  setup(props, { emit }) {
-    const store = useBalanceStore();
-    const mainStore = useMainStore();
-
-    onBeforeMount(() => void store.getBalance(mainStore.currentUser));
-
-    const balance = computed(() =>
-      store.balances.find((x) => x.userid === props.modelValue.userid)
-    );
-
-    const isLocked = computed(
-      () =>
-        balance.value === undefined ||
-        (balance.value.limit !== undefined && balance.value.balance <= balance.value.limit)
-    );
-    const user = computed({
-      get: () => props.modelValue,
-      set: (x: FG.User) => {
-        void store.getBalance(x);
-        emit('update:modelValue', x);
-      },
-    });
-
-    function openHistory() {
-      emit('open-history');
-    }
-
-    return { user, balance, isLocked, openHistory };
-  },
-});
-</script>
diff --git a/src/plugins/balance/components/BalanceTransfer.vue b/src/plugins/balance/components/BalanceTransfer.vue
deleted file mode 100644
index fdfe0f5..0000000
--- a/src/plugins/balance/components/BalanceTransfer.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-  <q-card>
-    <BalanceHeader v-model="sender" :show-selector="showSelector" @open-history="openHistory" />
-    <q-separator />
-    <q-card-section class="row q-col-gutter-md items-center">
-      <div class="col-sm-4 col-xs-12">
-        <q-input v-model.number="amount" type="number" filled label="Betrag" step="0.1" min="0" />
-      </div>
-      <div class="col-sm-4 col-xs-6">
-        <UserSelector v-model="receiver" label="Empfänger" />
-      </div>
-      <div class="col-sm-4 col-xs-6">
-        <q-btn
-          style="width: 100%"
-          color="primary"
-          :disable="sendDisabled"
-          label="Senden"
-          @click="sendAmount"
-        />
-      </div>
-    </q-card-section>
-  </q-card>
-</template>
-
-<script lang="ts">
-import { computed, ref, defineComponent } from 'vue';
-import { hasPermission } from 'src/utils/permission';
-import UserSelector from 'src/plugins/user/components/UserSelector.vue';
-import BalanceHeader from '../components/BalanceHeader.vue';
-import PERMISSIONS from '../permissions';
-import { useBalanceStore } from '../store';
-import { useMainStore } from 'src/stores';
-
-export default defineComponent({
-  name: 'BalanceTransfer',
-  components: { BalanceHeader, UserSelector },
-  emits: { 'open-history': () => true },
-  setup(_, { emit }) {
-    const store = useBalanceStore();
-    const mainStore = useMainStore();
-
-    const showSelector = computed(() => hasPermission(PERMISSIONS.SEND_OTHER));
-    const sender = ref<FG.User | undefined>(mainStore.currentUser);
-    const receiver = ref<FG.User | undefined>(undefined);
-    const amount = ref<number>(0);
-
-    const sendDisabled = computed(() => {
-      return !(
-        receiver.value &&
-        sender.value &&
-        sender.value.userid != receiver.value.userid &&
-        amount.value > 0
-      );
-    });
-
-    async function sendAmount() {
-      if (receiver.value) await store.changeBalance(amount.value, receiver.value, sender.value);
-    }
-
-    function openHistory() {
-      emit('open-history');
-    }
-
-    return {
-      sender,
-      receiver,
-      amount,
-      sendAmount,
-      showSelector,
-      sendDisabled,
-      openHistory,
-    };
-  },
-});
-</script>
diff --git a/src/plugins/balance/components/Transaction.vue b/src/plugins/balance/components/Transaction.vue
deleted file mode 100644
index 167db0d..0000000
--- a/src/plugins/balance/components/Transaction.vue
+++ /dev/null
@@ -1,107 +0,0 @@
-<template>
-  <div>
-    <q-card flat square>
-      <q-card-section class="row items-center justify-between" horizontal>
-        <div class="col-5 text-left q-px-sm">
-          <div :class="{ 'text-negative': isNegative() }" class="text-weight-bold text-h6">
-            <span v-if="isNegative()">-</span>{{ transaction.amount.toFixed(2) }}&#8239;€
-          </div>
-          <div class="text-caption">{{ text }}</div>
-          <div class="text-caption">{{ timeStr }}</div>
-        </div>
-        <div class="col-5 q-px-sm text-center">
-          <div v-if="isReversed" class="text-subtitle1">Storniert</div>
-        </div>
-        <div class="col-2 q-pr-sm" style="text-align: right">
-          <q-btn
-            :color="isReversed ? 'positive' : 'negative'"
-            aria-label="Reverse transaction"
-            :icon="!isReversed ? 'mdi-trash-can' : 'mdi-check-bold'"
-            size="sm"
-            round
-            :disable="!canReverse"
-            @click="reverse"
-          />
-        </div>
-      </q-card-section>
-    </q-card>
-    <q-separator />
-  </div>
-</template>
-
-<script lang="ts">
-import { ref, computed, defineComponent, onUnmounted, onMounted, PropType } from 'vue';
-import { hasPermission } from 'src/utils/permission';
-import { formatDateTime } from 'src/utils/datetime';
-import { useMainStore } from 'src/stores';
-import { useUserStore } from 'src/plugins/user/store';
-import { useBalanceStore } from '../store';
-
-export default defineComponent({
-  name: 'Transaction',
-  props: {
-    transaction: {
-      required: true,
-      type: Object as PropType<FG.Transaction>,
-    },
-  },
-  emits: { 'update:transaction': (t: FG.Transaction) => !!t },
-  setup(props, { emit }) {
-    const mainStore = useMainStore();
-    const userStore = useUserStore();
-    const balanceStore = useBalanceStore();
-    const now = ref(Date.now());
-    const ival = setInterval(() => (now.value = Date.now()), 1000);
-    const text = ref('');
-
-    onUnmounted(() => clearInterval(ival));
-    onMounted(() => refreshText());
-
-    const isNegative = () => props.transaction.sender_id === mainStore.currentUser.userid;
-
-    const refreshText = async () => {
-      if (isNegative()) {
-        text.value = 'Anschreiben';
-        if (props.transaction.receiver_id) {
-          const user = <FG.User>await userStore.getUser(props.transaction.receiver_id);
-          text.value = `Gesendet an ${user.display_name}`;
-        }
-      } else {
-        text.value = 'Gutschrift';
-        if (props.transaction.sender_id) {
-          const user = <FG.User>await userStore.getUser(props.transaction.sender_id);
-          text.value = `Bekommen von ${user.display_name}`;
-        }
-      }
-    };
-
-    const isReversed = computed(
-      () => props.transaction.reversal_id != undefined || props.transaction.original_id != undefined
-    );
-
-    const canReverse = computed(
-      () =>
-        !isReversed.value &&
-        (hasPermission('balance_reversal') ||
-          (props.transaction.sender_id === mainStore.currentUser.userid &&
-            now.value - props.transaction.time.getTime() < 10000))
-    );
-
-    function reverse() {
-      if (canReverse.value)
-        void balanceStore.revert(props.transaction).then(() => {
-          emit('update:transaction', props.transaction);
-        });
-    }
-
-    const timeStr = computed(() => {
-      const elapsed = (now.value - props.transaction.time.getTime()) / 1000;
-      if (elapsed < 60) return `Vor ${elapsed.toFixed()} s`;
-      return formatDateTime(props.transaction.time, elapsed > 12 * 60 * 60, true, true) + ' Uhr';
-    });
-
-    return { timeStr, reverse, isNegative, text, refreshText, canReverse, isReversed };
-  },
-  watch: { transaction: 'refreshText' },
-});
-</script>
diff --git a/src/plugins/balance/components/Widget.vue b/src/plugins/balance/components/Widget.vue
deleted file mode 100644
index bbbcdf4..0000000
--- a/src/plugins/balance/components/Widget.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <q-card style="text-align: center">
-    <q-card-section>
-      <div class="text-h6">Gerücht: {{ balance.toFixed(2) }} €</div>
-    </q-card-section>
-  </q-card>
-</template>
-
-<script lang="ts">
-import { useMainStore } from 'src/stores';
-import { useBalanceStore } from '../store';
-import { computed, defineComponent, onBeforeMount } from 'vue';
-
-export default defineComponent({
-  name: 'BalanceWidget',
-  setup() {
-    const store = useBalanceStore();
-
-    onBeforeMount(() => {
-      const mainStore = useMainStore();
-      void store.getBalance(mainStore.currentUser);
-    });
-
-    const balance = computed(() => store.balance?.balance || NaN);
-
-    return { balance };
-  },
-});
-</script>
diff --git a/src/plugins/balance/pages/Admin.vue b/src/plugins/balance/pages/Admin.vue
deleted file mode 100644
index eeab423..0000000
--- a/src/plugins/balance/pages/Admin.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-  <div>
-    <q-page padding>
-      <q-card>
-        <q-card-section>
-          <q-table :rows="rows" row-key="userid" :columns="columns" />
-        </q-card-section>
-      </q-card>
-    </q-page>
-  </div>
-</template>
-
-<script lang="ts">
-// TODO: Fill usefull data
-
-import { ref, defineComponent, onMounted } from 'vue';
-import { useBalanceStore } from '../store';
-
-export default defineComponent({
-  // name: 'PageName'
-  setup() {
-    const store = useBalanceStore();
-
-    onMounted(() => void store.getBalances().then((balances) => rows.value.push(...balances)));
-
-    const rows = ref(store.balances);
-
-    const columns = [
-      {
-        name: 'userid',
-        label: 'Benutzer ID',
-        field: 'userid',
-        required: true,
-        align: 'left',
-        sortable: true
-      },
-      {
-        name: 'credit',
-        label: 'Haben',
-        field: 'credit',
-        format: (val: number) => val.toFixed(2)
-      },
-      {
-        name: 'debit',
-        label: 'Soll',
-        field: 'debit',
-        format: (val: number) => val.toFixed(2)
-      },
-      {
-        name: 'balance',
-        label: 'Kontostand',
-        format: (_: undefined, row: { debit: number; credit: number }) =>
-          (row.credit - row.debit).toFixed(2)
-      }
-    ];
-    return { rows, columns };
-  }
-});
-</script>
diff --git a/src/plugins/balance/pages/MainPage.vue b/src/plugins/balance/pages/MainPage.vue
deleted file mode 100644
index 105930e..0000000
--- a/src/plugins/balance/pages/MainPage.vue
+++ /dev/null
@@ -1,135 +0,0 @@
-<template>
-  <q-page padding class="fit row justify-center content-start items-start q-gutter-sm">
-    <q-tabs v-if="$q.screen.gt.sm" v-model="tab">
-      <q-tab
-        v-for="(tabindex, index) in tabs"
-        :key="'tab' + index"
-        :name="tabindex.name"
-        :label="tabindex.label"
-      />
-    </q-tabs>
-    <div v-else class="fit row justify-end">
-      <q-btn
-        flat
-        round
-        icon="mdi-menu"
-        @click="
-          showDrawer = !showDrawer;
-          show = false;
-        "
-      />
-    </div>
-    <q-drawer v-model="showDrawer" side="right" behavior="mobile" @click="showDrawer = !showDrawer">
-      <q-list v-if="!$q.screen.gt.sm && !show" v-model="tab">
-        <q-item
-          v-for="(tabindex, index) in tabs"
-          :key="'tab' + index"
-          :active="tab == tabindex.name"
-          clickable
-          @click="tab = tabindex.name"
-        >
-          <q-item-label>{{ tabindex.label }}</q-item-label>
-        </q-item>
-      </q-list>
-      <q-list v-if="show">
-        <div v-for="(transaction, index) in transactions" :key="index" class="col-sm-12">
-          <Transaction v-model:transaction="transactions[index]" />
-        </div>
-      </q-list>
-    </q-drawer>
-    <q-tab-panels
-      v-model="tab"
-      style="background-color: transparent"
-      class="q-pa-none col-12"
-      animated
-    >
-      <q-tab-panel name="add" class="q-px-xs">
-        <BalanceAdd
-          @open-history="
-            showDrawer = !showDrawer;
-            show = true;
-          "
-        />
-      </q-tab-panel>
-      <q-tab-panel name="transfer" class="q-px-xs">
-        <BalanceTransfer
-          @open-history="
-            showDrawer = !showDrawer;
-            show = true;
-          "
-        />
-      </q-tab-panel>
-    </q-tab-panels>
-  </q-page>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, ref, onMounted } from 'vue';
-import { hasSomePermissions } from 'src/utils/permission';
-import PERMISSIONS from '../permissions';
-import BalanceAdd from '../components/BalanceAdd.vue';
-import BalanceTransfer from '../components/BalanceTransfer.vue';
-import Transaction from '../components/Transaction.vue';
-import { useBalanceStore } from '../store';
-import { useMainStore } from 'src/stores';
-
-export default defineComponent({
-  name: 'BalanceManage',
-  components: { BalanceAdd, BalanceTransfer, Transaction },
-  setup() {
-    const balanceStore = useBalanceStore();
-    const mainStore = useMainStore();
-
-    const now = new Date();
-    onMounted(() => {
-      void balanceStore.getTransactions(mainStore.currentUser, {
-        from: new Date(now.getFullYear(), now.getMonth(), now.getDate()),
-      });
-    });
-
-    const transactions = computed(() => {
-      return balanceStore.transactions
-        .filter((t) => t.original_id == undefined)
-        .filter((t) => t.time > new Date(now.getFullYear(), now.getMonth(), now.getDate()))
-        .sort((a, b) => (a.time >= b.time ? -1 : 1));
-    });
-
-    const canAdd = () =>
-      hasSomePermissions([PERMISSIONS.DEBIT, PERMISSIONS.CREDIT, PERMISSIONS.DEBIT_OWN]);
-
-    interface Tab {
-      name: string;
-      label: string;
-    }
-
-    const tabs: Tab[] = [
-      ...(canAdd() ? [{ name: 'add', label: 'Anschreiben' }] : []),
-      ...(hasSomePermissions([PERMISSIONS.SEND, PERMISSIONS.SEND_OTHER])
-        ? [{ name: 'transfer', label: 'Übertragen' }]
-        : []),
-    ];
-
-    //const drawer = ref<boolean>(false);
-
-    /*    const showDrawer = computed({
-      get: () => {
-        return !Screen.gt.sm && drawer.value;
-      },
-      set: (val: boolean) => {
-        drawer.value = val;
-      }
-    });
-*/
-    const showDrawer = ref<boolean>(false);
-    const tab = ref<string>(canAdd() ? 'add' : 'transfer');
-    const show = ref<boolean>(false);
-    return {
-      showDrawer,
-      tab,
-      tabs,
-      transactions,
-      show,
-    };
-  },
-});
-</script>
diff --git a/src/plugins/balance/pages/Overview.vue b/src/plugins/balance/pages/Overview.vue
deleted file mode 100644
index d4e4678..0000000
--- a/src/plugins/balance/pages/Overview.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-<template>
-  <q-page padding>
-    <q-card>
-      <q-card-section class="text-center">
-        <div class="text-h4">Aktueller Stand</div>
-        <div style="font-size: 2em">{{ balance.toFixed(2) }}&#8239;€</div>
-      </q-card-section>
-      <q-separator />
-      <q-card-section>
-        <q-table
-          v-model:pagination="pagination"
-          title="Buchungen"
-          :rows="data"
-          :columns="columns"
-          row-key="id"
-          :loading="loading"
-          binary-state-sort
-          @request="onRequest"
-        >
-          <template #top>
-            <q-toggle v-model="showCancelled" label="Stornierte einblenden" />
-          </template>
-          <template #body-cell="props">
-            <q-td :props="props" :class="{ 'bg-grey': props.row.reversal_id != null }">
-              {{ props.value }}
-            </q-td>
-          </template>
-        </q-table>
-      </q-card-section>
-    </q-card>
-  </q-page>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, onMounted, ref } from 'vue';
-import { formatDateTime } from 'src/utils/datetime';
-import { useBalanceStore } from '../store';
-import { useMainStore } from 'src/stores';
-import { useUserStore } from 'src/plugins/user/store';
-
-export default defineComponent({
-  // name: 'PageName'
-  setup() {
-    const store = useBalanceStore();
-    const mainStore = useMainStore();
-    const userStore = useUserStore();
-
-    onMounted(() => {
-      void store.getBalance(mainStore.currentUser);
-      void userStore.getUsers().then(() =>
-        onRequest({
-          pagination: pagination.value,
-          filter: undefined
-        })
-      );
-    });
-
-    const showCancelled = ref(false);
-    const data = ref<FG.Transaction[]>([]);
-    const loading = ref(false);
-    const pagination = ref({
-      sortBy: 'time',
-      descending: false,
-      page: 1,
-      rowsPerPage: 3,
-      rowsNumber: 10
-    });
-
-    interface PaginationInterface {
-      sortBy: string;
-      descending: boolean;
-      page: number;
-      rowsPerPage: number;
-      rowsNumber: number;
-    }
-
-    async function onRequest(props: { pagination: PaginationInterface; filter?: string }) {
-      const { page, rowsPerPage, sortBy, descending } = props.pagination;
-
-      loading.value = true;
-      // get all rows if "All" (0) is selected
-      const fetchCount = rowsPerPage === 0 ? pagination.value.rowsNumber : rowsPerPage;
-      // calculate starting row of data
-      const startRow = (page - 1) * rowsPerPage;
-      try {
-        const result = await store.getTransactions(mainStore.currentUser, {
-          offset: startRow,
-          limit: fetchCount,
-          showCancelled: showCancelled.value,
-          showReversals: false
-        });
-        // clear out existing data and add new
-        data.value.splice(0, data.value.length, ...result.transactions);
-        // don't forget to update local pagination object
-        pagination.value.page = page;
-        pagination.value.rowsPerPage = rowsPerPage;
-        pagination.value.sortBy = sortBy;
-        pagination.value.descending = descending;
-        if (result.count) pagination.value.rowsNumber = result.count;
-      } catch (error) {
-        // ...
-      }
-      loading.value = false;
-    }
-
-    const balance = computed(() => store.balance?.balance || NaN);
-
-    const columns = [
-      {
-        name: 'time',
-        label: 'Datum',
-        field: 'time',
-        required: true,
-        sortable: true,
-        format: (val: Date) => formatDateTime(new Date(val), true, true, true)
-      },
-      {
-        name: 'type',
-        label: 'Type',
-        format: (_: undefined, row: FG.Transaction) => {
-          if (row.sender_id == null) return 'Gutschrift';
-          else {
-            if (row.receiver_id == null) return 'Angeschrieben';
-            else {
-              if (row.receiver_id === mainStore.currentUser.userid) return 'Bekommen von X';
-              else return 'Gesendet an X';
-            }
-          }
-        }
-      },
-      {
-        name: 'text',
-        label: 'Text',
-        format: (_: undefined, row: FG.Transaction) => {
-          if (row.sender_id == null) return 'Gutschrift';
-          else {
-            if (row.receiver_id == null) return 'Angeschrieben';
-            else {
-              if (row.receiver_id === mainStore.currentUser.userid) return 'Bekommen von X';
-              else return 'Gesendet an X';
-            }
-          }
-        }
-      },
-      {
-        name: 'amount',
-        label: 'Betrag',
-        field: 'amount',
-        format: (val: number) => `${val.toFixed(2)}€`
-      },
-      {
-        name: 'author_id',
-        label: 'Benutzer',
-        field: 'author_id',
-        format: (val: string) => {
-          const user = userStore.users.filter((x) => x.userid == val);
-          if (user.length > 0) return user[0].display_name;
-          else return val;
-        }
-      }
-    ];
-
-    return { data, pagination, onRequest, loading, balance, columns, showCancelled };
-  }
-});
-</script>
diff --git a/src/plugins/balance/permissions.ts b/src/plugins/balance/permissions.ts
deleted file mode 100644
index 536f0f5..0000000
--- a/src/plugins/balance/permissions.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-const PERMISSIONS = {
-  // Show own and others balance
-  SHOW: 'balance_show',
-  SHOW_OTHER: 'balance_show_others',
-  // Credit balance (give)
-  CREDIT: 'balance_credit',
-  // Debit balance (take)
-  DEBIT: 'balance_debit',
-  // Debit own balance only
-  DEBIT_OWN: 'balance_debit_own',
-  // Send from to other
-  SEND: 'balance_send',
-  // Send from other to another
-  SEND_OTHER: 'balance_send_others',
-  // Can set limit for users
-  SET_LIMIT: 'balance_set_limit',
-  //Allow sending / sub while exceeding the set limit
-  EXCEED_LIMIT: 'balance_exceed_limit',
-};
-
-export default PERMISSIONS;
diff --git a/src/plugins/balance/plugin.ts b/src/plugins/balance/plugin.ts
deleted file mode 100644
index e6604a4..0000000
--- a/src/plugins/balance/plugin.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import routes from './routes';
-import { FG_Plugin } from 'src/plugins';
-import { defineAsyncComponent } from 'vue';
-
-const plugin: FG_Plugin.Plugin = {
-  name: 'Balance',
-  innerRoutes: routes,
-  requiredModules: ['User'],
-  requiredBackendModules: ['balance'],
-  version: '0.0.2',
-  widgets: [
-    {
-      priority: 0,
-      name: 'current',
-      permissions: ['balance_show'],
-      widget: defineAsyncComponent(() => import('./components/Widget.vue')),
-    },
-  ],
-};
-
-export default plugin;
diff --git a/src/plugins/balance/routes/index.ts b/src/plugins/balance/routes/index.ts
deleted file mode 100644
index 5988b46..0000000
--- a/src/plugins/balance/routes/index.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { FG_Plugin } from 'src/plugins';
-import permissions from '../permissions';
-
-const mainRoutes: FG_Plugin.MenuRoute[] = [
-  {
-    title: 'Gerücht',
-    icon: 'mdi-cash-100',
-    permissions: ['user'],
-    route: {
-      path: 'balance',
-      name: 'balance',
-      redirect: { name: 'balance-view' },
-    },
-    children: [
-      {
-        title: 'Übersicht',
-        icon: 'mdi-cash-check',
-        permissions: [permissions.SHOW],
-        route: {
-          path: 'overview',
-          name: 'balance-view',
-          component: () => import('../pages/Overview.vue'),
-        },
-      },
-      {
-        title: 'Buchen',
-        icon: 'mdi-cash-plus',
-        shortcut: true,
-        permissions: [permissions.DEBIT_OWN, permissions.SHOW],
-        route: {
-          path: 'change',
-          name: 'balance-change',
-          component: () => import('../pages/MainPage.vue'),
-        },
-      },
-      {
-        title: 'Verwaltung',
-        icon: 'mdi-account-cash',
-        permissions: [permissions.SET_LIMIT, permissions.SHOW_OTHER],
-        route: {
-          path: 'admin',
-          name: 'balance-admin',
-          component: () => import('../pages/Admin.vue'),
-        },
-      },
-    ],
-  },
-];
-
-export default mainRoutes;
diff --git a/src/plugins/balance/store.ts b/src/plugins/balance/store.ts
deleted file mode 100644
index f961482..0000000
--- a/src/plugins/balance/store.ts
+++ /dev/null
@@ -1,166 +0,0 @@
-import { api } from 'src/boot/axios';
-
-interface BalanceResponse {
-  balance: number;
-  credit: number;
-  debit: number;
-  limit?: number;
-}
-
-export interface BalancesResponse extends BalanceResponse {
-  userid: string;
-}
-
-export interface TransactionsResponse {
-  transactions: Array<FG.Transaction>;
-  count?: number;
-}
-
-import { defineStore } from 'pinia';
-import { useMainStore } from 'src/stores';
-import { AxiosResponse } from 'axios';
-import { Notify } from 'quasar';
-
-function fixTransaction(t: FG.Transaction) {
-  t.time = new Date(t.time);
-}
-
-export const useBalanceStore = defineStore({
-  id: 'balance',
-
-  state: () => ({
-    balances: [] as BalancesResponse[],
-    shortcuts: [] as number[],
-    transactions: [] as FG.Transaction[],
-    _balances_dirty: 0,
-  }),
-
-  getters: {
-    balance(): BalancesResponse | undefined {
-      const mainStore = useMainStore();
-      return this.balances.find((v) => v.userid === mainStore.user?.userid);
-    },
-  },
-
-  actions: {
-    async createShortcut(shortcut: number) {
-      const mainStore = useMainStore();
-      this.shortcuts.push(shortcut);
-      this.shortcuts.sort((a, b) => a - b);
-      await api.put(`/users/${mainStore.currentUser.userid}/balance/shortcuts`, this.shortcuts);
-    },
-
-    async removeShortcut(shortcut: number) {
-      const mainStore = useMainStore();
-      this.shortcuts = this.shortcuts.filter((value: number) => value !== shortcut);
-      this.shortcuts.sort((a, b) => a - b);
-      await api.put(`/users/${mainStore.currentUser.userid}/balance/shortcuts`, this.shortcuts);
-    },
-
-    async getShortcuts(force = false) {
-      if (force || this.shortcuts.length == 0) {
-        const mainStore = useMainStore();
-        const { data } = await api.get<number[]>(
-          `/users/${mainStore.currentUser.userid}/balance/shortcuts`
-        );
-        this.shortcuts = data;
-      }
-    },
-
-    async getBalance(user: FG.User) {
-      const { data } = await api.get<BalanceResponse>(`/users/${user.userid}/balance`);
-      const idx = this.balances.findIndex((x) => x.userid === user.userid);
-      if (idx == -1) this.balances.push(Object.assign(data, { userid: user.userid }));
-      else this.balances[idx] = Object.assign(data, { userid: user.userid });
-      return data;
-    },
-
-    async getBalances(force = false) {
-      if (
-        force ||
-        this.balances.length == 0 ||
-        new Date().getTime() - this._balances_dirty > 60000
-      ) {
-        const { data } = await api.get<BalancesResponse[]>('/balance');
-        this.balances = data;
-      }
-      return this.balances;
-    },
-
-    async changeBalance(amount: number, user: FG.User, sender: FG.User | undefined = undefined) {
-      const mainStore = useMainStore();
-      try {
-        const { data } = await api.put<FG.Transaction>(`/users/${user.userid}/balance`, {
-          amount,
-          user: user.userid,
-          sender: sender?.userid,
-        });
-        fixTransaction(data);
-        if (
-          user.userid === mainStore.currentUser.userid ||
-          sender?.userid === mainStore.currentUser.userid
-        )
-          this.transactions.push(data);
-        const f = this.balances.find((x) => x.userid === user.userid);
-        if (f) f.balance += amount;
-        if (sender) {
-          const f = this.balances.find((x) => x.userid === sender.userid);
-          if (f) f.balance += -1 * amount;
-        }
-        this._balances_dirty = 0;
-        return data;
-      } catch ({ response }) {
-        // Maybe Balance changed
-        if (response && (<AxiosResponse>response).status == 409) {
-          Notify.create({
-            type: 'negative',
-            group: false,
-            message: 'Das Limit wurde überschritten!',
-            timeout: 10000,
-            progress: true,
-            actions: [{ icon: 'mdi-close', color: 'white' }],
-          });
-          //void this.getTransactions(true);
-          void this.getBalance(sender ? sender : user);
-        }
-      }
-    },
-
-    async getTransactions(
-      user: FG.User,
-      filter:
-        | {
-            limit?: number;
-            offset?: number;
-            from?: Date;
-            to?: Date;
-            showReversals?: boolean;
-            showCancelled?: boolean;
-          }
-        | undefined = undefined
-    ) {
-      if (!filter) filter = { limit: 10 };
-      const { data } = await api.get<TransactionsResponse>(
-        `/users/${user.userid}/balance/transactions`,
-        { params: filter }
-      );
-      data.transactions.forEach((t) => fixTransaction(t));
-      if (data.transactions) this.transactions.push(...data.transactions);
-      return data;
-    },
-
-    async revert(transaction: FG.Transaction) {
-      try {
-        const { data } = await api.delete<FG.Transaction>(`/balance/${transaction.id}`);
-        fixTransaction(data);
-        const f = this.transactions.find((x) => x.id === transaction.id);
-        if (f) f.reversal_id = data.id;
-        this.transactions.push(data);
-        console.log(data);
-      } catch (error) {
-        // ...
-      }
-      this._balances_dirty = 0;
-    },
-  },
-});
diff --git a/src/plugins/pricelist/components/BuildManual/BuildManualVolume.vue b/src/plugins/pricelist/components/BuildManual/BuildManualVolume.vue
deleted file mode 100644
index 66b1fcd..0000000
--- a/src/plugins/pricelist/components/BuildManual/BuildManualVolume.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-  <q-carousel
-    v-model="volume"
-    transition-prev="slide-right"
-    transition-next="slide-left"
-    animated
-    swipeable
-    control-color="primary"
-    arrows
-  >
-    <q-carousel-slide v-for="volume in volumes" :key="volume.id" :name="volume.id">
-      <build-manual-volume-part :volume="volume" />
-    </q-carousel-slide>
-  </q-carousel>
-  <div class="full-width row justify-center q-pa-sm">
-    <div class="q-px-sm">
-      <q-btn-toggle v-model="volume" :options="btn_options" rounded />
-    </div>
-  </div>
-</template>
-<script lang="ts">
-import { defineComponent, PropType, ref, computed } from 'vue';
-import { DrinkPriceVolume } from '../../store';
-import BuildManualVolumePart from './BuildManualVolumePart.vue';
-export default defineComponent({
-  name: 'BuildManualVolume',
-  components: { BuildManualVolumePart },
-  props: {
-    volumes: {
-      type: Array as PropType<Array<DrinkPriceVolume>>,
-      required: true,
-    },
-  },
-  setup(props) {
-    const _volume = ref<number>();
-    const volume = computed({
-      get: () => {
-        if (_volume.value !== undefined) {
-          return _volume.value;
-        }
-        return props.volumes[0].id;
-      },
-      set: (val: number) => (_volume.value = val),
-    });
-    const options = computed(() => {
-      let ret: Array<{ label: number; value: number }> = [];
-      props.volumes.forEach((volume: DrinkPriceVolume) => {
-        ret.push({ label: volume.id, value: volume.id });
-      });
-      return ret;
-    });
-    const btn_options = computed<Array<{ label: string; value: number }>>(() => {
-      const retVal: Array<{ label: string; value: number }> = [];
-      props.volumes.forEach((volume: DrinkPriceVolume) => {
-        retVal.push({ label: `${(<number>volume.volume).toFixed(3)}L`, value: volume.id });
-      });
-      return retVal;
-    });
-    return { volume, options, btn_options };
-  },
-});
-</script>
diff --git a/src/plugins/pricelist/components/BuildManual/BuildManualVolumePart.vue b/src/plugins/pricelist/components/BuildManual/BuildManualVolumePart.vue
deleted file mode 100644
index 27e21ea..0000000
--- a/src/plugins/pricelist/components/BuildManual/BuildManualVolumePart.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-  <q-card-section>
-    <div class="text-h6">Zutaten</div>
-    <div v-for="ingredient in volume.ingredients" :key="ingredient.id">
-      <div v-if="ingredient.drink_ingredient">
-        <div class="full-width row q-gutter-sm q-py-sm">
-          <div class="col">
-            {{ name(ingredient.drink_ingredient?.ingredient_id) }}
-          </div>
-          <div class="col">
-            {{
-              ingredient.drink_ingredient?.volume
-                ? `${ingredient.drink_ingredient?.volume * 100} cl`
-                : ''
-            }}
-          </div>
-        </div>
-        <q-separator />
-      </div>
-    </div>
-    <div v-for="ingredient in volume.ingredients" :key="ingredient.id">
-      <div v-if="ingredient.extra_ingredient">
-        <div class="full-width row q-gutter-sm q-py-sm">
-          <div class="col">
-            {{ ingredient.extra_ingredient?.name }}
-          </div>
-          <div class="col"></div>
-        </div>
-        <q-separator />
-      </div>
-    </div>
-  </q-card-section>
-  <q-card-section>
-    <div class="text-h6">Preise</div>
-    <div class="full-width row q-gutter-sm justify-around">
-      <div v-for="price in volume.prices" :key="price.id">
-        <div class="text-body1">{{ price.price.toFixed(2) }}€</div>
-        <q-badge v-if="price.public" class="text-caption"> öffentlich </q-badge>
-        <div class="text-caption text-weight-thin">
-          {{ price.description }}
-        </div>
-      </div>
-    </div>
-  </q-card-section>
-</template>
-<script lang="ts">
-import { defineComponent, PropType } from 'vue';
-import { DrinkPriceVolume, usePricelistStore } from '../../store';
-export default defineComponent({
-  name: 'BuildManualVolumePart',
-  props: {
-    volume: {
-      type: Object as PropType<DrinkPriceVolume>,
-      required: true,
-    },
-  },
-  setup() {
-    const store = usePricelistStore();
-    function name(id: number) {
-      return store.drinks.find((a) => a.id === id)?.name;
-    }
-    return { name };
-  },
-});
-</script>
diff --git a/src/plugins/pricelist/components/CalculationTable.vue b/src/plugins/pricelist/components/CalculationTable.vue
deleted file mode 100644
index 80e92cd..0000000
--- a/src/plugins/pricelist/components/CalculationTable.vue
+++ /dev/null
@@ -1,512 +0,0 @@
-<template>
-  <q-table
-    v-model:pagination="pagination"
-    title="Preistabelle"
-    :columns="columns"
-    :rows="drinks"
-    dense
-    :filter="search"
-    :filter-method="filter"
-    grid
-    :rows-per-page-options="[0]"
-  >
-    <template #top-right>
-      <div class="row justify-end q-gutter-sm">
-        <search-input v-model="search" :keys="search_keys" />
-        <slot></slot>
-        <q-btn v-if="!public && !nodetails" label="Aufpreise">
-          <q-menu anchor="center middle" self="center middle">
-            <min-price-setting />
-          </q-menu>
-        </q-btn>
-        <q-btn
-          v-if="!public && !nodetails && editable && hasPermission(PERMISSIONS.CREATE)"
-          color="primary"
-          round
-          icon="mdi-plus"
-          @click="newDrink"
-        >
-          <q-tooltip> Neues Getränk </q-tooltip>
-        </q-btn>
-      </div>
-    </template>
-    <template #item="props">
-      <div class="q-pa-xs col-xs-12 col-sm-6 col-md-4">
-        <q-card>
-          <q-img style="max-height: 256px" :src="image(props.row.uuid)">
-            <div
-              v-if="!public && !nodetails && editable"
-              class="absolute-top-right justify-end"
-              style="background-color: transparent"
-            >
-              <q-btn
-                round
-                icon="mdi-pencil"
-                style="background-color: rgba(0, 0, 0, 0.5)"
-                @click="editDrink = props.row"
-              />
-            </div>
-            <div class="absolute-bottom-right justify-end">
-              <div class="text-subtitle1 text-right">
-                {{ props.row.name }}
-              </div>
-              <div class="text-caption text-right">
-                {{ props.row.type.name }}
-              </div>
-            </div>
-          </q-img>
-          <q-card-section>
-            <q-badge
-              v-for="tag in props.row.tags"
-              :key="`${props.row.id}-${tag.id}`"
-              class="text-caption"
-              rounded
-              :style="`background-color: ${tag.color}`"
-            >
-              {{ tag.name }}
-            </q-badge>
-          </q-card-section>
-          <q-card-section v-if="!public && !nodetails">
-            <div class="fit row">
-              <q-input
-                v-if="props.row.article_id"
-                class="col-xs-12 col-sm-6 q-pa-sm"
-                :model-value="props.row.article_id"
-                outlined
-                readonly
-                label="Artikelnummer"
-                dense
-              />
-              <q-input
-                v-if="props.row.volume"
-                class="col-xs-12 col-sm-6 q-pa-sm"
-                :model-value="props.row.volume"
-                outlined
-                readonly
-                label="Inhalt"
-                dense
-                suffix="L"
-              />
-              <q-input
-                v-if="props.row.package_size"
-                class="col-xs-12 col-sm-6 q-pa-sm"
-                :model-value="props.row.package_size"
-                outlined
-                readonly
-                label="Gebindegröße"
-                dense
-              />
-              <q-input
-                v-if="props.row.cost_per_package"
-                class="col-xs-12 col-sm-6 q-pa-sm"
-                :model-value="props.row.cost_per_package"
-                outlined
-                readonly
-                label="Preis Gebinde"
-                suffix="€"
-                dense
-              />
-              <q-input
-                v-if="props.row.cost_per_volume"
-                class="col-xs-12 col-sm-6 q-pa-sm q-pb-lg"
-                :model-value="props.row.cost_per_volume"
-                outlined
-                readonly
-                label="Preis pro L"
-                hint="Inkl. 19% Mehrwertsteuer"
-                suffix="€"
-                dense
-              />
-            </div>
-          </q-card-section>
-          <q-card-section v-if="props.row.volumes.length > 0 && notLoading">
-            <drink-price-volumes
-              :model-value="props.row.volumes"
-              :public="public"
-              :nodetails="nodetails"
-            />
-          </q-card-section>
-        </q-card>
-      </div>
-    </template>
-  </q-table>
-  <q-dialog :model-value="editDrink !== undefined" persistent>
-    <drink-modify
-      :drink="editDrink"
-      @save="editing_drink"
-      @cancel="editDrink = undefined"
-      @delete="deleteDrink"
-    />
-  </q-dialog>
-</template>
-
-<script lang="ts">
-import { defineComponent, onBeforeMount, ComputedRef, computed, ref } from 'vue';
-import { Drink, usePricelistStore, DrinkPriceVolume } from 'src/plugins/pricelist/store';
-import MinPriceSetting from 'src/plugins/pricelist/components/MinPriceSetting.vue';
-import SearchInput from './SearchInput.vue';
-import DrinkPriceVolumes from 'src/plugins/pricelist/components/CalculationTable/DrinkPriceVolumes.vue';
-import DrinkModify from './DrinkModify.vue';
-import { filter, Search } from '../utils/filter';
-import { Notify } from 'quasar';
-import { sort } from '../utils/sort';
-import { DeleteObjects } from 'src/plugins/pricelist/utils/utils';
-import { hasPermission } from 'src/utils/permission';
-import { PERMISSIONS } from 'src/plugins/pricelist/permissions';
-import { baseURL } from 'src/config';
-
-export default defineComponent({
-  name: 'CalculationTable',
-  components: {
-    SearchInput,
-    MinPriceSetting,
-    DrinkPriceVolumes,
-    DrinkModify,
-  },
-  props: {
-    public: {
-      type: Boolean,
-      default: false,
-    },
-    editable: {
-      type: Boolean,
-      default: false,
-    },
-    nodetails: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  setup(props) {
-    const store = usePricelistStore();
-
-    onBeforeMount(() => {
-      void store.getDrinks();
-    });
-
-    const columns = [
-      {
-        name: 'picture',
-        label: 'Bild',
-      },
-      {
-        name: 'name',
-        label: 'Name',
-        field: 'name',
-        sortable: true,
-        sort,
-        filterable: true,
-        public: true,
-      },
-
-      {
-        name: 'drink_type',
-        label: 'Kategorie',
-        field: 'type',
-        format: (val: FG.DrinkType) => `${val.name}`,
-        sortable: true,
-        sort: (a: FG.DrinkType, b: FG.DrinkType) => sort(a.name, b.name),
-        filterable: true,
-        public: true,
-      },
-      {
-        name: 'tags',
-        label: 'Tags',
-        field: 'tags',
-        format: (val: Array<FG.Tag>) => {
-          let retVal = '';
-          val.forEach((tag, index) => {
-            if (index > 0) {
-              retVal += ', ';
-            }
-            retVal += tag.name;
-          });
-          return retVal;
-        },
-        filterable: true,
-        public: true,
-      },
-      {
-        name: 'article_id',
-        label: 'Artikelnummer',
-        field: 'article_id',
-        sortable: true,
-        sort,
-        filterable: true,
-        public: false,
-      },
-      {
-        name: 'volume_package',
-        label: 'Inhalt in l des Gebinde',
-        field: 'volume',
-        sortable: true,
-        sort,
-        public: false,
-      },
-      {
-        name: 'package_size',
-        label: 'Gebindegröße',
-        field: 'package_size',
-        sortable: true,
-        sort,
-        public: false,
-      },
-      {
-        name: 'cost_per_package',
-        label: 'Preis Netto/Gebinde',
-        field: 'cost_per_package',
-        format: (val: number | null) => (val ? `${val.toFixed(3)}€` : ''),
-        sortable: true,
-        sort,
-        public: false,
-      },
-      {
-        name: 'cost_per_volume',
-        label: 'Preis mit 19%/Liter',
-        field: 'cost_per_volume',
-        format: (val: number | null) => (val ? `${val.toFixed(3)}€` : ''),
-        sortable: true,
-        sort: (a: ComputedRef, b: ComputedRef) => sort(a.value, b.value),
-      },
-      {
-        name: 'volumes',
-        label: 'Preiskalkulation',
-        field: 'volumes',
-        format: (val: Array<DrinkPriceVolume>) => {
-          let retVal = '';
-          val.forEach((val, index) => {
-            if (index > 0) {
-              retVal += ', ';
-            }
-            retVal += val.id;
-          });
-          return retVal;
-        },
-        sortable: false,
-      },
-      {
-        name: 'receipt',
-        label: 'Bauanleitung',
-        field: 'receipt',
-        format: (val: Array<string>) => {
-          let retVal = '';
-          val.forEach((value, index) => {
-            if (index > 0) {
-              retVal += ', ';
-            }
-            retVal += value;
-          });
-          return retVal;
-        },
-        filterable: true,
-        sortable: false,
-        public: false,
-      },
-    ];
-    const column_calc = [
-      {
-        name: 'volume',
-        label: 'Abgabe in l',
-        field: 'volume',
-      },
-      {
-        name: 'min_prices',
-        label: 'Minimal Preise',
-        field: 'min_prices',
-      },
-      {
-        name: 'prices',
-        label: 'Preise',
-        field: 'prices',
-      },
-    ];
-    const column_prices = [
-      {
-        name: 'price',
-        label: 'Preis',
-        field: 'price',
-        format: (val: number) => `${val.toFixed(2)}€`,
-      },
-      {
-        name: 'description',
-        label: 'Beschreibung',
-        field: 'description',
-      },
-      {
-        name: 'public',
-        label: 'Öffentlich',
-        field: 'public',
-      },
-    ];
-
-    const search_keys = computed(() =>
-      columns.filter(
-        (column) => column.filterable && (props.public || props.nodetails ? column.public : true)
-      )
-    );
-
-    const pagination = ref({
-      sortBy: 'name',
-      descending: false,
-      rowsPerPage: store.drinks.length,
-    });
-
-    const drinkTypes = computed(() => store.drinkTypes);
-
-    function updateDrink(drink: Drink) {
-      void store.updateDrink(drink);
-    }
-
-    function deleteDrink() {
-      if (editDrink.value) {
-        store.deleteDrink(editDrink.value);
-      }
-      editDrink.value = undefined;
-    }
-
-    const showNewDrink = ref(false);
-
-    const drinkPic = ref<File>();
-
-    function onPictureRejected() {
-      Notify.create({
-        group: false,
-        type: 'negative',
-        message: 'Datei zu groß oder keine gültige Bilddatei.',
-        timeout: 10000,
-        progress: true,
-        actions: [{ icon: 'mdi-close', color: 'white' }],
-      });
-      drinkPic.value = undefined;
-    }
-
-    async function savePicture(drinkPic: File) {
-      if (editDrink.value) {
-        await store.upload_drink_picture(editDrink.value, drinkPic).catch((response: Response) => {
-          if (response && response.status == 400) {
-            onPictureRejected();
-          }
-        });
-      }
-    }
-
-    async function deletePicture() {
-      if (editDrink.value) {
-        await store.delete_drink_picture(editDrink.value);
-      }
-    }
-
-    const search = ref<Search>({
-      value: '',
-      key: '',
-      label: '',
-    });
-
-    const emptyDrink: Drink = {
-      id: -1,
-      article_id: undefined,
-      package_size: undefined,
-      name: '',
-      volume: undefined,
-      cost_per_volume: undefined,
-      cost_per_package: undefined,
-      tags: [],
-      type: undefined,
-      volumes: [],
-      uuid: '',
-    };
-
-    function newDrink() {
-      editDrink.value = Object.assign({}, emptyDrink);
-    }
-
-    const editDrink = ref<Drink>();
-
-    async function editing_drink(
-      drink: Drink,
-      toDeleteObjects: DeleteObjects,
-      drinkPic: File | undefined,
-      deletePic: boolean
-    ) {
-      notLoading.value = false;
-      for (const ingredient of toDeleteObjects.ingredients) {
-        await store.deleteIngredient(ingredient);
-      }
-      for (const price of toDeleteObjects.prices) {
-        await store.deletePrice(price);
-      }
-      for (const volume of toDeleteObjects.volumes) {
-        await store.deleteVolume(volume, drink);
-      }
-      if (drink.id > 0) {
-        await store.updateDrink(drink);
-      } else {
-        const _drink = await store.setDrink(drink);
-        if (editDrink.value) {
-          editDrink.value.id = _drink.id;
-        }
-      }
-      if (deletePic) {
-        await deletePicture();
-      }
-      if (drinkPic instanceof File) {
-        await savePicture(drinkPic);
-      }
-      editDrink.value = undefined;
-      notLoading.value = true;
-    }
-
-    function get_volumes(drink_id: number) {
-      return store.drinks.find((a) => a.id === drink_id)?.volumes;
-    }
-
-    const notLoading = ref(true);
-
-    const imageloading = ref<Array<{ id: number; loading: boolean }>>([]);
-    function getImageLoading(id: number) {
-      const loading = imageloading.value.find((a) => a.id === id);
-      if (loading) {
-        return loading.loading;
-      }
-      return false;
-    }
-
-    function image(uuid: string | undefined) {
-      if (uuid) {
-        return `${baseURL.value}/pricelist/picture/${uuid}?size=256`;
-      }
-      return 'no-image.svg';
-    }
-
-    return {
-      drinks: computed(() => store.drinks),
-      pagination,
-      columns,
-      column_calc,
-      column_prices,
-      drinkTypes,
-      updateDrink,
-      deleteDrink,
-      showNewDrink,
-      drinkPic,
-      savePicture,
-      deletePicture,
-      search,
-      filter,
-      search_keys,
-      tags: computed(() => store.tags),
-      editDrink,
-      editing_drink,
-      get_volumes,
-      notLoading,
-      getImageLoading,
-      newDrink,
-      hasPermission,
-      PERMISSIONS,
-      image,
-    };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/pricelist/components/CalculationTable/BuildManual.vue b/src/plugins/pricelist/components/CalculationTable/BuildManual.vue
deleted file mode 100644
index b3e746a..0000000
--- a/src/plugins/pricelist/components/CalculationTable/BuildManual.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <div
-    v-for="(step, index) in steps"
-    :key="index"
-    class="full-width row q-gutter-sm justify-between q-py-sm"
-  >
-    <div class="row">
-      <div>{{ index + 1 }}.</div>
-      <div class="q-pl-sm">
-        {{ step }}
-      </div>
-    </div>
-    <q-btn
-      v-if="editable"
-      round
-      color="negative"
-      size="sm"
-      icon="mdi-delete"
-      @click="deleteStep(index)"
-    />
-  </div>
-  <div v-if="editable" class="full-width row q-gutter-sm justify-between">
-    <q-input v-model="newStep" filled label="Arbeitsschritt" dense />
-    <q-btn label="Schritt hinzufügen" dense @click="addStep" />
-  </div>
-</template>
-
-<script lang="ts">
-import { PropType, defineComponent, ref } from 'vue';
-export default defineComponent({
-  name: 'BuildManual',
-  props: {
-    steps: {
-      type: Array as PropType<Array<string>>,
-      default: undefined,
-    },
-    editable: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  emits: {
-    deleteStep: (index: number) => index,
-    addStep: (val: string) => val,
-  },
-  setup(_, { emit }) {
-    const newStep = ref('');
-    function deleteStep(index: number) {
-      emit('deleteStep', index);
-    }
-    function addStep() {
-      emit('addStep', newStep.value);
-      newStep.value = '';
-    }
-    return { newStep, addStep, deleteStep };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/pricelist/components/CalculationTable/DrinkPriceVolumes.vue b/src/plugins/pricelist/components/CalculationTable/DrinkPriceVolumes.vue
deleted file mode 100644
index d7dca5f..0000000
--- a/src/plugins/pricelist/components/CalculationTable/DrinkPriceVolumes.vue
+++ /dev/null
@@ -1,340 +0,0 @@
-<template>
-  <q-carousel
-    v-model="volume"
-    transition-prev="slide-right"
-    transition-next="slide-left"
-    animated
-    swipeable
-    control-color="primary"
-    arrows
-    :keep-alive="false"
-  >
-    <q-carousel-slide v-for="volume in volumes" :key="volume.id" :name="volume.id">
-      <div class="full-width row">
-        <q-input
-          v-model.number="volume._volume"
-          class="q-pa-sm col-10"
-          :outlined="!editable || !volume_can_edit"
-          :filled="editable && volume_can_edit"
-          :readonly="!editable || !volume_can_edit"
-          dense
-          label="Inhalt"
-          mask="#.###"
-          fill-mask="0"
-          suffix="L"
-          min="0"
-          step="0.001"
-          @update:model-value="updateVolume(volume)"
-        />
-        <div
-          v-if="deleteable && editable && hasPermission(PERMISSIONS.DELETE_VOLUME)"
-          class="q-pa-sm col-2 text-right"
-        >
-          <q-btn round icon="mdi-delete" size="sm" color="negative" @click="deleteVolume">
-            <q-tooltip> Abgabe entfernen </q-tooltip>
-          </q-btn>
-        </div>
-      </div>
-      <div v-if="!public && !nodetails" class="full-width row q-gutter-sm q-pa-sm justify-around">
-        <div v-for="(min_price, index) in volume.min_prices" :key="index">
-          <q-badge class="text-body1" color="primary"> {{ min_price.percentage }}% </q-badge>
-          <div class="text-body1">{{ min_price.price.toFixed(3) }}€</div>
-        </div>
-      </div>
-      <div class="q-pa-sm">
-        <div v-for="(price, index) in volume.prices" :key="price.id">
-          <div class="fit row justify-around q-py-sm">
-            <div
-              v-if="!editable || !hasPermission(PERMISSIONS.EDIT_PRICE)"
-              class="text-body1 col-3"
-            >
-              {{ price.price.toFixed(2) }}€
-            </div>
-            <q-input
-              v-else
-              v-model.number="price.price"
-              class="col-3"
-              type="number"
-              min="0"
-              step="0.01"
-              suffix="€"
-              filled
-              dense
-              label="Preis"
-              @update:model-value="change"
-            />
-            <div class="text-body1 col-2">
-              <q-toggle
-                v-model="price.public"
-                :disable="!editable || !hasPermission(PERMISSIONS.EDIT_PRICE)"
-                checked-icon="mdi-earth"
-                unchecked-icon="mdi-earth-off"
-                @update:model-value="change"
-              />
-            </div>
-            <div
-              v-if="!editable || !hasPermission(PERMISSIONS.EDIT_PRICE)"
-              class="text-body1 col-5"
-            >
-              {{ price.description }}
-            </div>
-            <q-input
-              v-else
-              v-model="price.description"
-              class="col-5"
-              filled
-              dense
-              label="Beschreibung"
-              @update:model-value="change"
-            />
-            <div v-if="editable && hasPermission(PERMISSIONS.DELETE_PRICE)" class="col-1">
-              <q-btn round icon="mdi-delete" color="negative" size="xs" @click="deletePrice(price)">
-                <q-tooltip> Preis entfernen </q-tooltip>
-              </q-btn>
-            </div>
-          </div>
-          <q-separator v-if="index < volume.prices.length - 1" />
-        </div>
-        <div
-          v-if="!public && !nodetails && isUnderMinPrice"
-          class="fit warning bg-red text-center text-white text-body1"
-        >
-          Einer der Preise ist unterhalb des niedrigsten minimal Preises.
-        </div>
-        <div
-          v-if="editable && hasPermission(PERMISSIONS.EDIT_PRICE)"
-          class="full-width row justify-end text-right"
-        >
-          <q-btn round icon="mdi-plus" size="sm" color="primary">
-            <q-tooltip> Preis hinzufügen </q-tooltip>
-            <q-menu anchor="center middle" self="center middle">
-              <new-price @save="addPrice" />
-            </q-menu>
-          </q-btn>
-        </div>
-      </div>
-      <div class="q-pa-sm">
-        <ingredients
-          v-if="!public && !costPerVolume"
-          v-model="volume.ingredients"
-          :editable="editable && hasPermission(PERMISSIONS.EDIT_INGREDIENTS_DRINK)"
-          @update="updateVolume(volume)"
-          @delete-ingredient="deleteIngredient"
-        />
-      </div>
-    </q-carousel-slide>
-  </q-carousel>
-  <div class="full-width row justify-center q-pa-sm">
-    <div class="q-px-sm">
-      <q-btn-toggle v-model="volume" :options="options" rounded />
-    </div>
-    <div v-if="editable" class="q-px-sm">
-      <q-btn class="q-px-sm" round icon="mdi-plus" color="primary" size="sm" @click="newVolume">
-        <q-tooltip> Abgabe hinzufügen </q-tooltip>
-      </q-btn>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, PropType, ref, onBeforeMount } from 'vue';
-import { DrinkPriceVolume } from 'src/plugins/pricelist/store';
-import Ingredients from 'src/plugins/pricelist/components/CalculationTable/Ingredients.vue';
-import NewPrice from 'src/plugins/pricelist/components/CalculationTable/NewPrice.vue';
-import { calc_volume, clone } from '../../utils/utils';
-import { hasPermission } from 'src/utils/permission';
-import { PERMISSIONS } from '../../permissions';
-
-export default defineComponent({
-  name: 'DrinkPriceVolume',
-  components: { Ingredients, NewPrice },
-  props: {
-    modelValue: {
-      type: Array as PropType<Array<DrinkPriceVolume>>,
-      required: true,
-    },
-    costPerVolume: {
-      type: undefined,
-      default: undefined,
-    },
-    editable: {
-      type: Boolean,
-      default: false,
-    },
-    public: {
-      type: Boolean,
-      default: false,
-    },
-    nodetails: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  emits: {
-    'update:modelValue': (val: Array<DrinkPriceVolume>) => val,
-    update: (val: number) => val,
-    'delete-volume': (val: DrinkPriceVolume) => val,
-    'delete-price': (val: FG.DrinkPrice) => val,
-    'delete-ingredient': (val: FG.Ingredient) => val,
-  },
-  setup(props, { emit }) {
-    onBeforeMount(() => {
-      //volumes.value = <Array<DrinkPriceVolume>>JSON.parse(JSON.stringify(props.modelValue));
-      volumes.value = clone(props.modelValue);
-    });
-    const volumes = ref<Array<DrinkPriceVolume>>([]);
-    const _volume = ref<number | undefined>();
-    const volume = computed<number | undefined>({
-      get: () => {
-        if (_volume.value !== undefined) {
-          return _volume.value;
-        }
-        if (volumes.value.length > 0) {
-          return volumes.value[0].id;
-        }
-        return undefined;
-      },
-      set: (val: number | undefined) => (_volume.value = val),
-    });
-    const edit_volume = computed(() => {
-      return volumes.value.find((a) => a.id === volume.value);
-    });
-    const options = computed<Array<{ label: string; value: number }>>(() => {
-      const retVal: Array<{ label: string; value: number }> = [];
-      volumes.value.forEach((volume: DrinkPriceVolume) => {
-        retVal.push({ label: `${(<number>volume.volume).toFixed(3)}L`, value: volume.id });
-      });
-      return retVal;
-    });
-
-    function updateVolume(_volume: DrinkPriceVolume) {
-      const index = volumes.value.findIndex((a) => a.id === _volume.id);
-      if (index > -1) {
-        volumes.value[index].volume = calc_volume(_volume);
-        volumes.value[index]._volume = <number>volumes.value[index].volume;
-      }
-      change();
-      setTimeout(() => {
-        emit('update', index);
-      }, 50);
-    }
-
-    const volume_can_edit = computed(() => {
-      if (edit_volume.value) {
-        return !edit_volume.value.ingredients.some((ingredient) => ingredient.drink_ingredient);
-      }
-      return true;
-    });
-
-    const newVolumeId = ref(-1);
-
-    function newVolume() {
-      const new_volume: DrinkPriceVolume = {
-        id: newVolumeId.value,
-        _volume: 0,
-        volume: 0,
-        prices: [],
-        ingredients: [],
-        min_prices: [],
-      };
-      newVolumeId.value--;
-      volumes.value.push(new_volume);
-      change();
-      _volume.value = volumes.value[volumes.value.length - 1].id;
-    }
-
-    function deleteVolume() {
-      if (edit_volume.value) {
-        if (edit_volume.value.id > 0) {
-          emit('delete-volume', edit_volume.value);
-        }
-        const index = volumes.value.findIndex((a) => a.id === edit_volume.value?.id);
-        if (index > -1) {
-          _volume.value = volumes.value[0].id;
-          volumes.value.splice(index, 1);
-        }
-      }
-    }
-
-    const deleteable = computed(() => {
-      if (edit_volume.value) {
-        const has_ingredients = edit_volume.value.ingredients.length > 0;
-        const has_prices = edit_volume.value.prices.length > 0;
-
-        return !(has_ingredients || has_prices);
-      }
-      return true;
-    });
-
-    function addPrice(price: FG.DrinkPrice) {
-      if (edit_volume.value) {
-        edit_volume.value.prices.push(price);
-        change();
-      }
-    }
-
-    function deletePrice(price: FG.DrinkPrice) {
-      if (edit_volume.value) {
-        const index = edit_volume.value.prices.findIndex((a) => a.id === price.id);
-        if (index > -1) {
-          if (edit_volume.value.prices[index].id > 0) {
-            emit('delete-price', edit_volume.value.prices[index]);
-            change();
-          }
-          edit_volume.value.prices.splice(index, 1);
-        }
-      }
-    }
-
-    function deleteIngredient(ingredient: FG.Ingredient) {
-      emit('delete-ingredient', ingredient);
-    }
-
-    function change() {
-      emit('update:modelValue', volumes.value);
-    }
-
-    const isUnderMinPrice = computed(() => {
-      if (volumes.value) {
-        const this_volume = volumes.value.find((a) => a.id === volume.value);
-        if (this_volume) {
-          if (this_volume.min_prices.length > 0) {
-            const min_price = this_volume.min_prices.sort((a, b) => {
-              if (a.price > b.price) return 1;
-              if (a.price < b.price) return -1;
-              return 0;
-            })[0];
-            console.log('min_price', min_price);
-            return this_volume.prices.some((a) => a.price < min_price.price);
-          }
-        }
-      }
-      return false;
-    });
-
-    return {
-      volumes,
-      volume,
-      options,
-      updateVolume,
-      volume_can_edit,
-      newVolume,
-      deleteable,
-      addPrice,
-      deletePrice,
-      deleteVolume,
-      deleteIngredient,
-      change,
-      isUnderMinPrice,
-      hasPermission,
-      PERMISSIONS,
-    };
-  },
-});
-</script>
-
-<style scoped>
-.warning {
-  border-radius: 5px;
-}
-</style>
diff --git a/src/plugins/pricelist/components/CalculationTable/Ingredients.vue b/src/plugins/pricelist/components/CalculationTable/Ingredients.vue
deleted file mode 100644
index 7090199..0000000
--- a/src/plugins/pricelist/components/CalculationTable/Ingredients.vue
+++ /dev/null
@@ -1,271 +0,0 @@
-<template>
-  <div class="full-width">
-    <div
-      v-for="ingredient in edit_ingredients"
-      :key="`ingredient:${ingredient.id}`"
-      class="full-width row justify-evenly q-py-xs"
-    >
-      <div class="full-width row justify-evenly">
-        <div v-if="ingredient.drink_ingredient" class="col">
-          <div class="full-width row justify-evenly q-py-xs">
-            <div class="col">
-              {{ get_drink_ingredient_name(ingredient.drink_ingredient.ingredient_id) }}
-              <q-popup-edit
-                v-if="editable"
-                v-slot="scope"
-                v-model="ingredient.drink_ingredient.ingredient_id"
-                buttons
-                label-cancel="Abbrechen"
-                label-set="Speichern"
-                @save="updateValue"
-              >
-                <q-select
-                  v-model="scope.ingredient_id"
-                  class="col q-px-sm"
-                  label="Getränk"
-                  filled
-                  dense
-                  :options="drinks"
-                  option-label="name"
-                  option-value="id"
-                  emit-value
-                  map-options
-                />
-              </q-popup-edit>
-            </div>
-            <div class="col">
-              {{ ingredient.drink_ingredient.volume.toFixed(3) }}L
-              <q-popup-edit
-                v-if="editable"
-                v-slot="scope"
-                v-model="ingredient.drink_ingredient.volume"
-                buttons
-                label-cancel="Abbrechen"
-                label-set="Speichern"
-                @save="updateValue"
-              >
-                <q-input
-                  v-model.number="scope.value"
-                  class="col q-px-sm"
-                  label="Volume"
-                  type="number"
-                  filled
-                  dense
-                  suffix="L"
-                  step="0.01"
-                  min="0"
-                />
-              </q-popup-edit>
-            </div>
-          </div>
-        </div>
-        <div v-else-if="ingredient.extra_ingredient" class="col">
-          <div class="full-width row justify-evenly q-py-xs">
-            <div class="col">
-              {{ ingredient.extra_ingredient.name }}
-            </div>
-            <div class="col">{{ ingredient.extra_ingredient.price.toFixed(3) }}€</div>
-          </div>
-          <q-popup-edit
-            v-if="editable"
-            v-model="ingredient.extra_ingredient"
-            buttons
-            label-cancel="Abbrechen"
-            label-set="Speichern"
-            @save="updateValue"
-          >
-            <q-select
-              v-model="ingredient.extra_ingredient"
-              filled
-              dense
-              :options="extra_ingredients"
-              option-label="name"
-            />
-          </q-popup-edit>
-        </div>
-        <div v-if="editable" class="col-1 row justify-end q-pa-xs">
-          <q-btn
-            icon="mdi-delete"
-            round
-            size="xs"
-            color="negative"
-            @click="deleteIngredient(ingredient)"
-          >
-            <q-tooltip> Zutat entfernen </q-tooltip>
-          </q-btn>
-        </div>
-      </div>
-      <q-separator />
-    </div>
-    <div v-if="editable" class="full-width row justify-end q-py-xs">
-      <q-btn size="sm" round icon="mdi-plus" color="primary">
-        <q-tooltip> Neue Zutat hinzufügen </q-tooltip>
-        <q-menu anchor="center middle" self="center middle" persistent>
-          <div class="full-width row justify-around q-gutter-sm q-pa-sm">
-            <div class="col">
-              <q-select
-                v-model="newIngredient"
-                filled
-                dense
-                label="Zutat"
-                :options="[...drinks, ...extra_ingredients]"
-                option-label="name"
-              />
-            </div>
-            <div class="col">
-              <q-slide-transition>
-                <q-input
-                  v-if="newIngredient && newIngredient.volume"
-                  v-model.number="newIngredientVolume"
-                  filled
-                  dense
-                  label="Volume"
-                  type="number"
-                  step="0.01"
-                  min="0"
-                  suffix="L"
-                />
-              </q-slide-transition>
-              <q-slide-transition>
-                <q-input
-                  v-if="newIngredient && newIngredient.price"
-                  v-model="newIngredient.price"
-                  filled
-                  dense
-                  label="Preis"
-                  disable
-                  min="0"
-                  step="0.1"
-                  fill-mask="0"
-                  mask="#.##"
-                  suffix="€"
-                />
-              </q-slide-transition>
-            </div>
-          </div>
-          <div class="full-width row justify-around q-gutter-sm q-pa-sm">
-            <q-btn v-close-popup flat label="Abbrechen" @click="cancelAddIngredient" />
-            <q-btn v-close-popup flat label="Speichern" color="primary" @click="addIngredient" />
-          </div>
-        </q-menu>
-      </q-btn>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, PropType, ref, onBeforeMount, unref } from 'vue';
-import { usePricelistStore } from '../../store';
-import { clone } from '../../utils/utils';
-
-export default defineComponent({
-  name: 'Ingredients',
-  props: {
-    modelValue: {
-      type: Object as PropType<Array<FG.Ingredient>>,
-      required: true,
-    },
-    editable: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  emits: {
-    'update:modelValue': (val: Array<FG.Ingredient>) => val,
-    update: () => true,
-    'delete-ingredient': (val: FG.Ingredient) => val,
-  },
-  setup(props, { emit }) {
-    onBeforeMount(() => {
-      //edit_ingredients.value = <Array<FG.Ingredient>>JSON.parse(JSON.stringify(props.modelValue))
-      //edit_ingredients.value = props.modelValue
-      edit_ingredients.value = clone(props.modelValue);
-    });
-
-    const store = usePricelistStore();
-
-    const edit_ingredients = ref<Array<FG.Ingredient>>([]);
-    const newIngredient = ref<FG.Drink | FG.ExtraIngredient>();
-    const newIngredientVolume = ref<number>(0);
-    function addIngredient() {
-      let _ingredient: FG.Ingredient;
-      if ((<FG.Drink>newIngredient.value)?.volume && newIngredient.value) {
-        _ingredient = {
-          id: -1,
-          drink_ingredient: {
-            id: -1,
-            ingredient_id: newIngredient.value.id,
-            volume: newIngredientVolume.value,
-          },
-          extra_ingredient: undefined,
-        };
-      } else {
-        _ingredient = {
-          id: -1,
-          drink_ingredient: undefined,
-          extra_ingredient: <FG.ExtraIngredient>newIngredient.value,
-        };
-      }
-      edit_ingredients.value.push(_ingredient);
-      emit('update:modelValue', unref(edit_ingredients));
-      update();
-      cancelAddIngredient();
-    }
-
-    function updateValue(value: number, initValue: number) {
-      console.log('updateValue', value, initValue);
-      emit('update:modelValue', unref(edit_ingredients));
-      update();
-    }
-
-    function cancelAddIngredient() {
-      setTimeout(() => {
-        (newIngredient.value = undefined), (newIngredientVolume.value = 0);
-      }, 200);
-    }
-    function deleteIngredient(ingredient: FG.Ingredient) {
-      const index = edit_ingredients.value.findIndex((a) => a.id === ingredient.id);
-      if (index > -1) {
-        if (edit_ingredients.value[index].id > 0) {
-          emit('delete-ingredient', edit_ingredients.value[index]);
-        }
-        edit_ingredients.value.splice(index, 1);
-      }
-      emit('update:modelValue', unref(edit_ingredients));
-      update();
-    }
-    const drinks = computed(() =>
-      store.drinks.filter((drink) => {
-        console.log('computed drinks', drink.name, drink.cost_per_volume);
-        return drink.cost_per_volume;
-      })
-    );
-    const extra_ingredients = computed(() => store.extraIngredients);
-
-    function get_drink_ingredient_name(id: number) {
-      return store.drinks.find((a) => a.id === id)?.name;
-    }
-
-    function update() {
-      setTimeout(() => {
-        emit('update');
-      }, 50);
-    }
-
-    return {
-      addIngredient,
-      drinks,
-      extra_ingredients,
-      newIngredient,
-      newIngredientVolume,
-      cancelAddIngredient,
-      updateValue,
-      deleteIngredient,
-      get_drink_ingredient_name,
-      edit_ingredients,
-    };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/pricelist/components/CalculationTable/NewPrice.vue b/src/plugins/pricelist/components/CalculationTable/NewPrice.vue
deleted file mode 100644
index 978736b..0000000
--- a/src/plugins/pricelist/components/CalculationTable/NewPrice.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-  <div class="row justify-around q-pa-sm">
-    <q-input
-      v-model.number="newPrice.price"
-      dense
-      filled
-      class="q-px-sm"
-      type="number"
-      label="Preis"
-      suffix="€"
-      min="0"
-      step="0.1"
-    />
-    <q-input
-      v-model="newPrice.description"
-      dense
-      filled
-      class="q-px-sm"
-      label="Beschreibung"
-      clearable
-    />
-    <q-toggle v-model="newPrice.public" dense class="q-px-sm" label="Öffentlich" />
-  </div>
-  <div class="row justify-between q-pa-sm">
-    <q-btn v-close-popup label="Abbrechen" @click="cancelAddPrice" />
-    <q-btn v-close-popup label="Speichern" color="primary" @click="addPrice(row)" />
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
-export default defineComponent({
-  name: 'NewPrice',
-  emits: {
-    save: (val: FG.DrinkPrice) => val,
-  },
-  setup(_, { emit }) {
-    const emptyPrice: FG.DrinkPrice = {
-      id: -1,
-      price: 0,
-      description: '',
-      public: true,
-    };
-    const newPrice = ref(emptyPrice);
-    function addPrice() {
-      emit('save', newPrice.value);
-      cancelAddPrice();
-    }
-    function cancelAddPrice() {
-      setTimeout(() => {
-        newPrice.value = emptyPrice;
-      }, 200);
-    }
-    return { newPrice, addPrice, cancelAddPrice };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/pricelist/components/DrinkModify.vue b/src/plugins/pricelist/components/DrinkModify.vue
deleted file mode 100644
index d5c1bc2..0000000
--- a/src/plugins/pricelist/components/DrinkModify.vue
+++ /dev/null
@@ -1,354 +0,0 @@
-<template>
-  <q-card>
-    <q-card-section>
-      <div class="text-h6">Getränk Bearbeiten</div>
-    </q-card-section>
-    <q-card-section>
-      <div class="full-width row">
-        <q-input
-          v-model="edit_drink.name"
-          class="col-xs-12 col-sm-6 q-pa-sm"
-          filled
-          label="Name"
-          dense
-        />
-        <q-select
-          v-model="edit_drink.type"
-          class="col-xs-12 col-sm-6 q-pa-sm"
-          filled
-          label="Kategorie"
-          dense
-          :options="types"
-          option-label="name"
-        />
-      </div>
-    </q-card-section>
-    <q-card-section>
-      <q-img :src="image" style="max-height: 256px" fit="contain" />
-      <div class="full-width row">
-        <div class="col-10 q-pa-sm">
-          <q-file
-            v-model="drinkPic"
-            filled
-            clearable
-            dense
-            @update:model-value="imagePreview"
-            @clear="imgsrc = undefined"
-          >
-            <template #prepend>
-              <q-icon name="mdi-image" />
-            </template>
-          </q-file>
-        </div>
-        <div class="col-2 q-pa-sm text-right">
-          <q-btn round icon="mdi-delete" color="negative" size="sm" @click="delete_pic">
-            <q-tooltip> Bild entfernen </q-tooltip>
-          </q-btn>
-        </div>
-      </div>
-    </q-card-section>
-    <q-card-section>
-      <q-select
-        v-model="edit_drink.tags"
-        multiple
-        :options="tags"
-        label="Tags"
-        option-label="name"
-        filled
-        dense
-      >
-        <template #selected-item="item">
-          <q-chip
-            removable
-            :tabindex="item.tabindex"
-            :style="`background-color: ${item.opt.color}`"
-            @remove="item.removeAtIndex(item.index)"
-          >
-            {{ item.opt.name }}
-          </q-chip>
-        </template>
-        <template #option="item">
-          <q-item v-bind="item.itemProps" v-on="item.itemEvents">
-            <q-chip :style="`background-color: ${item.opt.color}`">
-              <q-avatar v-if="item.selected" icon="mdi-check" color="positive" text-color="white" />
-              {{ item.opt.name }}
-            </q-chip>
-          </q-item>
-        </template>
-      </q-select>
-    </q-card-section>
-    <q-card-section>
-      <div class="fit row">
-        <q-input
-          v-model="edit_drink.article_id"
-          class="col-xs-12 col-sm-6 q-pa-sm"
-          filled
-          label="Artikelnummer"
-          dense
-        />
-        <q-input
-          v-model="edit_drink.volume"
-          class="col-xs-12 col-sm-6 q-pa-sm"
-          filled
-          label="Inhalt"
-          dense
-          suffix="L"
-        />
-        <q-input
-          v-model="edit_drink.package_size"
-          class="col-xs-12 col-sm-6 q-pa-sm"
-          filled
-          label="Gebindegröße"
-          dense
-        />
-        <q-input
-          v-model="edit_drink.cost_per_package"
-          class="col-xs-12 col-sm-6 q-pa-sm"
-          filled
-          label="Preis Gebinde"
-          suffix="€"
-          dense
-        />
-        <q-input
-          v-model="cost_per_volume"
-          class="col-xs-12 col-sm-6 q-pa-sm q-pb-lg"
-          :outlined="auto_cost_per_volume || hasIngredients"
-          :filled="!auto_cost_per_volume && !hasIngredients"
-          :readonly="auto_cost_per_volume || hasIngredients"
-          label="Preis pro L"
-          hint="Inkl. 19% Mehrwertsteuer"
-          suffix="€"
-          dense
-        />
-      </div>
-    </q-card-section>
-    <q-card-section :key="key">
-      <drink-price-volumes
-        v-model="edit_volumes"
-        :cost-per-volume="cost_per_volume"
-        :editable="hasPermission(PERMISSIONS.EDIT_VOLUME)"
-        @update="updateVolume"
-        @delete-volume="deleteVolume"
-        @delete-price="deletePrice"
-        @delete-ingredient="deleteIngredient"
-      />
-    </q-card-section>
-    <q-card-section>
-      <build-manual :steps="edit_drink.receipt" @deleteStep="deleteStep" @addStep="addStep" />
-    </q-card-section>
-    <q-card-actions class="justify-around">
-      <q-btn label="Abbrechen" @click="cancel" />
-      <q-btn v-if="can_delete" label="Löschen" color="negative" @click="delete_drink" />
-      <q-btn label="Speichern" color="primary" @click="save" />
-    </q-card-actions>
-  </q-card>
-</template>
-<script lang="ts">
-import { defineComponent, PropType, ref, onBeforeMount, computed } from 'vue';
-import { Drink, DrinkPriceVolume, usePricelistStore } from '../store';
-import DrinkPriceVolumes from './CalculationTable/DrinkPriceVolumes.vue';
-import { clone, calc_min_prices, DeleteObjects, calc_cost_per_volume } from '../utils/utils';
-import BuildManual from 'src/plugins/pricelist/components/CalculationTable/BuildManual.vue';
-import { baseURL } from 'src/config';
-import { hasPermission } from 'src/utils/permission';
-import { PERMISSIONS } from 'src/plugins/pricelist/permissions';
-
-export default defineComponent({
-  name: 'DrinkModify',
-  components: { BuildManual, DrinkPriceVolumes },
-  props: {
-    drink: {
-      type: Object as PropType<Drink>,
-      required: true,
-    },
-  },
-  emits: {
-    save: (
-      drink: Drink,
-      toDeleteObjects: DeleteObjects,
-      drinkPic: File | undefined,
-      deletePic: boolean
-    ) => (drink && toDeleteObjects) || drinkPic || deletePic,
-    delete: () => true,
-    cancel: () => true,
-  },
-  setup(props, { emit }) {
-    onBeforeMount(() => {
-      //edit_drink.value = <Drink>JSON.parse(JSON.stringify(props.drink));
-      edit_drink.value = clone(props.drink);
-      edit_volumes.value = clone(props.drink.volumes);
-    });
-
-    const key = ref(0);
-
-    const store = usePricelistStore();
-
-    const toDeleteObjects = ref<DeleteObjects>({
-      prices: [],
-      volumes: [],
-      ingredients: [],
-    });
-
-    const edit_drink = ref<Drink>();
-    const edit_volumes = ref<Array<DrinkPriceVolume>>([]);
-    function save() {
-      (<Drink>edit_drink.value).volumes = edit_volumes.value;
-      emit('save', <Drink>edit_drink.value, toDeleteObjects.value, drinkPic.value, deletePic.value);
-    }
-
-    function cancel() {
-      emit('cancel');
-    }
-    function updateVolume(index: number) {
-      if (index > -1 && edit_volumes.value) {
-        edit_volumes.value[index].min_prices = calc_min_prices(
-          edit_volumes.value[index],
-          //edit_drink.value.cost_per_volume,
-          cost_per_volume.value,
-          store.min_prices
-        );
-      }
-    }
-
-    function updateVolumes() {
-      setTimeout(() => {
-        edit_volumes.value?.forEach((_, index) => {
-          updateVolume(index);
-        });
-        key.value++;
-      }, 50);
-    }
-
-    function deletePrice(price: FG.DrinkPrice) {
-      toDeleteObjects.value.prices.push(price);
-    }
-
-    function deleteVolume(volume: DrinkPriceVolume) {
-      toDeleteObjects.value.volumes.push(volume);
-    }
-
-    function deleteIngredient(ingredient: FG.Ingredient) {
-      toDeleteObjects.value.ingredients.push(ingredient);
-    }
-
-    function addStep(event: string) {
-      edit_drink.value?.receipt?.push(event);
-    }
-
-    function deleteStep(event: number) {
-      edit_drink.value?.receipt?.splice(event, 1);
-    }
-
-    const drinkPic = ref();
-    const imgsrc = ref();
-
-    const deletePic = ref(false);
-
-    function delete_pic() {
-      deletePic.value = true;
-      imgsrc.value = undefined;
-      drinkPic.value = undefined;
-      if (edit_drink.value) {
-        edit_drink.value.uuid = '';
-      }
-    }
-
-    function imagePreview() {
-      if (drinkPic.value && drinkPic.value instanceof File) {
-        let reader = new FileReader();
-
-        reader.onload = (e) => {
-          imgsrc.value = e.target?.result;
-        };
-
-        reader.readAsDataURL(drinkPic.value);
-      }
-    }
-
-    const image = computed(() => {
-      if (deletePic.value) {
-        return 'no-image.svg';
-      }
-      if (imgsrc.value) {
-        return <string>imgsrc.value;
-      }
-      if (edit_drink.value?.uuid) {
-        return `${baseURL.value}/pricelist/picture/${edit_drink.value.uuid}?size=256`;
-      }
-      return 'no-image.svg';
-    });
-
-    const can_delete = computed(() => {
-      if (edit_drink.value) {
-        if (edit_drink.value.id < 0) {
-          return false;
-        }
-        const _edit_drink = edit_drink.value;
-        const test = _edit_drink.volumes ? _edit_drink.volumes.length === 0 : true;
-        console.log(test);
-        return test;
-      }
-      return false;
-    });
-
-    function delete_drink() {
-      emit('delete');
-    }
-
-    const auto_cost_per_volume = computed(
-      () =>
-        !!(
-          edit_drink.value?.cost_per_package &&
-          edit_drink.value?.package_size &&
-          edit_drink.value?.volume
-        )
-    );
-
-    const cost_per_volume = computed({
-      get: () => {
-        let retVal: number;
-        if (auto_cost_per_volume.value) {
-          retVal = <number>calc_cost_per_volume(<Drink>edit_drink.value);
-        } else {
-          retVal = <number>(<Drink>edit_drink.value).cost_per_volume;
-        }
-        updateVolumes();
-        return retVal;
-      },
-      set: (val: number) => ((<Drink>edit_drink.value).cost_per_volume = val),
-    });
-
-    const hasIngredients = computed(() =>
-      edit_volumes.value?.some((a) => a.ingredients.length > 0)
-    );
-
-    return {
-      edit_drink,
-      save,
-      cancel,
-      updateVolume,
-      deletePrice,
-      deleteIngredient,
-      deleteVolume,
-      addStep,
-      deleteStep,
-      tags: computed(() => store.tags),
-      image,
-      imgsrc,
-      drinkPic,
-      imagePreview,
-      delete_pic,
-      types: computed(() => store.drinkTypes),
-      can_delete,
-      delete_drink,
-      auto_cost_per_volume,
-      cost_per_volume,
-      edit_volumes,
-      key,
-      hasIngredients,
-      hasPermission,
-      PERMISSIONS,
-    };
-  },
-});
-</script>
diff --git a/src/plugins/pricelist/components/DrinkTypes.vue b/src/plugins/pricelist/components/DrinkTypes.vue
deleted file mode 100644
index 517e4c6..0000000
--- a/src/plugins/pricelist/components/DrinkTypes.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
-  <q-table
-    title="Getränkearten"
-    :rows="rows"
-    :row-key="(row) => row.id"
-    :columns="columns"
-    style="height: 100%"
-    :pagination="pagination"
-  >
-    <template #top-right>
-      <div class="full-width row q-gutter-sm">
-        <q-input v-model="newDrinkType" dense placeholder="Neue Getränkeart" filled />
-        <q-btn round color="primary" icon="mdi-plus" @click="addType">
-          <q-tooltip> Getränkeart hinzufügen </q-tooltip>
-        </q-btn>
-      </div>
-    </template>
-    <template #body="props">
-      <q-tr :props="props">
-        <q-td key="drinkTypeName" :props="props">
-          {{ props.row.name }}
-          <q-popup-edit
-            v-model="props.row.name"
-            buttons
-            label-set="Speichern"
-            label-cancel="Abbrechen"
-            @save="saveChanges(props.row)"
-          >
-            <template #default="scope">
-              <q-input v-model="scope.value" dense label="name" filled />
-            </template>
-          </q-popup-edit>
-        </q-td>
-        <q-td key="actions" :props="props">
-          <q-btn
-            round
-            icon="mdi-delete"
-            color="negative"
-            size="sm"
-            @click="deleteType(props.row.id)"
-          />
-        </q-td>
-      </q-tr>
-    </template>
-  </q-table>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, onBeforeMount, ref } from 'vue';
-import { usePricelistStore } from '../store';
-
-export default defineComponent({
-  name: 'DrinkTypes',
-  setup() {
-    const store = usePricelistStore();
-    const newDrinkType = ref('');
-
-    onBeforeMount(() => {
-      void store.getDrinkTypes(true);
-    });
-    const rows = computed(() => store.drinkTypes);
-    const columns = [
-      {
-        name: 'drinkTypeName',
-        label: 'Getränkeart',
-        field: 'name',
-        align: 'left',
-        sortable: true,
-      },
-      {
-        name: 'actions',
-        label: 'Aktionen',
-        field: 'actions',
-        align: 'right',
-      },
-    ];
-
-    async function addType() {
-      await store.addDrinkType(newDrinkType.value);
-      newDrinkType.value = '';
-    }
-
-    function saveChanges(drinkType: FG.DrinkType) {
-      setTimeout(() => {
-        const _drinkType = store.drinkTypes.find((a) => a.id === drinkType.id);
-        if (_drinkType) {
-          void store.changeDrinkTypeName(drinkType);
-        }
-      }, 50);
-    }
-
-    function deleteType(id: number) {
-      void store.removeDrinkType(id);
-    }
-    const pagination = ref({
-      sortBy: 'name',
-      rowsPerPage: 10,
-    });
-
-    return {
-      columns,
-      rows,
-      addType,
-      newDrinkType,
-      deleteType,
-      saveChanges,
-      pagination,
-    };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/pricelist/components/ExtraIngredients.vue b/src/plugins/pricelist/components/ExtraIngredients.vue
deleted file mode 100644
index 171d801..0000000
--- a/src/plugins/pricelist/components/ExtraIngredients.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<template>
-  <div>
-    <q-page padding>
-      <q-table
-        title="Getränkearten"
-        :rows="rows"
-        :row-key="(row) => row.id"
-        :columns="columns"
-        :pagination="pagination"
-      >
-        <template #top-right>
-          <div class="full-width row q-gutter-sm">
-            <q-input
-              v-model="newExtraIngredient.name"
-              dense
-              placeholder="Neue Zutatenbezeichnung"
-              label="Neue Zutatenbezeichnung"
-              filled
-            />
-            <q-input
-              v-model.number="newExtraIngredient.price"
-              dense
-              placeholder="Preis"
-              label="Preis"
-              filled
-              type="number"
-              min="0"
-              step="0.1"
-              suffix="€"
-            />
-            <q-btn color="primary" icon="mdi-plus" round @click="addExtraIngredient">
-              <q-tooltip> Zutat hinzufügen </q-tooltip>
-            </q-btn>
-          </div>
-        </template>
-        <template #body="props">
-          <q-tr :props="props">
-            <q-td key="name" :props="props" align="left">
-              {{ props.row.name }}
-              <q-popup-edit
-                v-model="props.row.name"
-                buttons
-                label-set="Speichern"
-                label-cancel="Abbrechen"
-                @save="saveChanges(props.row)"
-              >
-                <template #default="scope">
-                  <q-input v-model="scope.value" dense label="name" filled />
-                </template>
-              </q-popup-edit>
-            </q-td>
-            <q-td key="price" :props="props" align="right">
-              {{ props.row.price.toFixed(2) }}€
-            </q-td>
-            <q-td key="actions" :props="props" align="right" auto-width>
-              <q-btn
-                round
-                icon="mdi-delete"
-                color="negative"
-                size="sm"
-                @click="deleteType(props.row)"
-              />
-            </q-td>
-          </q-tr>
-        </template>
-      </q-table>
-    </q-page>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, ComputedRef, defineComponent, ref } from 'vue';
-import { usePricelistStore } from 'src/plugins/pricelist/store';
-
-export default defineComponent({
-  name: 'DrinkTypes',
-  setup() {
-    const store = usePricelistStore();
-    const emptyExtraIngredient: FG.ExtraIngredient = {
-      name: '',
-      price: 0,
-      id: -1,
-    };
-    const newExtraIngredient = ref<FG.ExtraIngredient>(emptyExtraIngredient);
-
-    const rows = computed(() => store.extraIngredients);
-    const columns = [
-      {
-        name: 'name',
-        label: 'Bezeichnung',
-        field: 'name',
-        align: 'left',
-        sortable: true,
-      },
-      {
-        name: 'price',
-        label: 'Preis',
-        field: 'price',
-        sortable: true,
-        format: (val: number) => `${val.toFixed(2)}€`,
-        align: 'right',
-      },
-      {
-        name: 'actions',
-        label: 'Aktionen',
-        field: 'actions',
-        align: 'right',
-      },
-    ];
-
-    async function addExtraIngredient() {
-      await store.setExtraIngredient((<ComputedRef>newExtraIngredient).value);
-      newExtraIngredient.value = Object.assign({}, emptyExtraIngredient);
-      discardChanges();
-    }
-
-    function saveChanges(ingredient: FG.ExtraIngredient) {
-      setTimeout(() => {
-        const _ingredient = store.extraIngredients.find((a) => a.id === ingredient.id);
-        if (_ingredient) {
-          void store.updateExtraIngredient(_ingredient);
-        }
-      }, 50);
-    }
-
-    function discardChanges() {
-      newExtraIngredient.value.name = '';
-      newExtraIngredient.value.price = 0;
-    }
-
-    function deleteType(extraIngredient: FG.ExtraIngredient) {
-      void store.deleteExtraIngredient(extraIngredient);
-    }
-
-    const pagination = ref({
-      sortBy: 'name',
-      rowsPerPage: 10,
-    });
-
-    return {
-      columns,
-      rows,
-      addExtraIngredient,
-      newExtraIngredient,
-      deleteType,
-      discardChanges,
-      saveChanges,
-      pagination,
-    };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/pricelist/components/MinPriceSetting.vue b/src/plugins/pricelist/components/MinPriceSetting.vue
deleted file mode 100644
index c697da7..0000000
--- a/src/plugins/pricelist/components/MinPriceSetting.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-  <q-list>
-    <div v-for="(min_price, index) in min_prices" :key="index">
-      <q-item>
-        <q-item-section>{{ min_price }}%</q-item-section>
-        <q-btn
-          round
-          icon="mdi-delete"
-          size="sm"
-          color="negative"
-          @click="delete_min_price(min_price)"
-        />
-      </q-item>
-      <q-separator />
-    </div>
-  </q-list>
-  <q-input v-model.number="new_min_price" class="q-pa-sm" type="number" suffix="%" filled dense />
-  <q-btn class="full-width" label="speichern" @click="save_min_prices"></q-btn>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, ref } from 'vue';
-import { usePricelistStore } from 'src/plugins/pricelist/store';
-export default defineComponent({
-  name: 'MinPriceSetting',
-  setup() {
-    const store = usePricelistStore();
-    const min_prices = computed(() => store.min_prices);
-    const new_min_price = ref<number>();
-    function save_min_prices() {
-      const index = min_prices.value.findIndex((a) => a === new_min_price.value);
-      if (index < 0) {
-        min_prices.value.push(<number>new_min_price.value);
-        void store.set_min_prices();
-        new_min_price.value = undefined;
-      }
-    }
-    function delete_min_price(min_price: number) {
-      const index = min_prices.value.findIndex((a) => a === min_price);
-      if (index > -1) {
-        min_prices.value.splice(index, 1);
-        void store.set_min_prices();
-      }
-    }
-    return {
-      min_prices,
-      new_min_price,
-      save_min_prices,
-      delete_min_price,
-    };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/pricelist/components/Pricelist.vue b/src/plugins/pricelist/components/Pricelist.vue
deleted file mode 100644
index d1c26bd..0000000
--- a/src/plugins/pricelist/components/Pricelist.vue
+++ /dev/null
@@ -1,327 +0,0 @@
-<template>
-  <q-table
-    title="Preisliste"
-    :columns="columns"
-    :rows="drinks"
-    :visible-columns="visibleColumns"
-    :filter="search"
-    :filter-method="filter"
-    dense
-    :pagination="pagination"
-    :fullscreen="fullscreen"
-  >
-    <template #top-right>
-      <div class="row justify-end q-gutter-sm">
-        <search-input v-model="search" :keys="options" />
-        <q-select
-          v-model="visibleColumns"
-          multiple
-          filled
-          dense
-          options-dense
-          display-value="Sichtbarkeit"
-          emit-value
-          map-options
-          :options="options"
-          option-value="name"
-          options-cover
-        />
-        <q-btn round icon="mdi-backburger">
-          <q-tooltip anchor='top middle' self='bottom middle'> Reihenfolge ändern </q-tooltip>
-          <q-menu anchor="bottom middle" self="top middle">
-            <drag v-model="order" class="q-list" ghost-class="ghost" group="people" item-key="id">
-              <template #item="{ element }">
-                <q-item>
-                  <q-item-section>
-                    {{ element.label }}
-                  </q-item-section>
-                </q-item>
-              </template>
-            </drag>
-          </q-menu>
-        </q-btn>
-        <slot></slot>
-        <q-btn
-          round
-          :icon="fullscreen ? 'mdi-fullscreen-exit' : 'mdi-fullscreen'"
-          @click="fullscreen = !fullscreen"
-        />
-      </div>
-    </template>
-    <template #body-cell-tags="props">
-      <q-td :props="props">
-        <q-badge
-          v-for="tag in props.row.tags"
-          :key="`${props.row.id}-${tag.id}`"
-          class="text-caption"
-          rounded
-          :style="`background-color: ${tag.color}`"
-        >
-          {{ tag.name }}
-        </q-badge>
-      </q-td>
-    </template>
-    <template #body-cell-public="props">
-      <q-td :props="props">
-        <q-toggle
-          v-model="props.row.public"
-          disable
-          checked-icon="mdi-earth"
-          unchecked-icon="mdi-earth-off"
-        />
-      </q-td>
-    </template>
-  </q-table>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, onBeforeMount, ref, ComponentPublicInstance } from 'vue';
-import { usePricelistStore, Order } from '../store';
-import { useMainStore } from 'src/stores';
-import { Search, filter } from 'src/plugins/pricelist/utils/filter';
-import SearchInput from 'src/plugins/pricelist/components/SearchInput.vue';
-import draggable from 'vuedraggable';
-const drag: ComponentPublicInstance = <ComponentPublicInstance>draggable;
-
-interface Row {
-  name: string;
-  label: string;
-  field: string;
-  sortable?: boolean;
-  filterable?: boolean;
-  format?: (val: never) => string;
-  align?: string;
-}
-
-export default defineComponent({
-  name: 'Pricelist',
-  components: { SearchInput, drag },
-  props: {
-    public: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  setup(props) {
-    const store = usePricelistStore();
-    const user = ref('');
-
-    onBeforeMount(() => {
-      if (!props.public) {
-        user.value = useMainStore().currentUser.userid;
-        void store.getPriceListColumnOrder(user.value);
-        void store.getDrinks();
-        void store.getPriceCalcColumn(user.value);
-      } else {
-        user.value = '';
-      }
-    });
-
-    const _order = ref<Array<Order>>([
-      {
-        name: 'name',
-        label: 'Name',
-      },
-      {
-        name: 'type',
-        label: 'Kategorie',
-      },
-      {
-        name: 'tags',
-        label: 'Tags',
-      },
-      {
-        name: 'volume',
-        label: 'Inhalt',
-      },
-      {
-        name: 'price',
-        label: 'Preis',
-      },
-      {
-        name: 'public',
-        label: 'Öffentlich',
-      },
-      {
-        name: 'description',
-        label: 'Beschreibung',
-      },
-    ]);
-
-    const order = computed<Array<Order>>({
-      get: () => {
-        if (props.public) {
-          return _order.value;
-        }
-        if (store.pricelist_columns_order.length === 0) {
-          return _order.value;
-        }
-        return store.pricelist_columns_order;
-      },
-      set: (val: Array<Order>) => {
-        if (!props.public) {
-          void store.updatePriceListColumnOrder(user.value, val);
-        } else {
-          _order.value = val;
-        }
-      },
-    });
-
-    const _columns: Array<Row> = [
-      {
-        name: 'name',
-        label: 'Name',
-        field: 'name',
-        sortable: true,
-        filterable: true,
-        align: 'left',
-      },
-      {
-        name: 'type',
-        label: 'Kategorie',
-        field: 'type',
-        sortable: true,
-        filterable: true,
-        format: (val: FG.DrinkType) => val.name,
-      },
-      {
-        name: 'tags',
-        label: 'Tags',
-        field: 'tags',
-        filterable: true,
-
-        format: (val: Array<FG.Tag>) => {
-          let retVal = '';
-          val.forEach((tag, index) => {
-            if (index >= val.length - 1 && index > 0) {
-              retVal += ', ';
-            }
-            retVal += tag.name;
-          });
-          return retVal;
-        },
-      },
-      {
-        name: 'volume',
-        label: 'Inhalt',
-        field: 'volume',
-        filterable: true,
-        sortable: true,
-        format: (val: number) => `${val.toFixed(3)}L`,
-      },
-      {
-        name: 'price',
-        label: 'Preis',
-        field: 'price',
-        sortable: true,
-        filterable: true,
-        format: (val: number) => `${val.toFixed(2)}€`,
-      },
-      {
-        name: 'public',
-        label: 'Öffentlich',
-        field: 'public',
-        format: (val: boolean) => (val ? 'Öffentlich' : 'nicht Öffentlich'),
-      },
-      {
-        name: 'description',
-        label: 'Beschreibung',
-        field: 'description',
-        filterable: true,
-      },
-    ];
-
-    const columns = computed(() => {
-      const retVal: Array<Row> = [];
-      if (order.value) {
-        order.value.forEach((col) => {
-          const _col = _columns.find((a) => a.name === col.name);
-          if (_col) {
-            retVal.push(_col);
-          }
-        });
-        retVal.forEach((element, index) => {
-          element.align = 'right';
-          if (index === 0) {
-            element.align = 'left';
-          }
-        });
-        return retVal;
-      }
-      return _columns;
-    });
-
-    const _options = computed(() => {
-      const retVal: Array<{ name: string; label: string; field: string }> = [];
-      columns.value.forEach((col) => {
-        if (props.public) {
-          if (col.name !== 'public') {
-            retVal.push(col);
-          }
-        } else {
-          retVal.push(col);
-        }
-      });
-      return retVal;
-    });
-
-    const _colums = computed<Array<string>>(() => {
-      const retVal: Array<string> = [];
-      columns.value.forEach((col) => {
-        if (props.public) {
-          if (col.name !== 'public') {
-            retVal.push(col.name);
-          }
-        } else {
-          retVal.push(col.name);
-        }
-      });
-      return retVal;
-    });
-
-    const _visibleColumns = ref(_colums.value);
-
-    const visibleColumns = computed({
-      get: () => (props.public ? _visibleColumns.value : store.pricecalc_columns),
-      set: (val) => {
-        if (!props.public) {
-          void store.updatePriceCalcColumn(user.value, val);
-        } else {
-          _visibleColumns.value = val;
-        }
-      },
-    });
-
-    const search = ref<Search>({
-      value: '',
-      key: '',
-      label: '',
-    });
-
-    const pagination = ref({
-      sortBy: 'name',
-      rowsPerPage: 10,
-    });
-
-    const fullscreen = ref(false);
-
-    return {
-      drinks: computed(() => store.pricelist),
-      columns,
-      order,
-      visibleColumns,
-      options: _options,
-      search,
-      filter,
-      pagination,
-      fullscreen,
-    };
-  },
-});
-</script>
-
-<style scoped lang="sass">
-.ghost
-  opacity: 0.5
-  background: $accent
-</style>
diff --git a/src/plugins/pricelist/components/SearchInput.vue b/src/plugins/pricelist/components/SearchInput.vue
deleted file mode 100644
index de407e3..0000000
--- a/src/plugins/pricelist/components/SearchInput.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<template>
-  <q-dialog v-model="alert">
-    <q-card>
-      <q-card-section>
-        <div class="text-h6">Suche</div>
-      </q-card-section>
-
-      <q-card-section class="q-pt-none">
-        <div>
-          Wenn du in die Suche etwas eingibst, wird in allen Spalten gesucht. Mit einem `@` Zeichen,
-          kann man die Suche eingrenzen auf eine Spalte. Zumbeispiel: `Tequilaparty@Tags`
-        </div>
-      </q-card-section>
-      <q-card-section>
-        <div>Mögliche Suchbegriffe nach dem @:</div>
-        <div class="fit row q-gutter-sm">
-          <div v-for="key in keys" :key="key.name">
-            {{ key.label }}
-          </div>
-        </div>
-      </q-card-section>
-
-      <q-card-actions align="right">
-        <q-btn v-close-popup flat label="OK" color="primary" />
-      </q-card-actions>
-    </q-card>
-  </q-dialog>
-  <q-input v-model="v_model" filled dense>
-    <template #append>
-      <q-icon name="mdi-magnify" />
-    </template>
-    <template #prepend>
-      <q-btn icon="mdi-help-circle" flat round @click="alert = true" />
-    </template>
-  </q-input>
-</template>
-<script lang="ts">
-import { defineComponent, computed, PropType, ref } from 'vue';
-import { Search, Col } from '../utils/filter';
-export default defineComponent({
-  name: 'SearchInput',
-  props: {
-    modelValue: {
-      type: Object as PropType<Search>,
-      default: () => ({ value: '', key: undefined, label: '' }),
-    },
-    keys: {
-      type: Object as PropType<Array<Col>>,
-      required: true,
-    },
-  },
-  emits: {
-    'update:modelValue': (val: {
-      value: string;
-      key: string | undefined;
-      label: string | undefined;
-    }) => val,
-  },
-  setup(props, { emit }) {
-    const v_model = computed<string>({
-      get: () => {
-        if (!props.modelValue.label || props.modelValue.label === '') {
-          return `${props.modelValue.value}`;
-        }
-        return `${props.modelValue.value}@${props.modelValue.label}`;
-      },
-      set: (val: string) => {
-        const split = val.toLowerCase().split('@');
-        if (split.length < 2) {
-          emit('update:modelValue', { value: split[0], label: undefined, key: undefined });
-        } else {
-          props.keys.find((key) => {
-            if (key.label.toLowerCase() === split[1]) {
-              console.log(key.name);
-              emit('update:modelValue', { value: split[0], label: split[1], key: key.name });
-              return true;
-            }
-            return false;
-          });
-        }
-      },
-    });
-
-    const alert = ref(false);
-    return { v_model, alert };
-  },
-});
-</script>
-a
diff --git a/src/plugins/pricelist/components/Tags.vue b/src/plugins/pricelist/components/Tags.vue
deleted file mode 100644
index 1cb3be8..0000000
--- a/src/plugins/pricelist/components/Tags.vue
+++ /dev/null
@@ -1,181 +0,0 @@
-<template>
-  <div>
-    <q-page padding>
-      <q-table
-        title="Tags"
-        :rows="rows"
-        :row-key="(row) => row.id"
-        :columns="columns"
-        :pagination="pagination"
-      >
-        <template #top-right>
-          <q-btn color="primary" icon="mdi-plus" round>
-            <q-tooltip> Tag hinzufügen </q-tooltip>
-            <q-menu v-model="popup" anchor="center middle" self="center middle" persistent>
-              <q-input
-                v-model="newTag.name"
-                filled
-                dense
-                label="Name"
-                class="q-pa-sm"
-                :rule="[notExists]"
-              />
-              <q-color
-                :model-value="newTag.color"
-                flat
-                class="q-pa-sm"
-                @change="
-                  (val) => {
-                    newTag.color = val;
-                  }
-                "
-              />
-              <div class="full-width row q-gutter-sm justify-around q-py-sm">
-                <q-btn v-close-popup flat label="Abbrechen" />
-                <q-btn flat label="Speichern" color="primary" @click="save" />
-              </div>
-            </q-menu>
-          </q-btn>
-        </template>
-        <template #header="props">
-          <q-tr :props="props">
-            <q-th v-for="col in props.cols" :key="col.name" :props="props">
-              {{ col.label }}
-            </q-th>
-            <q-th auto-width />
-          </q-tr>
-        </template>
-        <template #body="props">
-          <q-tr :props="props">
-            <q-td key="name" :props="props">
-              {{ props.row.name }}
-              <q-popup-edit
-                v-model="props.row.name"
-                buttons
-                label-cancel="Abbrechen"
-                label-set="Speichern"
-                @update:modelValue="updateTag(props.row)"
-              >
-                <template #default="scope">
-                  <q-input v-model="scope.value" :rules="[notExists]" dense filled />
-                </template>
-              </q-popup-edit>
-            </q-td>
-            <q-td key="color" :props="props">
-              <div class="full-width row q-gutter-sm justify-end items-center">
-                <div>
-                  {{ props.row.color }}
-                </div>
-                <div class="color-box" :style="`background-color: ${props.row.color};`">&nbsp;</div>
-              </div>
-              <q-popup-edit
-                v-model="props.row.color"
-                buttons
-                label-cancel="Abbrechen"
-                label-set="Speichern"
-                @update:modelValue="updateTag(props.row)"
-              >
-                <template #default="slot">
-                  <div class="full-width row justify-center">
-                    <q-color
-                      :model-value="slot.value"
-                      class="full-width"
-                      flat
-                      @change="(val) => (slot.value = val)"
-                    />
-                  </div>
-                </template>
-              </q-popup-edit>
-            </q-td>
-            <q-td>
-              <q-btn
-                icon="mdi-delete"
-                color="negative"
-                round
-                size="sm"
-                @click="deleteTag(props.row)"
-              />
-            </q-td>
-          </q-tr>
-        </template>
-      </q-table>
-    </q-page>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref, onBeforeMount, computed } from 'vue';
-import { usePricelistStore } from '../store';
-
-export default defineComponent({
-  name: 'Tags',
-  setup() {
-    const store = usePricelistStore();
-    onBeforeMount(() => {
-      void store.getTags();
-    });
-    const columns = [
-      {
-        name: 'name',
-        label: 'Name',
-        field: 'name',
-        align: 'left',
-      },
-      {
-        name: 'color',
-        label: 'Farbe',
-        field: 'color',
-      },
-    ];
-    const rows = computed(() => store.tags);
-    const emptyTag = {
-      id: -1,
-      color: '#1976d2',
-      name: '',
-    };
-
-    async function save() {
-      await store.setTag(newTag.value);
-      popup.value = false;
-      newTag.value = emptyTag;
-    }
-
-    const newTag = ref(emptyTag);
-    const popup = ref(false);
-    function notExists(val: string) {
-      const index = store.tags.findIndex((a) => a.name === val);
-      if (index > -1) {
-        return 'Tag existiert bereits.';
-      }
-      return true;
-    }
-    const pagination = ref({
-      sortBy: 'name',
-      rowsPerPage: 10,
-    });
-    return {
-      columns,
-      rows,
-      newTag,
-      popup,
-      save,
-      updateTag: store.updateTag,
-      notExists,
-      deleteTag: store.deleteTag,
-      pagination,
-    };
-  },
-});
-</script>
-
-<style scoped>
-.color-box {
-  min-width: 28px;
-  min-heigh: 28px;
-  max-width: 28px;
-  max-height: 28px;
-  border-width: 1px;
-  border-color: black;
-  border-radius: 5px;
-}
-</style>
diff --git a/src/plugins/pricelist/pages/CocktailBuilder.vue b/src/plugins/pricelist/pages/CocktailBuilder.vue
deleted file mode 100644
index 3193fd6..0000000
--- a/src/plugins/pricelist/pages/CocktailBuilder.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-  <q-card>
-    <q-card-section>
-      <div class="q-table__title">Cocktailbuilder</div>
-    </q-card-section>
-    <q-card-section>
-      <ingredients
-        v-model="volume.ingredients"
-        class="q-pa-sm"
-        editable
-        @update:modelValue="update"
-      />
-    </q-card-section>
-    <q-card-section>
-      <div class="q-table__title">Du solltest mindest sowiel verlangen oder bezahlen:</div>
-      <div class="full-width row q-gutter-sm justify-around">
-        <div v-for="min_price in volume.min_prices" :key="min_price.percentage">
-          <div>
-            <q-badge class="text-h6" color="primary"> {{ min_price.percentage }}% </q-badge>
-          </div>
-          <div>{{ min_price.price.toFixed(2) }}€</div>
-        </div>
-      </div>
-    </q-card-section>
-  </q-card>
-</template>
-
-<script lang="ts">
-import { defineComponent, onBeforeMount, ref } from 'vue';
-import Ingredients from 'src/plugins/pricelist/components/CalculationTable/Ingredients.vue';
-import { DrinkPriceVolume, usePricelistStore } from 'src/plugins/pricelist/store';
-import { calc_min_prices } from '../utils/utils';
-export default defineComponent({
-  name: 'CocktailBuilder',
-  components: { Ingredients },
-  setup() {
-    onBeforeMount(() => {
-      void store.get_min_prices().finally(() => {
-        volume.value.min_prices = calc_min_prices(volume.value, undefined, store.min_prices);
-      });
-      void store.getDrinks();
-      void store.getDrinkTypes();
-      void store.getExtraIngredients();
-    });
-    const store = usePricelistStore();
-
-    const emptyVolume: DrinkPriceVolume = {
-      id: -1,
-      _volume: 0,
-      min_prices: [],
-      prices: [],
-      ingredients: [],
-    };
-    const volume = ref(emptyVolume);
-
-    function update() {
-      volume.value.min_prices = calc_min_prices(volume.value, undefined, store.min_prices);
-    }
-
-    return { volume, update };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/pricelist/pages/InnerPricelist.vue b/src/plugins/pricelist/pages/InnerPricelist.vue
deleted file mode 100644
index 626bbb3..0000000
--- a/src/plugins/pricelist/pages/InnerPricelist.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-  <calculation-table v-if="!list" nodetails>
-    <q-btn icon="mdi-view-list" round @click="list = !list">
-      <q-tooltip> Zur Listenansicht wechseln </q-tooltip>
-    </q-btn>
-  </calculation-table>
-  <pricelist v-if="list">
-    <q-btn icon="mdi-cards-variant" round @click="list = !list">
-      <q-tooltip> Zur Kartenansicht wechseln </q-tooltip>
-    </q-btn>
-  </pricelist>
-</template>
-<script lang="ts">
-import { defineComponent, onBeforeMount, computed } from 'vue';
-import CalculationTable from '../components/CalculationTable.vue';
-import Pricelist from 'src/plugins/pricelist/components/Pricelist.vue';
-import { usePricelistStore } from 'src/plugins/pricelist/store';
-import { useMainStore } from 'src/stores';
-export default defineComponent({
-  name: 'InnerPricelist',
-  components: { Pricelist, CalculationTable },
-  setup() {
-    const store = usePricelistStore();
-    const mainStore = useMainStore();
-
-    onBeforeMount(() => {
-      void store.getDrinks();
-      void store.getPriceListView(mainStore.currentUser.userid);
-    });
-
-    const list = computed({
-      get: () => store.pricelist_view,
-      set: (val: boolean) => store.updatePriceListView(mainStore.currentUser.userid, val),
-    });
-    return { list };
-  },
-});
-</script>
diff --git a/src/plugins/pricelist/pages/OuterPricelist.vue b/src/plugins/pricelist/pages/OuterPricelist.vue
deleted file mode 100644
index 05011d5..0000000
--- a/src/plugins/pricelist/pages/OuterPricelist.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-  <calculation-table v-if="!list" public>
-    <q-btn icon="mdi-view-list" round @click="list = !list">
-      <q-tooltip> Zur Listenansicht wechseln </q-tooltip>
-    </q-btn>
-  </calculation-table>
-  <pricelist v-if="list" public>
-    <q-btn icon="mdi-cards-variant" round @click="list = !list">
-      <q-tooltip> Zur Kartenansicht wechseln </q-tooltip>
-    </q-btn>
-  </pricelist>
-</template>
-
-<script>
-import { defineComponent } from 'vue';
-import CalculationTable from '../components/CalculationTable.vue';
-import Pricelist from '../components/Pricelist.vue';
-import { usePricelistStore } from '../store';
-import { onBeforeMount, ref } from 'vue';
-export default defineComponent({
-  name: 'OuterPricelist',
-  components: { Pricelist, CalculationTable },
-  setup() {
-    const store = usePricelistStore();
-
-    onBeforeMount(() => {
-      void store.getDrinks();
-    });
-
-    const list = ref(false);
-    return { list };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/pricelist/pages/Receipts.vue b/src/plugins/pricelist/pages/Receipts.vue
deleted file mode 100644
index bb7232c..0000000
--- a/src/plugins/pricelist/pages/Receipts.vue
+++ /dev/null
@@ -1,175 +0,0 @@
-<template>
-  <q-table
-    grid
-    title="Rezepte"
-    :rows="drinks"
-    row-key="id"
-    hide-header
-    :filter="search"
-    :filter-method="filter"
-    :columns="options"
-  >
-    <template #top-right>
-      <search-input v-model="search" :keys="search_keys" />
-    </template>
-    <template #item="props">
-      <div class="q-pa-xs col-xs-12 col-sm-6 col-md-4">
-        <q-card>
-          <q-img
-            style="max-height: 256px"
-            loading="lazy"
-            :src="image(props.row.uuid)"
-            placeholder-src="no-image.svg"
-          >
-            <div class="absolute-bottom-right justify-end">
-              <div class="text-subtitle1 text-right">
-                {{ props.row.name }}
-              </div>
-              <div class="text-caption text-right">
-                {{ props.row.type.name }}
-              </div>
-            </div>
-          </q-img>
-          <q-card-section>
-            <q-badge
-              v-for="tag in props.row.tags"
-              :key="`${props.row.id}-${tag.id}`"
-              class="text-caption"
-              rounded
-              :style="`background-color: ${tag.color}`"
-            >
-              {{ tag.name }}
-            </q-badge>
-          </q-card-section>
-          <build-manual-volume :volumes="props.row.volumes" />
-          <q-card-section>
-            <div class="text-h6">Anleitung</div>
-            <build-manual :steps="props.row.receipt" :editable="false" />
-          </q-card-section>
-        </q-card>
-      </div>
-    </template>
-  </q-table>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, onBeforeMount, ref } from 'vue';
-import { usePricelistStore } from 'src/plugins/pricelist/store';
-import BuildManual from 'src/plugins/pricelist/components/CalculationTable/BuildManual.vue';
-import BuildManualVolume from '../components/BuildManual/BuildManualVolume.vue';
-import SearchInput from '../components/SearchInput.vue';
-import { filter, Search } from '../utils/filter';
-import { sort } from '../utils/sort';
-import { baseURL } from 'src/config';
-export default defineComponent({
-  name: 'Reciepts',
-  components: { BuildManual, BuildManualVolume, SearchInput },
-  setup() {
-    const store = usePricelistStore();
-    onBeforeMount(() => {
-      void store.getDrinks();
-    });
-    const drinks = computed(() =>
-      store.drinks.filter((drink) => {
-        return drink.volumes.some((volume) => volume.ingredients.length > 0);
-      })
-    );
-
-    const columns_drinks = [
-      {
-        name: 'picture',
-        label: 'Bild',
-        align: 'center',
-      },
-      {
-        name: 'name',
-        label: 'Name',
-        field: 'name',
-        align: 'center',
-        sortable: true,
-        filterable: true,
-      },
-      {
-        name: 'drink_type',
-        label: 'Kategorie',
-        field: 'type',
-        format: (val: FG.DrinkType) => `${val.name}`,
-        sortable: true,
-        sort: (a: FG.DrinkType, b: FG.DrinkType) => sort(a.name, b.name),
-        filterable: true,
-      },
-      {
-        name: 'tags',
-        label: 'Tag',
-        field: 'tags',
-        format: (val: Array<FG.Tag>) => {
-          let retVal = '';
-          val.forEach((tag, index) => {
-            if (index > 0) {
-              retVal += ', ';
-            }
-            retVal += tag.name;
-          });
-          return retVal;
-        },
-        filterable: true,
-      },
-      {
-        name: 'volumes',
-        label: 'Preise',
-        field: 'volumes',
-        align: 'center',
-      },
-    ];
-    const columns_volumes = [
-      {
-        name: 'volume',
-        label: 'Inhalt',
-        field: 'volume',
-        align: 'left',
-      },
-      {
-        name: 'prices',
-        label: 'Preise',
-        field: 'prices',
-      },
-    ];
-    const columns_prices = [
-      {
-        name: 'price',
-        label: 'Preis',
-        field: 'price',
-      },
-      {
-        name: 'description',
-        label: 'Beschreibung',
-        field: 'description',
-      },
-      {
-        name: 'public',
-        label: 'Öffentlich',
-        field: 'public',
-      },
-    ];
-
-    const search = ref<Search>({ value: '', key: '', label: '' });
-    const search_keys = computed(() => columns_drinks.filter((column) => column.filterable));
-    function image(uuid: string | undefined) {
-      if (uuid) {
-        return `${baseURL.value}/pricelist/picture/${uuid}?size=256`;
-      }
-      return 'no-image.svg';
-    }
-    return {
-      drinks,
-      options: [...columns_drinks, ...columns_volumes, ...columns_prices],
-      search,
-      filter,
-      search_keys,
-      image,
-    };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/pricelist/pages/Settings.vue b/src/plugins/pricelist/pages/Settings.vue
deleted file mode 100644
index 8b9f744..0000000
--- a/src/plugins/pricelist/pages/Settings.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-<template>
-  <div>
-    <q-tabs v-if="$q.screen.gt.sm" v-model="tab">
-      <q-tab
-        v-for="(tabindex, index) in tabs"
-        :key="'tab' + index"
-        :name="tabindex.name"
-        :label="tabindex.label"
-      />
-    </q-tabs>
-    <div v-else class="fit row justify-end">
-      <q-btn flat round icon="mdi-menu" @click="showDrawer = !showDrawer"></q-btn>
-    </div>
-    <q-drawer v-model="showDrawer" side="right" behavior="mobile" @click="showDrawer = !showDrawer">
-      <q-list v-model="tab">
-        <q-item
-          v-for="(tabindex, index) in tabs"
-          :key="'tab' + index"
-          :active="tab == tabindex.name"
-          clickable
-          @click="tab = tabindex.name"
-        >
-          <q-item-label>{{ tabindex.label }}</q-item-label>
-        </q-item>
-      </q-list>
-    </q-drawer>
-    <q-page paddding class="fit row justify-center content-start items-start q-gutter-sm">
-      <q-tab-panels
-        v-model="tab"
-        style="background-color: transparent"
-        animated
-        class="q-ma-none q-pa-none fit row justify-center content-start items-start"
-      >
-        <q-tab-panel name="pricelist">
-          <calculation-table editable />
-        </q-tab-panel>
-        <q-tab-panel name="extra_ingredients">
-          <extra-ingredients />
-        </q-tab-panel>
-        <q-tab-panel name="drink_types">
-          <drink-types />
-        </q-tab-panel>
-        <q-tab-panel name="tags">
-          <tags />
-        </q-tab-panel>
-      </q-tab-panels>
-    </q-page>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, onBeforeMount, ref } from 'vue';
-import { Screen } from 'quasar';
-import DrinkTypes from 'src/plugins/pricelist/components/DrinkTypes.vue';
-import CalculationTable from 'src/plugins/pricelist/components/CalculationTable.vue';
-import ExtraIngredients from 'src/plugins/pricelist/components/ExtraIngredients.vue';
-import Tags from '../components/Tags.vue';
-import { usePricelistStore } from 'src/plugins/pricelist/store';
-import { hasPermissions } from 'src/utils/permission';
-
-export default defineComponent({
-  name: 'Settings',
-  components: { ExtraIngredients, DrinkTypes, Tags, CalculationTable },
-  setup() {
-    interface Tab {
-      name: string;
-      label: string;
-      permissions: Array<string>;
-    }
-    const store = usePricelistStore();
-    onBeforeMount(() => {
-      store
-        .getExtraIngredients()
-        .then(() => {
-          console.log(store.extraIngredients);
-        })
-        .catch((err) => console.log(err));
-      void store.getTags();
-      void store.getDrinkTypes();
-      void store.getDrinks();
-      void store.get_min_prices();
-    });
-
-    const drawer = ref<boolean>(false);
-
-    const showDrawer = computed({
-      get: () => {
-        return !Screen.gt.sm && drawer.value;
-      },
-      set: (val: boolean) => {
-        drawer.value = val;
-      },
-    });
-
-    const _tabs: Tab[] = [
-      { name: 'pricelist', label: 'Getränke', permissions: ['drink_edit'] },
-      {
-        name: 'extra_ingredients',
-        label: 'Zutaten',
-        permissions: ['edit_ingredients', 'delete_ingredients'],
-      },
-      {
-        name: 'drink_types',
-        label: 'Getränketypen',
-        permissions: ['drink_type_edit', 'drink_type_delete'],
-      },
-      {
-        name: 'tags',
-        label: 'Tags',
-        permissions: ['drink_tag_edit', 'drink_tag_create', 'drink_tag_delete'],
-      },
-    ];
-
-    const tabs = computed(() => {
-      const retVal: Tab[] = [];
-      _tabs.forEach((tab) => {
-        if (tab.permissions.length > 0) {
-          if (hasPermissions(tab.permissions)) {
-            retVal.push(tab);
-          }
-        }
-        if (tab.permissions.length === 0) {
-          retVal.push(tab);
-        }
-      });
-      return retVal;
-    });
-
-    const tab = ref<string>('pricelist');
-
-    return { tabs, tab, showDrawer };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/pricelist/permissions.ts b/src/plugins/pricelist/permissions.ts
deleted file mode 100644
index a378a74..0000000
--- a/src/plugins/pricelist/permissions.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-export const PERMISSIONS = {
-  CREATE: 'drink_create',
-
-  EDIT: 'drink_edit',
-
-  DELETE: 'drink_delete',
-
-  CREATE_TAG: 'drink_tag_create',
-
-  EDIT_PRICE: 'edit_price',
-  DELETE_PRICE: 'delete_price',
-
-  EDIT_VOLUME: 'edit_volume',
-  DELETE_VOLUME: 'delete_volume',
-
-  EDIT_INGREDIENTS_DRINK: 'edit_ingredients_drink',
-  DELETE_INGREDIENTS_DRINK: 'delete_ingredients_drink',
-
-  EDIT_INGREDIENTS: 'edit_ingredients',
-  DELETE_INGREDIENTS: 'delete_ingredients',
-
-  EDIT_TAG: 'drink_tag_edit',
-
-  DELETE_TAG: 'drink_tag_delete',
-
-  CREATE_TYPE: 'drink_type_create',
-
-  EDIT_TYPE: 'drink_type_edit',
-
-  DELETE_TYPE: 'drink_type_delete',
-
-  EDIT_MIN_PRICES: 'edit_min_prices',
-};
diff --git a/src/plugins/pricelist/plugin.ts b/src/plugins/pricelist/plugin.ts
deleted file mode 100644
index fd0e5e1..0000000
--- a/src/plugins/pricelist/plugin.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { innerRoutes, outerRoutes } from './routes';
-import { FG_Plugin } from 'src/plugins';
-
-const plugin: FG_Plugin.Plugin = {
-  name: 'Pricelist',
-  innerRoutes,
-  outerRoutes,
-  requiredModules: [],
-  requiredBackendModules: ['pricelist'],
-  version: '0.0.1',
-  widgets: [],
-};
-
-export default plugin;
diff --git a/src/plugins/pricelist/routes/index.ts b/src/plugins/pricelist/routes/index.ts
deleted file mode 100644
index fd28920..0000000
--- a/src/plugins/pricelist/routes/index.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { FG_Plugin } from 'src/plugins';
-
-export const innerRoutes: FG_Plugin.MenuRoute[] = [
-  {
-    title: 'Getränke',
-    icon: 'mdi-glass-mug-variant',
-    route: {
-      path: 'drinks',
-      name: 'drinks',
-      redirect: { name: 'drinks-pricelist' },
-    },
-    permissions: ['user'],
-    children: [
-      {
-        title: 'Preisliste',
-        icon: 'mdi-cash-100',
-        shortcut: true,
-        permissions: ['user'],
-        route: {
-          path: 'pricelist',
-          name: 'drinks-pricelist',
-          component: () => import('../pages/InnerPricelist.vue'),
-        },
-      },
-      {
-        title: 'Rezepte',
-        shortcut: false,
-        icon: 'mdi-receipt',
-        permissions: ['user'],
-        route: {
-          path: 'reciepts',
-          name: 'reciepts',
-          component: () => import('../pages/Receipts.vue'),
-        },
-      },
-      {
-        title: 'Cocktailbuilder',
-        shortcut: false,
-        icon: 'mdi-glass-cocktail',
-        permissions: ['user'],
-        route: {
-          path: 'cocktail-builder',
-          name: 'cocktail-builder',
-          component: () => import('../pages/CocktailBuilder.vue'),
-        },
-      },
-      {
-        title: 'Einstellungen',
-        icon: 'mdi-coffee-to-go',
-        shortcut: false,
-        permissions: ['drink_edit', 'drink_tag_edit'],
-        route: {
-          path: 'settings',
-          name: 'drinks-settings',
-          component: () => import('../pages/Settings.vue'),
-        },
-      },
-    ],
-  },
-];
-
-export const outerRoutes: FG_Plugin.MenuRoute[] = [
-  {
-    title: 'Preisliste',
-    icon: 'mdi-glass-mug-variant',
-    shortcut: true,
-    route: {
-      path: 'pricelist',
-      name: 'outter-pricelist',
-      component: () => import('../pages/OuterPricelist.vue'),
-    },
-  },
-];
diff --git a/src/plugins/pricelist/store.ts b/src/plugins/pricelist/store.ts
deleted file mode 100644
index a0da12a..0000000
--- a/src/plugins/pricelist/store.ts
+++ /dev/null
@@ -1,313 +0,0 @@
-import { api } from 'src/boot/axios';
-import { defineStore } from 'pinia';
-import {
-  calc_volume,
-  calc_cost_per_volume,
-  calc_all_min_prices,
-} from 'src/plugins/pricelist/utils/utils';
-
-interface DrinkPriceVolume extends Omit<FG.DrinkPriceVolume, 'volume'> {
-  _volume: number;
-  volume?: number;
-}
-
-interface Drink extends Omit<Omit<FG.Drink, 'cost_per_volume'>, 'volumes'> {
-  volumes: DrinkPriceVolume[];
-  cost_per_volume?: number;
-  _cost_per_volume?: number;
-}
-
-interface Pricelist {
-  name: string;
-  type: FG.DrinkType;
-  tags: Array<FG.Tag>;
-  volume: number;
-  price: number;
-  public: boolean;
-  description: string;
-}
-
-class DrinkPriceVolume implements DrinkPriceVolume {
-  constructor({ id, volume, prices, ingredients }: FG.DrinkPriceVolume) {
-    this.id = id;
-    this._volume = volume;
-    this.prices = prices;
-    this.ingredients = ingredients;
-    this.min_prices = [];
-    this.volume = calc_volume(this);
-  }
-}
-
-class Drink {
-  constructor({
-    id,
-    article_id,
-    package_size,
-    name,
-    volume,
-    cost_per_volume,
-    cost_per_package,
-    tags,
-    type,
-    uuid,
-    receipt,
-  }: FG.Drink) {
-    this.id = id;
-    this.article_id = article_id;
-    this.package_size = package_size;
-    this.name = name;
-    this.volume = volume;
-    this.cost_per_package = cost_per_package;
-    this._cost_per_volume = cost_per_volume;
-    this.cost_per_volume = calc_cost_per_volume(this);
-    this.tags = tags;
-    this.type = type;
-    this.volumes = [];
-    this.uuid = uuid;
-    this.receipt = receipt || [];
-  }
-}
-
-interface Order {
-  label: string;
-  name: string;
-}
-
-export const usePricelistStore = defineStore({
-  id: 'pricelist',
-
-  state: () => ({
-    drinkTypes: [] as Array<FG.DrinkType>,
-    drinks: [] as Array<Drink>,
-    extraIngredients: [] as Array<FG.ExtraIngredient>,
-    min_prices: [] as Array<number>,
-    tags: [] as Array<FG.Tag>,
-    pricecalc_columns: [] as Array<string>,
-    pricelist_view: false as boolean,
-    pricelist_columns_order: [] as Array<Order>,
-  }),
-
-  actions: {
-    async getDrinkTypes(force = false) {
-      if (force || this.drinks.length == 0) {
-        const { data } = await api.get<Array<FG.DrinkType>>('/pricelist/drink-types');
-        this.drinkTypes = data;
-      }
-      return this.drinkTypes;
-    },
-    async addDrinkType(name: string) {
-      const { data } = await api.post<FG.DrinkType>('/pricelist/drink-types', { name: name });
-      this.drinkTypes.push(data);
-    },
-    async removeDrinkType(id: number) {
-      await api.delete(`/pricelist/drink-types/${id}`);
-      const idx = this.drinkTypes.findIndex((val) => val.id == id);
-      if (idx >= 0) this.drinkTypes.splice(idx, 1);
-    },
-    async changeDrinkTypeName(drinkType: FG.DrinkType) {
-      await api.put(`/pricelist/drink-types/${drinkType.id}`, drinkType);
-      const itm = this.drinkTypes.filter((val) => val.id == drinkType.id);
-      if (itm.length > 0) itm[0].name = drinkType.name;
-    },
-    async getExtraIngredients() {
-      const { data } = await api.get<Array<FG.ExtraIngredient>>(
-        'pricelist/ingredients/extraIngredients'
-      );
-      this.extraIngredients = data;
-    },
-    async setExtraIngredient(ingredient: FG.ExtraIngredient) {
-      const { data } = await api.post<FG.ExtraIngredient>(
-        'pricelist/ingredients/extraIngredients',
-        ingredient
-      );
-      this.extraIngredients.push(data);
-    },
-    async updateExtraIngredient(ingredient: FG.ExtraIngredient) {
-      const { data } = await api.put<FG.ExtraIngredient>(
-        `pricelist/ingredients/extraIngredients/${ingredient.id}`,
-        ingredient
-      );
-      const index = this.extraIngredients.findIndex((a) => a.id === ingredient.id);
-      if (index > -1) {
-        this.extraIngredients[index] = data;
-      } else {
-        this.extraIngredients.push(data);
-      }
-    },
-    async deleteExtraIngredient(ingredient: FG.ExtraIngredient) {
-      await api.delete(`pricelist/ingredients/extraIngredients/${ingredient.id}`);
-      const index = this.extraIngredients.findIndex((a) => a.id === ingredient.id);
-      if (index > -1) {
-        this.extraIngredients.splice(index, 1);
-      }
-    },
-    async getDrinks() {
-      const { data } = await api.get<Array<FG.Drink>>('pricelist/drinks');
-      this.drinks = [];
-      data.forEach((drink) => {
-        const _drink = new Drink(drink);
-        drink.volumes.forEach((volume) => {
-          const _volume = new DrinkPriceVolume(volume);
-          _drink.volumes.push(_volume);
-        });
-        this.drinks.push(_drink);
-      });
-      calc_all_min_prices(this.drinks, this.min_prices);
-    },
-    sortPrices(volume: DrinkPriceVolume) {
-      volume.prices.sort((a, b) => {
-        if (a.price > b.price) return 1;
-        if (b.price > a.price) return -1;
-        return 0;
-      });
-    },
-    async deletePrice(price: FG.DrinkPrice) {
-      await api.delete(`pricelist/prices/${price.id}`);
-    },
-    async deleteVolume(volume: DrinkPriceVolume, drink: Drink) {
-      await api.delete(`pricelist/volumes/${volume.id}`);
-      const index = drink.volumes.findIndex((a) => a.id === volume.id);
-      if (index > -1) {
-        drink.volumes.splice(index, 1);
-      }
-    },
-    async deleteIngredient(ingredient: FG.Ingredient) {
-      await api.delete(`pricelist/ingredients/${ingredient.id}`);
-    },
-    async setDrink(drink: Drink) {
-      const { data } = await api.post<FG.Drink>('pricelist/drinks', {
-        ...drink,
-      });
-      const _drink = new Drink(data);
-      data.volumes.forEach((volume) => {
-        const _volume = new DrinkPriceVolume(volume);
-        _drink.volumes.push(_volume);
-      });
-      this.drinks.push(_drink);
-      calc_all_min_prices(this.drinks, this.min_prices);
-      return _drink;
-    },
-    async updateDrink(drink: Drink) {
-      const { data } = await api.put<FG.Drink>(`pricelist/drinks/${drink.id}`, {
-        ...drink,
-      });
-      const index = this.drinks.findIndex((a) => a.id === data.id);
-      if (index > -1) {
-        const _drink = new Drink(data);
-        data.volumes.forEach((volume) => {
-          const _volume = new DrinkPriceVolume(volume);
-          _drink.volumes.push(_volume);
-        });
-        this.drinks[index] = _drink;
-      }
-      calc_all_min_prices(this.drinks, this.min_prices);
-    },
-    deleteDrink(drink: Drink) {
-      api
-        .delete(`pricelist/drinks/${drink.id}`)
-        .then(() => {
-          const index = this.drinks.findIndex((a) => a.id === drink.id);
-          if (index > -1) {
-            this.drinks.splice(index, 1);
-          }
-        })
-        .catch((err) => console.warn(err));
-    },
-    async get_min_prices() {
-      const { data } = await api.get<Array<number>>('pricelist/settings/min_prices');
-      this.min_prices = data;
-    },
-    async set_min_prices() {
-      await api.post<Array<number>>('pricelist/settings/min_prices', this.min_prices);
-      calc_all_min_prices(this.drinks, this.min_prices);
-    },
-    async upload_drink_picture(drink: Drink, file: File) {
-      const formData = new FormData();
-      formData.append('file', file);
-      const { data } = await api.post<FG.Drink>(`pricelist/drinks/${drink.id}/picture`, formData, {
-        headers: {
-          'Content-Type': 'multipart/form-data',
-        },
-      });
-      const _drink = this.drinks.find((a) => a.id === drink.id);
-      if (_drink) {
-        _drink.uuid = data.uuid;
-      }
-    },
-    async delete_drink_picture(drink: Drink) {
-      await api.delete(`pricelist/drinks/${drink.id}/picture`);
-      drink.uuid = '';
-    },
-    async getTags() {
-      const { data } = await api.get<Array<FG.Tag>>('/pricelist/tags');
-      this.tags = data;
-    },
-    async setTag(tag: FG.Tag) {
-      const { data } = await api.post<FG.Tag>('/pricelist/tags', tag);
-      this.tags.push(data);
-    },
-    async updateTag(tag: FG.Tag) {
-      const { data } = await api.put<FG.Tag>(`/pricelist/tags/${tag.id}`, tag);
-      const index = this.tags.findIndex((a) => a.id === data.id);
-      if (index > -1) {
-        this.tags[index] = data;
-      }
-    },
-    async deleteTag(tag: FG.Tag) {
-      await api.delete(`/pricelist/tags/${tag.id}`);
-      const index = this.tags.findIndex((a) => a.id === tag.id);
-      if (index > -1) {
-        this.tags.splice(index, 1);
-      }
-    },
-    async getPriceCalcColumn(userid: string) {
-      const { data } = await api.get<Array<string>>(`pricelist/users/${userid}/pricecalc_columns`);
-      this.pricecalc_columns = data;
-    },
-    async updatePriceCalcColumn(userid: string, data: Array<string>) {
-      await api.put<Array<string>>(`pricelist/users/${userid}/pricecalc_columns`, data);
-      this.pricecalc_columns = data;
-    },
-    async getPriceListView(userid: string) {
-      const { data } = await api.get<{ value: boolean }>(`pricelist/users/${userid}/pricelist`);
-      this.pricelist_view = data.value;
-    },
-    async updatePriceListView(userid: string, data: boolean) {
-      await api.put<Array<string>>(`pricelist/users/${userid}/pricelist`, { value: data });
-      this.pricelist_view = data;
-    },
-    async getPriceListColumnOrder(userid: string) {
-      const { data } = await api.get<Array<Order>>(
-        `pricelist/users/${userid}/pricecalc_columns_order`
-      );
-      this.pricelist_columns_order = data;
-    },
-    async updatePriceListColumnOrder(userid: string, data: Array<Order>) {
-      await api.put<Array<string>>(`pricelist/users/${userid}/pricecalc_columns_order`, data);
-      this.pricelist_columns_order = data;
-    },
-  },
-  getters: {
-    pricelist() {
-      const retVal: Array<Pricelist> = [];
-      this.drinks.forEach((drink) => {
-        drink.volumes.forEach((volume) => {
-          volume.prices.forEach((price) => {
-            retVal.push({
-              name: drink.name,
-              type: <FG.DrinkType>drink.type,
-              tags: <Array<FG.Tag>>drink.tags,
-              volume: <number>volume.volume,
-              price: price.price,
-              public: price.public,
-              description: <string>price.description,
-            });
-          });
-        });
-      });
-      return retVal;
-    },
-  },
-});
-
-export { DrinkPriceVolume, Drink, Order };
diff --git a/src/plugins/pricelist/utils/filter.ts b/src/plugins/pricelist/utils/filter.ts
deleted file mode 100644
index cb8c5ba..0000000
--- a/src/plugins/pricelist/utils/filter.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Drink } from '../store';
-
-function filter(
-  rows: Array<Drink>,
-  terms: Search,
-  cols: Array<Col>,
-  cellValue: { (col: Col, row: Drink): string }
-) {
-  if (terms.value) {
-    return rows.filter((row) => {
-      if (!terms.key || terms.key === '') {
-        return cols.some((col) => {
-          const val = cellValue(col, row) + '';
-          const haystack = val === 'undefined' || val === 'null' ? '' : val.toLowerCase();
-          return haystack.indexOf(terms.value) !== -1;
-        });
-      }
-      const index = cols.findIndex((col) => col.name === terms.key);
-      const val = cellValue(cols[index], row) + '';
-      const haystack = val === 'undefined' || val === 'null' ? '' : val.toLowerCase();
-      return haystack.indexOf(terms.value) !== -1;
-    });
-  }
-  return rows;
-}
-
-interface Search {
-  value: string;
-  label: string | undefined;
-  key: string | undefined;
-}
-
-interface Col {
-  name: string;
-  label: string;
-  field: string;
-}
-
-export { filter, Search, Col };
diff --git a/src/plugins/pricelist/utils/sort.ts b/src/plugins/pricelist/utils/sort.ts
deleted file mode 100644
index cfd6f2a..0000000
--- a/src/plugins/pricelist/utils/sort.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-function sort(a: string | number, b: string | number) {
-  if (a > b) return 1;
-  if (b > a) return -1;
-  return 0;
-}
-
-export { sort };
diff --git a/src/plugins/pricelist/utils/utils.ts b/src/plugins/pricelist/utils/utils.ts
deleted file mode 100644
index 1bc4de6..0000000
--- a/src/plugins/pricelist/utils/utils.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Drink, DrinkPriceVolume, usePricelistStore } from 'src/plugins/pricelist/store';
-
-function calc_volume(volume: DrinkPriceVolume) {
-  if (volume.ingredients.some((ingredient) => !!ingredient.drink_ingredient)) {
-    let retVal = 0;
-    volume.ingredients.forEach((ingredient) => {
-      if (ingredient.drink_ingredient?.volume) {
-        retVal += ingredient.drink_ingredient.volume;
-      }
-    });
-    return retVal;
-  } else {
-    return volume._volume;
-  }
-}
-
-function calc_cost_per_volume(drink: Drink) {
-  let retVal = drink._cost_per_volume;
-  if (!!drink.volume && !!drink.package_size && !!drink.cost_per_package) {
-    retVal =
-      ((drink.cost_per_package || 0) / ((drink.volume || 0) * (drink.package_size || 0))) * 1.19;
-  }
-
-  return retVal ? Math.round(retVal * 1000) / 1000 : retVal;
-}
-
-function calc_all_min_prices(drinks: Array<Drink>, min_prices: Array<number>) {
-  drinks.forEach((drink) => {
-    drink.volumes.forEach((volume) => {
-      volume.min_prices = calc_min_prices(volume, drink.cost_per_volume, min_prices);
-    });
-  });
-}
-
-function helper(volume: DrinkPriceVolume, min_price: number) {
-  let retVal = 0;
-  let extraIngredientPrice = 0;
-  volume.ingredients.forEach((ingredient) => {
-    if (ingredient.drink_ingredient) {
-      const _drink = usePricelistStore().drinks.find(
-        (a) => a.id === ingredient.drink_ingredient?.ingredient_id
-      );
-      retVal += ingredient.drink_ingredient.volume * <number>(<unknown>_drink?.cost_per_volume);
-    }
-    if (ingredient.extra_ingredient) {
-      extraIngredientPrice += ingredient.extra_ingredient.price;
-    }
-  });
-  return (retVal * min_price) / 100 + extraIngredientPrice;
-}
-
-function calc_min_prices(
-  volume: DrinkPriceVolume,
-  cost_per_volume: number | undefined,
-  min_prices: Array<number>
-) {
-  const retVal: Array<FG.MinPrices> = [];
-  volume.min_prices = [];
-  if (min_prices) {
-    min_prices.forEach((min_price) => {
-      let computedMinPrice: number;
-      if (cost_per_volume) {
-        computedMinPrice = (cost_per_volume * <number>volume.volume * min_price) / 100;
-      } else {
-        computedMinPrice = helper(volume, min_price);
-      }
-      retVal.push({ percentage: min_price, price: computedMinPrice });
-    });
-  }
-  return retVal;
-}
-
-function clone<T>(o: T): T {
-  return <T>JSON.parse(JSON.stringify(o));
-}
-
-interface DeleteObjects {
-  prices: Array<FG.DrinkPrice>;
-  volumes: Array<DrinkPriceVolume>;
-  ingredients: Array<FG.Ingredient>;
-}
-export { DeleteObjects };
-
-export { calc_volume, calc_cost_per_volume, calc_all_min_prices, calc_min_prices, clone };
diff --git a/src/plugins/schedule/components/Widget.vue b/src/plugins/schedule/components/Widget.vue
deleted file mode 100644
index 84650c3..0000000
--- a/src/plugins/schedule/components/Widget.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <q-card class="row justify-center content-center" style="text-align: center">
-    <q-card-section>
-      <div class="text-h6 col-12">Dienste diesen Monat: {{ jobs }}</div>
-      <!--TODO: Filters are deprecated! -->
-      <!--<div class="text-h6 col-12">Nächster Dienst: {{ nextJob | date }}</div>-->
-    </q-card-section>
-  </q-card>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'DummyWidget',
-  setup() {
-    function randomNumber(start: number, end: number) {
-      return start + Math.floor(Math.random() * Math.floor(end));
-    }
-    const jobs = randomNumber(0, 5);
-    const nextJob = new Date(2021, randomNumber(1, 12), randomNumber(1, 31));
-    return { jobs, nextJob };
-  },
-});
-</script>
diff --git a/src/plugins/schedule/components/management/EditEvent.vue b/src/plugins/schedule/components/management/EditEvent.vue
deleted file mode 100644
index 77ae50d..0000000
--- a/src/plugins/schedule/components/management/EditEvent.vue
+++ /dev/null
@@ -1,245 +0,0 @@
-<template>
-  <q-card>
-    <q-form @submit="save()" @reset="reset">
-      <q-card-section class="fit row justify-start content-center items-center">
-        <div class="text-h6 col-xs-12 col-sm-6 q-pa-sm">
-          Veranstaltung <template v-if="modelValue">bearbeiten</template
-          ><template v-else>erstellen</template>
-        </div>
-        <q-select
-          :model-value="template"
-          filled
-          label="Vorlage"
-          class="col-xs-12 col-sm-6 q-pa-sm"
-          :options="templates"
-          option-label="name"
-          map-options
-          clearable
-          :disable="templates.length == 0"
-          @update:modelValue="fromTemplate"
-          @clear="reset()"
-        />
-        <q-input
-          v-model="event.name"
-          class="col-xs-12 col-sm-6 q-pa-sm"
-          label="Name"
-          type="text"
-          filled
-        />
-        <q-select
-          v-model="event.type"
-          filled
-          use-input
-          label="Veranstaltungstyp"
-          input-debounce="0"
-          class="col-xs-12 col-sm-6 q-pa-sm"
-          :options="eventtypes"
-          option-label="name"
-          option-value="id"
-          emit-value
-          map-options
-          clearable
-          :rules="[notEmpty]"
-        />
-        <IsoDateInput
-          v-model="event.start"
-          class="col-xs-12 col-sm-6 q-pa-sm"
-          label="Veranstaltungsbeginn"
-          :rules="[notEmpty]"
-        />
-        <IsoDateInput
-          v-model="event.end"
-          class="col-xs-12 col-sm-6 q-pa-sm"
-          label="Veranstaltungsende"
-        />
-        <q-input
-          v-model="event.description"
-          class="col-12 q-pa-sm"
-          label="Beschreibung"
-          type="textarea"
-          filled
-        />
-      </q-card-section>
-      <q-card-section v-if="event.template_id === undefined && modelValue === undefined">
-        <q-btn-toggle
-          v-model="recurrent"
-          spread
-          no-caps
-          :options="[
-            { label: 'Einmalig', value: false },
-            { label: 'Wiederkehrend', value: true },
-          ]"
-        />
-        <RecurrenceRule v-if="!!recurrent" v-model="recurrenceRule" />
-      </q-card-section>
-      <q-separator />
-      <q-card-section>
-        <q-btn color="primary" label="Schicht hinzufügen" @click="addJob()" />
-      </q-card-section>
-      <q-card-section v-for="(job, index) in event.jobs" :key="index">
-        <q-card class="q-my-auto">
-          <job
-            v-model="event.jobs[index]"
-            :job-can-delete="jobDeleteDisabled"
-            @remove-job="removeJob(index)"
-          />
-        </q-card>
-      </q-card-section>
-      <q-card-actions align="around">
-        <q-card-actions align="left">
-          <q-btn v-if="!template" color="secondary" label="Neue Vorlage" @click="save(true)" />
-          <q-btn v-else color="negative" label="Vorlage löschen" @click="removeTemplate" />
-        </q-card-actions>
-        <q-card-actions align="right">
-          <q-btn label="Zurücksetzen" type="reset" />
-          <q-btn color="primary" type="submit" label="Speichern" />
-        </q-card-actions>
-      </q-card-actions>
-    </q-form>
-  </q-card>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, PropType, ref, onBeforeMount } from 'vue';
-import { date, ModifyDateOptions } from 'quasar';
-import { useScheduleStore } from '../../store';
-import { notEmpty } from 'src/utils/validators';
-import IsoDateInput from 'src/components/utils/IsoDateInput.vue';
-import Job from './Job.vue';
-import RecurrenceRule from './RecurrenceRule.vue';
-
-export default defineComponent({
-  name: 'EditEvent',
-  components: { IsoDateInput, Job, RecurrenceRule },
-  props: {
-    modelValue: {
-      required: false,
-      default: () => undefined,
-      type: Object as PropType<FG.Event | undefined>,
-    },
-  },
-  emits: {
-    done: (val: boolean) => typeof val === 'boolean',
-  },
-  setup(props, { emit }) {
-    const store = useScheduleStore();
-
-    const emptyJob = {
-      id: NaN,
-      start: new Date(),
-      end: date.addToDate(new Date(), { hours: 1 }),
-      services: [],
-      required_services: 2,
-      type: store.jobTypes[0],
-    };
-
-    const emptyEvent = {
-      id: NaN,
-      start: new Date(),
-      jobs: [Object.assign({}, emptyJob)],
-      type: store.eventTypes[0],
-      is_template: false,
-    };
-
-    const templates = computed(() => store.templates);
-    const template = ref<FG.Event | undefined>(undefined);
-    const event = ref<FG.Event>(props.modelValue || Object.assign({}, emptyEvent));
-    const eventtypes = computed(() => store.eventTypes);
-    const jobDeleteDisabled = computed(() => event.value.jobs.length < 2);
-    const recurrent = ref(false);
-    const recurrenceRule = ref<FG.RecurrenceRule>({ frequency: 'daily', interval: 1 });
-
-    onBeforeMount(() => {
-      void store.getEventTypes();
-      void store.getJobTypes();
-      void store.getTemplates();
-    });
-
-    function addJob() {
-      event.value.jobs.push(Object.assign({}, emptyJob));
-    }
-
-    function removeJob(index: number) {
-      event.value.jobs.splice(index, 1);
-    }
-
-    function fromTemplate(tpl: FG.Event) {
-      template.value = tpl;
-      event.value = Object.assign({}, tpl);
-    }
-
-    async function save(template = false) {
-      event.value.is_template = template;
-      try {
-        await store.addEvent(event.value);
-        if (props.modelValue === undefined && recurrent.value && !event.value.is_template) {
-          let count = 0;
-          const options: ModifyDateOptions = {};
-          switch (recurrenceRule.value.frequency) {
-            case 'daily':
-              options['days'] = 1 * recurrenceRule.value.interval;
-              break;
-            case 'weekly':
-              options['days'] = 7 * recurrenceRule.value.interval;
-              break;
-            case 'monthly':
-              options['months'] = 1 * recurrenceRule.value.interval;
-              break;
-          }
-          while (true) {
-            event.value.start = date.addToDate(event.value.start, options);
-            if (event.value.end) event.value.end = date.addToDate(event.value.end, options);
-            event.value.jobs.forEach((job) => {
-              job.start = date.addToDate(job.start, options);
-              if (job.end) job.end = date.addToDate(job.end, options);
-            });
-            count++;
-            if (
-              count <= 120 &&
-              (!recurrenceRule.value.count || count <= recurrenceRule.value.count) &&
-              (!recurrenceRule.value.until || event.value.start < recurrenceRule.value.until)
-            )
-              await store.addEvent(event.value);
-            else break;
-          }
-        }
-        reset();
-        emit('done', true);
-      } catch (error) {
-        console.error(error);
-      }
-    }
-
-    async function removeTemplate() {
-      if (template.value !== undefined) {
-        await store.removeEvent(template.value.id);
-        template.value = undefined;
-      }
-    }
-
-    function reset() {
-      event.value = Object.assign({}, props.modelValue || emptyEvent);
-      template.value = undefined;
-    }
-
-    return {
-      jobDeleteDisabled,
-      addJob,
-      eventtypes,
-      templates,
-      removeJob,
-      notEmpty,
-      save,
-      reset,
-      recurrent,
-      fromTemplate,
-      removeTemplate,
-      template,
-      recurrenceRule,
-      event,
-    };
-  },
-});
-</script>
-
-<style></style>
diff --git a/src/plugins/schedule/components/management/EventTypes.vue b/src/plugins/schedule/components/management/EventTypes.vue
deleted file mode 100644
index a9dbf80..0000000
--- a/src/plugins/schedule/components/management/EventTypes.vue
+++ /dev/null
@@ -1,126 +0,0 @@
-<template>
-  <div>
-    <q-dialog v-model="edittype">
-      <q-card>
-        <q-card-section>
-          <div class="text-h6">Editere Diensttyp {{ actualEvent.name }}</div>
-        </q-card-section>
-        <q-card-section>
-          <q-input v-model="newEventName" dense label="name" filled />
-        </q-card-section>
-        <q-card-actions>
-          <q-btn flat color="danger" label="Abbrechen" @click="discardChanges()" />
-          <q-btn flat color="primary" label="Speichern" @click="saveChanges()" />
-        </q-card-actions>
-      </q-card>
-    </q-dialog>
-
-    <q-card>
-      <q-card-section>
-        <q-table title="Veranstaltungstypen" :rows="rows" row-key="jobid" :columns="columns">
-          <template #top-right>
-            <q-input v-model="newEventType" dense placeholder="Neuer Typ" />
-
-            <div></div>
-            <q-btn color="primary" icon="mdi-plus" label="Hinzufügen" @click="addType" />
-          </template>
-          <template #body-cell-actions="props">
-            <!-- <q-btn :label="item"> -->
-            <!-- {{ item.row.name }} -->
-            <q-td :props="props" align="right" :auto-width="true">
-              <q-btn
-                round
-                icon="mdi-pencil"
-                @click="editType({ id: props.row.id, name: props.row.name })"
-              />
-              <q-btn round icon="mdi-delete" @click="deleteType(props.row.id)" />
-            </q-td>
-          </template>
-        </q-table>
-      </q-card-section>
-    </q-card>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref, computed, onBeforeMount } from 'vue';
-import { useScheduleStore } from '../../store';
-
-export default defineComponent({
-  name: 'EventTypes',
-  components: {},
-  setup() {
-    const store = useScheduleStore();
-    const newEventType = ref('');
-    const edittype = ref(false);
-    const emptyEvent: FG.EventType = { id: -1, name: '' };
-    const actualEvent = ref(emptyEvent);
-    const newEventName = ref('');
-
-    onBeforeMount(async () => await store.getEventTypes());
-
-    const rows = computed(() => store.eventTypes);
-
-    const columns = [
-      {
-        name: 'name',
-        label: 'Veranstaltungstyp',
-        field: 'name',
-        align: 'left',
-        sortable: true,
-      },
-      {
-        name: 'actions',
-        label: 'Aktionen',
-        field: 'actions',
-        align: 'right',
-      },
-    ];
-
-    async function addType() {
-      await store.addEventType(newEventType.value);
-      // if null then conflict with name
-      newEventType.value = '';
-    }
-
-    function editType(event: FG.EventType) {
-      edittype.value = true;
-      actualEvent.value = event;
-    }
-
-    async function saveChanges() {
-      try {
-        await store.renameEventType(actualEvent.value.id, newEventName.value);
-      } finally {
-        discardChanges();
-      }
-    }
-
-    function discardChanges() {
-      actualEvent.value = emptyEvent;
-      newEventName.value = '';
-      edittype.value = false;
-    }
-
-    async function deleteType(id: number) {
-      await store.removeEventType(id);
-    }
-
-    return {
-      columns,
-      rows,
-      addType,
-      newEventType,
-      deleteType,
-      edittype,
-      editType,
-      actualEvent,
-      newEventName,
-      discardChanges,
-      saveChanges,
-    };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/schedule/components/management/Job.vue b/src/plugins/schedule/components/management/Job.vue
deleted file mode 100644
index 95f05ca..0000000
--- a/src/plugins/schedule/components/management/Job.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
-  <q-card-section class="fit row justify-start content-center items-center">
-    <q-card-section class="fit row justify-start content-center items-center">
-      <IsoDateInput
-        v-model="job.start"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        label="Beginn"
-        type="datetime"
-        :rules="[notEmpty]"
-      />
-      <IsoDateInput
-        v-model="job.end"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        label="Ende"
-        type="datetime"
-        :rules="[notEmpty, isAfterDate]"
-      />
-      <q-select
-        v-model="job.type"
-        filled
-        use-input
-        label="Dienstart"
-        input-debounce="0"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        :options="jobtypes"
-        option-label="name"
-        option-value="id"
-        map-options
-        clearable
-        :rules="[notEmpty]"
-      />
-      <q-input
-        v-model="job.required_services"
-        filled
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        label="Dienstanzahl"
-        type="number"
-        :rules="[notEmpty]"
-      />
-      <q-input
-        v-model="job.comment"
-        class="col-12 q-pa-sm"
-        label="Beschreibung"
-        type="textarea"
-        filled
-      />
-    </q-card-section>
-    <q-btn label="Schicht löschen" color="negative" :disabled="jobCanDelete" @click="removeJob" />
-  </q-card-section>
-</template>
-
-<script lang="ts">
-import { defineComponent, computed, onBeforeMount, PropType } from 'vue';
-import IsoDateInput from 'src/components/utils/IsoDateInput.vue';
-import { notEmpty } from 'src/utils/validators';
-import { useScheduleStore } from '../../store';
-
-export default defineComponent({
-  name: 'Job',
-  components: { IsoDateInput },
-  props: {
-    modelValue: {
-      required: true,
-      type: Object as PropType<FG.Job>,
-    },
-    jobCanDelete: Boolean,
-  },
-  emits: {
-    'remove-job': () => true,
-    'update:modelValue': (job: FG.Job) => !!job,
-  },
-  setup(props, { emit }) {
-    const store = useScheduleStore();
-
-    onBeforeMount(() => store.getJobTypes());
-
-    const jobtypes = computed(() => store.jobTypes);
-
-    const job = new Proxy(props.modelValue, {
-      get(target, prop) {
-        if (typeof prop === 'string') {
-          return ((props.modelValue as unknown) as Record<string, unknown>)[prop];
-        }
-      },
-      set(obj, prop, value) {
-        if (typeof prop === 'string') {
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-          emit('update:modelValue', Object.assign({}, props.modelValue, { [prop]: value }));
-        }
-        return true;
-      },
-    });
-
-    function removeJob() {
-      emit('remove-job');
-    }
-
-    function isAfterDate(val: string) {
-      return props.modelValue.start < new Date(val) || 'Ende muss hinter dem Start liegen';
-    }
-
-    return {
-      job,
-      jobtypes,
-      removeJob,
-      notEmpty,
-      isAfterDate,
-    };
-  },
-});
-</script>
-
-<style></style>
diff --git a/src/plugins/schedule/components/management/JobTypes.vue b/src/plugins/schedule/components/management/JobTypes.vue
deleted file mode 100644
index c3fc3f8..0000000
--- a/src/plugins/schedule/components/management/JobTypes.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<template>
-  <div>
-    <q-dialog v-model="edittype">
-      <q-card>
-        <q-card-section>
-          <div class="text-h6">Editere Diensttyp {{ actualJob.name }}</div>
-        </q-card-section>
-        <q-card-section>
-          <q-input v-model="newJobName" dense label="name" filled />
-        </q-card-section>
-        <q-card-actions>
-          <q-btn flat color="danger" label="Abbrechen" @click="discardChanges()" />
-          <q-btn flat color="primary" label="Speichern" @click="saveChanges()" />
-        </q-card-actions>
-      </q-card>
-    </q-dialog>
-
-    <q-card>
-      <q-card-section>
-        <q-table title="Diensttypen" :rows="rows" row-key="jobid" :columns="columns">
-          <template #top-right>
-            <q-input v-model="newJob" dense placeholder="Neuer Typ" />
-
-            <div></div>
-            <q-btn color="primary" icon="mdi-plus" label="Hinzufügen" @click="addType" />
-          </template>
-          <template #body-cell-actions="props">
-            <!-- <q-btn :label="item"> -->
-            <!-- {{ item.row.name }} -->
-            <q-td :props="props" align="right" :auto-width="true">
-              <q-btn
-                round
-                icon="mdi-pencil"
-                @click="editType({ id: props.row.id, name: props.row.name })"
-              />
-              <q-btn round icon="mdi-delete" @click="deleteType(props.row.id)" />
-            </q-td>
-          </template>
-        </q-table>
-      </q-card-section>
-    </q-card>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref, computed, onBeforeMount } from 'vue';
-import { useScheduleStore } from '../../store';
-
-export default defineComponent({
-  name: 'JobTypes',
-  components: {},
-  setup() {
-    const store = useScheduleStore();
-    const newJob = ref('');
-    const edittype = ref(false);
-    const emptyJob: FG.JobType = { id: -1, name: '' };
-    const actualJob = ref(emptyJob);
-    const newJobName = ref('');
-
-    onBeforeMount(() => store.getJobTypes());
-
-    const rows = computed(() => store.jobTypes);
-
-    const columns = [
-      {
-        name: 'jobname',
-        label: 'Name',
-        field: 'name',
-        align: 'left',
-        sortable: true,
-      },
-      {
-        name: 'actions',
-        label: 'Aktionen',
-        field: 'actions',
-        align: 'right',
-      },
-    ];
-
-    async function addType() {
-      await store.addJobType(newJob.value);
-      newJob.value = '';
-    }
-
-    function editType(job: FG.JobType) {
-      edittype.value = true;
-      actualJob.value = job;
-    }
-
-    async function saveChanges() {
-      try {
-        await store.renameJobType(actualJob.value.id, newJobName.value);
-      } finally {
-        discardChanges();
-      }
-    }
-
-    function discardChanges() {
-      actualJob.value = emptyJob;
-      newJobName.value = '';
-      edittype.value = false;
-    }
-
-    function deleteType(id: number) {
-      void store.removeJobType(id);
-    }
-
-    return {
-      columns,
-      rows,
-      addType,
-      newJob,
-      deleteType,
-      edittype,
-      editType,
-      actualJob,
-      newJobName,
-      discardChanges,
-      saveChanges,
-    };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/schedule/components/management/RecurrenceRule.vue b/src/plugins/schedule/components/management/RecurrenceRule.vue
deleted file mode 100644
index c5aa054..0000000
--- a/src/plugins/schedule/components/management/RecurrenceRule.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-  <q-card class="fit row justify-start content-center items-center">
-    <q-input
-      v-model="rule.interval"
-      filled
-      class="col-xs-12 col-sm-6 q-pa-sm"
-      label="Interval"
-      type="number"
-      :rules="[notEmpty]"
-    />
-    <q-select
-      v-model="rule.frequency"
-      filled
-      label="Wiederholung"
-      input-debounce="200"
-      class="col-xs-12 col-sm-6 q-pa-sm"
-      :options="freqTypes"
-      emit-value
-      map-options
-    />
-    <q-input
-      v-model="rule.count"
-      filled
-      class="col-xs-12 col-sm-6 q-pa-sm"
-      label="Anzahl Wiederholungen"
-      type="number"
-    />
-    <IsoDateInput
-      v-model="rule.until"
-      class="col-xs-12 col-sm-6 q-pa-sm"
-      label="Wiederholen bis"
-      type="date"
-    />
-  </q-card>
-</template>
-
-<script lang="ts">
-import IsoDateInput from 'src/components/utils/IsoDateInput.vue';
-import { defineComponent, PropType } from 'vue';
-import { notEmpty } from 'src/utils/validators';
-
-export default defineComponent({
-  name: 'RecurrenceRule',
-  components: { IsoDateInput },
-  props: {
-    modelValue: {
-      required: true,
-      type: Object as PropType<FG.RecurrenceRule>,
-    },
-  },
-  emits: {
-    'update:modelValue': (rule: FG.RecurrenceRule) => !!rule,
-  },
-  setup(props, { emit }) {
-    const freqTypes = [
-      { label: 'Täglich', value: 'daily' },
-      { label: 'Wöchentlich', value: 'weekly' },
-      { label: 'Monatlich', value: 'monthly' },
-      { label: 'Jährlich', value: 'yearly' },
-    ];
-
-    const rule = new Proxy(props.modelValue, {
-      get(target, prop) {
-        if (typeof prop === 'string') {
-          return ((props.modelValue as unknown) as Record<string, unknown>)[prop];
-        }
-      },
-      set(target, prop, value) {
-        if (typeof prop === 'string') {
-          const obj = Object.assign({}, props.modelValue);
-          if (prop == 'frequency' && typeof value === 'string') obj.frequency = value;
-          else if (prop == 'interval') {
-            obj.interval = typeof value === 'string' ? parseInt(value) : <number>value;
-          } else if (prop == 'count') {
-            obj.until = undefined;
-            obj.count = typeof value === 'string' ? parseInt(value) : <number>value;
-          } else if (prop == 'until' && (value instanceof Date || value === undefined)) {
-            obj.count = undefined;
-            obj.until = <Date | undefined>value;
-          } else return false;
-          emit('update:modelValue', obj);
-        }
-        return true;
-      },
-    });
-
-    return {
-      rule,
-      notEmpty,
-      freqTypes,
-    };
-  },
-});
-</script>
-
-<style></style>
diff --git a/src/plugins/schedule/components/overview/AgendaView.vue b/src/plugins/schedule/components/overview/AgendaView.vue
deleted file mode 100644
index 3f4e081..0000000
--- a/src/plugins/schedule/components/overview/AgendaView.vue
+++ /dev/null
@@ -1,241 +0,0 @@
-<template>
-  <q-dialog
-    :model-value="editor !== undefined"
-    persistent
-    transition-show="scale"
-    transition-hide="scale"
-  >
-    <q-card>
-      <div class="column">
-        <div class="col" align="right" style="position: sticky; top: 0; z-index: 999">
-          <q-btn round color="negative" icon="close" dense rounded @click="editDone(false)" />
-        </div>
-        <div class="col" style="margin: 0; padding: 0; margin-top: -2.4em">
-          <edit-event v-model="editor" @done="editDone" />
-        </div>
-      </div>
-    </q-card>
-  </q-dialog>
-  <q-page padding>
-    <q-card>
-      <div style="max-width: 1800px; width: 100%">
-        <q-toolbar class="bg-primary text-white q-my-md shadow-2 items-center row justify-center">
-          <div class="row justify-center items-center">
-            <q-btn flat dense label="Prev" @click="calendarPrev" />
-            <q-separator vertical />
-            <q-btn flat dense
-              >{{ asMonth(selectedDate) }} {{ asYear(selectedDate) }}
-              <q-popup-proxy
-                transition-show="scale"
-                transition-hide="scale"
-                @before-show="updateProxy"
-              >
-                <q-date v-model="proxyDate">
-                  <div class="row items-center justify-end q-gutter-sm">
-                    <q-btn v-close-popup label="Cancel" color="primary" flat />
-                    <q-btn
-                      v-close-popup
-                      label="OK"
-                      color="primary"
-                      flat
-                      @click="saveNewSelectedDate(proxyDate)"
-                    />
-                  </div>
-                </q-date>
-              </q-popup-proxy>
-            </q-btn>
-            <q-separator vertical />
-            <q-btn flat dense label="Next" @click="calendarNext" />
-          </div>
-          <!-- <q-space /> -->
-
-          <q-btn-toggle
-            v-model="calendarView"
-            class="row absolute-right"
-            flat
-            stretch
-            toggle-color=""
-            :options="[
-              { label: 'Tag', value: 'day' },
-              { label: 'Woche', value: 'week' },
-            ]"
-          />
-        </q-toolbar>
-        <q-calendar-agenda
-          v-model="selectedDate"
-          :view="calendarRealView"
-          :max-days="calendarDays"
-          :weekdays="[1, 2, 3, 4, 5, 6, 0]"
-          locale="de-de"
-          style="height: 100%; min-height: 400px"
-        >
-          <template #day="{ scope: { timestamp } }">
-            <div itemref="" class="q-pb-sm" style="min-height: 200px">
-              <eventslot
-                v-for="(agenda, index) in events[timestamp.weekday]"
-                :key="index"
-                v-model="events[timestamp.weekday][index]"
-                @removeEvent="remove"
-                @editEvent="edit"
-              />
-            </div>
-          </template>
-        </q-calendar-agenda>
-      </div>
-    </q-card>
-  </q-page>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, onBeforeMount, ref } from 'vue';
-import { useScheduleStore } from '../../store';
-import Eventslot from './slots/EventSlot.vue';
-import { date } from 'quasar';
-import { startOfWeek } from 'src/utils/datetime';
-import EditEvent from '../management/EditEvent.vue';
-
-export default defineComponent({
-  name: 'AgendaView',
-  components: { Eventslot, EditEvent },
-
-  setup() {
-    const store = useScheduleStore();
-    const windowWidth = ref(window.innerWidth);
-    const selectedDate = ref(date.formatDate(new Date(), 'YYYY-MM-DD'));
-    const proxyDate = ref('');
-    const calendarView = ref('week');
-
-    const calendarRealView = computed(() => (calendarDays.value != 7 ? 'day' : 'week'));
-    const calendarDays = computed(() =>
-      // <= 1023 is the breakpoint for sm to md
-      calendarView.value == 'day' ? 1 : windowWidth.value <= 1023 ? 3 : 7
-    );
-    const events = ref<Agendas>({});
-    const editor = ref<FG.Event | undefined>(undefined);
-
-    interface Agendas {
-      [index: number]: FG.Event[];
-    }
-
-    onBeforeMount(async () => {
-      window.addEventListener('resize', () => {
-        windowWidth.value = window.innerWidth;
-      });
-
-      await loadAgendas();
-    });
-
-    async function edit(id: number) {
-      editor.value = await store.getEvent(id);
-    }
-    function editDone(changed: boolean) {
-      if (changed) void loadAgendas();
-      editor.value = undefined;
-    }
-
-    async function remove(id: number) {
-      if (await store.removeEvent(id)) {
-        // Successfull removed
-        for (const idx in events.value) {
-          const i = events.value[idx].findIndex((event) => event.id === id);
-          if (i !== -1) {
-            events.value[idx].splice(i, 1);
-            break;
-          }
-        }
-      } else {
-        // Not found, this means our eventa are outdated
-        await loadAgendas();
-      }
-    }
-
-    async function loadAgendas() {
-      const selected = new Date(selectedDate.value);
-      console.log(selected);
-      const start = calendarRealView.value === 'day' ? selected : startOfWeek(selected);
-      const end = date.addToDate(start, { days: calendarDays.value });
-
-      events.value = {};
-      const list = await store.getEvents({ from: start, to: end });
-      list.forEach((event) => {
-        const day = event.start.getDay();
-
-        if (!events.value[day]) {
-          events.value[day] = [];
-        }
-        events.value[day].push(event);
-      });
-    }
-
-    function calendarNext() {
-      selectedDate.value = date.formatDate(
-        date.addToDate(selectedDate.value, { days: calendarDays.value }),
-        'YYYY-MM-DD'
-      );
-      void loadAgendas();
-    }
-
-    function calendarPrev() {
-      selectedDate.value = date.formatDate(
-        date.subtractFromDate(selectedDate.value, { days: calendarDays.value }),
-        'YYYY-MM-DD'
-      );
-      void loadAgendas();
-    }
-
-    function updateProxy() {
-      proxyDate.value = selectedDate.value;
-    }
-    function saveNewSelectedDate() {
-      proxyDate.value = date.formatDate(proxyDate.value, 'YYYY-MM-DD');
-      selectedDate.value = proxyDate.value;
-    }
-    function asMonth(value: string) {
-      if (value) {
-        return date.formatDate(new Date(value), 'MMMM', {
-          months: [
-            'Januar',
-            'Februar',
-            'März',
-            'April',
-            'Mai',
-            'Juni',
-            'Juli',
-            'August',
-            'September',
-            'Oktober',
-            'November',
-            'Dezember',
-          ],
-        });
-      }
-    }
-    function asYear(value: string) {
-      if (value) {
-        return date.formatDate(new Date(value), 'YYYY');
-      }
-    }
-
-    return {
-      asYear,
-      asMonth,
-      selectedDate,
-      edit,
-      editor,
-      editDone,
-      events,
-      calendarNext,
-      calendarPrev,
-      updateProxy,
-      saveNewSelectedDate,
-      proxyDate,
-      remove,
-      calendarDays,
-      calendarView,
-      calendarRealView,
-    };
-  },
-});
-</script>
-
-<style></style>
diff --git a/src/plugins/schedule/components/overview/slots/EventSlot.vue b/src/plugins/schedule/components/overview/slots/EventSlot.vue
deleted file mode 100644
index 1524001..0000000
--- a/src/plugins/schedule/components/overview/slots/EventSlot.vue
+++ /dev/null
@@ -1,99 +0,0 @@
-<template>
-  <q-card
-    class="q-mx-xs q-mt-sm justify-start content-center items-center rounded-borders shadow-5"
-    bordered
-  >
-    <q-card-section class="text-primary q-pa-xs">
-      <div class="text-weight-bolder text-center" style="font-size: 1.5vw">
-        {{ event.type.name }}
-        <template v-if="event.name"
-          >: <span style="font-size: 1.2vw">{{ event.name }}</span>
-        </template>
-      </div>
-      <div v-if="event.description" class="text-weight-medium" style="font-size: 1vw">
-        {{ event.description }}
-      </div>
-    </q-card-section>
-    <q-separator />
-    <q-card-section class="q-pa-xs">
-      <!-- Jobs -->
-      <JobSlot
-        v-for="(job, index) in event.jobs"
-        :key="index"
-        v-model="event.jobs[index]"
-        class="col q-my-xs"
-        :event-id="event.id"
-      />
-    </q-card-section>
-    <q-card-actions v-if="canEdit || canDelete" vertical align="center">
-      <q-btn
-        v-if="canEdit"
-        color="secondary"
-        flat
-        label="Bearbeiten"
-        style="min-width: 95%"
-        @click="edit"
-      />
-      <q-btn
-        v-if="canDelete"
-        color="negative"
-        flat
-        label="Löschen"
-        style="min-width: 95%"
-        @click="remove"
-      />
-    </q-card-actions>
-  </q-card>
-</template>
-
-<script lang="ts">
-import { defineComponent, computed, PropType } from 'vue';
-import { hasPermission } from 'src/utils/permission';
-import { PERMISSIONS } from 'src/plugins/schedule/permissions';
-import JobSlot from './JobSlot.vue';
-
-export default defineComponent({
-  name: 'Eventslot',
-  components: { JobSlot },
-  props: {
-    modelValue: {
-      required: true,
-      type: Object as PropType<FG.Event>,
-    },
-  },
-  emits: {
-    'update:modelValue': (val: FG.Event) => !!val,
-    removeEvent: (val: number) => typeof val === 'number',
-    editEvent: (val: number) => !!val,
-  },
-  setup(props, { emit }) {
-    const canDelete = computed(() => hasPermission(PERMISSIONS.DELETE));
-    const canEdit = computed(
-      () =>
-        hasPermission(PERMISSIONS.EDIT) &&
-        (props.modelValue?.end || props.modelValue.start) > new Date()
-    );
-    const event = computed({
-      get: () => props.modelValue,
-      set: (v) => emit('update:modelValue', v),
-    });
-
-    function remove() {
-      emit('removeEvent', props.modelValue.id);
-    }
-    function edit() {
-      emit('editEvent', props.modelValue.id);
-    }
-
-    return {
-      canDelete,
-      canEdit,
-      edit,
-      event,
-      remove,
-    };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/schedule/components/overview/slots/JobSlot.vue b/src/plugins/schedule/components/overview/slots/JobSlot.vue
deleted file mode 100644
index 9a65835..0000000
--- a/src/plugins/schedule/components/overview/slots/JobSlot.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<template>
-  <q-card bordered>
-    <div class="text-weight-medium q-px-xs">
-      {{ asHour(modelValue.start) }}
-      <template v-if="modelValue.end">- {{ asHour(modelValue.end) }}</template>
-    </div>
-    <div class="q-px-xs">
-      {{ modelValue.type.name }}
-    </div>
-    <div class="col-auto q-px-xs" style="font-size: 10px">
-      {{ modelValue.comment }}
-    </div>
-    <div>
-      <q-select
-        :model-value="modelValue.services"
-        filled
-        :option-label="(opt) => userDisplay(opt)"
-        multiple
-        disable
-        use-chips
-        stack-label
-        label="Dienste"
-        class="col-auto q-px-xs"
-        style="font-size: 6px"
-        counter
-        :max-values="modelValue.required_services"
-      >
-      </q-select>
-      <div class="row col-12 justify-end">
-        <q-btn v-if="canEnroll" flat color="primary" label="Eintragen" @click="enrollForJob" />
-        <q-btn v-if="isEnrolled" flat color="negative" label="Austragen" @click="signOutFromJob" />
-      </div>
-    </div>
-  </q-card>
-</template>
-
-<script lang="ts">
-import { defineComponent, onBeforeMount, computed, PropType } from 'vue';
-import { Notify } from 'quasar';
-import { asHour } from 'src/utils/datetime';
-import { useUserStore } from 'src/plugins/user/store';
-import { useMainStore } from 'src/stores';
-import { useScheduleStore } from 'src/plugins/schedule/store';
-
-export default defineComponent({
-  name: 'JobSlot',
-  props: {
-    modelValue: {
-      required: true,
-      type: Object as PropType<FG.Job>,
-    },
-    eventId: {
-      required: true,
-      type: Number,
-    },
-  },
-  emits: { 'update:modelValue': (v: FG.Job) => !!v },
-  setup(props, { emit }) {
-    const store = useScheduleStore();
-    const mainStore = useMainStore();
-    const userStore = useUserStore();
-    const availableUsers = null;
-
-    onBeforeMount(async () => userStore.getUsers());
-
-    function userDisplay(service: FG.Service) {
-      return userStore.findUser(service.userid)?.display_name || service.userid;
-    }
-
-    const isEnrolled = computed(
-      () =>
-        props.modelValue.services.findIndex(
-          (service) => service.userid == mainStore.currentUser.userid
-        ) !== -1
-    );
-
-    const canEnroll = computed(() => {
-      const is = isEnrolled.value;
-      let sum = 0;
-      props.modelValue.services.forEach((s) => (sum += s.value));
-      return sum < props.modelValue.required_services && !is;
-    });
-
-    async function enrollForJob() {
-      const newService: FG.Service = {
-        userid: mainStore.currentUser.userid,
-        is_backup: false,
-        value: 1,
-      };
-      try {
-        const job = await store.updateJob(props.eventId, props.modelValue.id, { user: newService });
-        emit('update:modelValue', job);
-      } catch (error) {
-        console.warn(error);
-        Notify.create({
-          group: false,
-          type: 'negative',
-          message: 'Fehler beim Eintragen als Dienst',
-          timeout: 10000,
-          progress: true,
-          actions: [{ icon: 'mdi-close', color: 'white' }],
-        });
-      }
-    }
-    async function signOutFromJob() {
-      const newService: FG.Service = {
-        userid: mainStore.currentUser.userid,
-        is_backup: false,
-        value: -1,
-      };
-      try {
-        const job = await store.updateJob(props.eventId, props.modelValue.id, {
-          user: newService,
-        });
-        emit('update:modelValue', job);
-      } catch (error) {
-        console.warn(error);
-        Notify.create({
-          group: false,
-          type: 'negative',
-          message: 'Fehler beim Austragen als Dienst',
-          timeout: 10000,
-          progress: true,
-          actions: [{ icon: 'mdi-close', color: 'white' }],
-        });
-      }
-    }
-
-    return {
-      availableUsers,
-      enrollForJob,
-      isEnrolled,
-      signOutFromJob,
-      canEnroll,
-      userDisplay,
-      asHour,
-    };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/schedule/events.d.ts b/src/plugins/schedule/events.d.ts
deleted file mode 100644
index ec9d101..0000000
--- a/src/plugins/schedule/events.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-declare namespace FG {
-  export interface RecurrenceRule {
-    frequency: string;
-    interval: number;
-    count?: number;
-    until?: Date;
-    weekdays?: Array<number>;
-  }
-}
diff --git a/src/plugins/schedule/pages/Event.vue b/src/plugins/schedule/pages/Event.vue
deleted file mode 100644
index 0e99801..0000000
--- a/src/plugins/schedule/pages/Event.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <q-page padding class="fit row justify-center content-start items-start q-gutter-sm">
-    <EditEvent v-model="event" />
-  </q-page>
-</template>
-
-<script lang="ts">
-import { onBeforeMount, defineComponent, ref } from 'vue';
-import EditEvent from '../components/management/EditEvent.vue';
-import { useScheduleStore } from '../store';
-import { useRoute } from 'vue-router';
-
-export default defineComponent({
-  components: { EditEvent },
-  setup() {
-    const route = useRoute();
-    const store = useScheduleStore();
-    const event = ref<FG.Event | undefined>(undefined);
-    onBeforeMount(async () => {
-      if ('id' in route.params && typeof route.params.id === 'string')
-        event.value = await store.getEvent(parseInt(route.params.id));
-    });
-
-    return {
-      event,
-    };
-  },
-});
-</script>
diff --git a/src/plugins/schedule/pages/Management.vue b/src/plugins/schedule/pages/Management.vue
deleted file mode 100644
index 200b038..0000000
--- a/src/plugins/schedule/pages/Management.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-  <div>
-    <q-tabs v-if="$q.screen.gt.sm" v-model="tab">
-      <q-tab
-        v-for="(tabindex, index) in tabs"
-        :key="'tab' + index"
-        :name="tabindex.name"
-        :label="tabindex.label"
-      />
-    </q-tabs>
-    <div v-else class="fit row justify-end">
-      <q-btn flat round icon="mdi-menu" @click="showDrawer = !showDrawer" />
-    </div>
-    <q-drawer v-model="showDrawer" side="right" behavior="mobile" @click="showDrawer = !showDrawer">
-      <q-list v-model="tab">
-        <q-item
-          v-for="(tabindex, index) in tabs"
-          :key="'tab' + index"
-          :active="tab == tabindex.name"
-          clickable
-          @click="tab = tabindex.name"
-        >
-          <q-item-label>{{ tabindex.label }}</q-item-label>
-        </q-item>
-      </q-list>
-    </q-drawer>
-    <q-page padding class="fit row justify-center content-start items-start q-gutter-sm">
-      <q-tab-panels
-        v-model="tab"
-        style="background-color: transparent"
-        class="q-ma-none q-pa-none fit row justify-center content-start items-start"
-        animated
-      >
-        <q-tab-panel name="create">
-          <EditEvent />
-        </q-tab-panel>
-        <q-tab-panel name="eventtypes">
-          <EventTypes />
-        </q-tab-panel>
-        <q-tab-panel name="jobtypes">
-          <JobTypes v-if="canEditJobTypes" />
-        </q-tab-panel>
-      </q-tab-panels>
-    </q-page>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, ref } from 'vue';
-import EventTypes from '../components/management/EventTypes.vue';
-import JobTypes from '../components/management/JobTypes.vue';
-import EditEvent from '../components/management/EditEvent.vue';
-import { hasPermission } from 'src/utils/permission';
-import { PERMISSIONS } from '../permissions';
-import { Screen } from 'quasar';
-
-export default defineComponent({
-  name: 'EventManagement',
-  components: { EditEvent, EventTypes, JobTypes },
-  setup() {
-    const canEditJobTypes = computed(() => hasPermission(PERMISSIONS.JOB_TYPE));
-
-    interface Tab {
-      name: string;
-      label: string;
-    }
-
-    const tabs: Tab[] = [
-      { name: 'create', label: 'Veranstaltungen' },
-      { name: 'eventtypes', label: 'Veranstaltungsarten' },
-      { name: 'jobtypes', label: 'Dienstarten' },
-    ];
-
-    const drawer = ref<boolean>(false);
-
-    const showDrawer = computed({
-      get: () => {
-        return !Screen.gt.sm && drawer.value;
-      },
-      set: (val: boolean) => {
-        drawer.value = val;
-      },
-    });
-
-    const tab = ref<string>('create');
-
-    return {
-      canEditJobTypes,
-      showDrawer,
-      tab,
-      tabs,
-    };
-  },
-});
-</script>
diff --git a/src/plugins/schedule/pages/Overview.vue b/src/plugins/schedule/pages/Overview.vue
deleted file mode 100644
index 2a0f627..0000000
--- a/src/plugins/schedule/pages/Overview.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-  <div>
-    <q-tabs v-if="$q.screen.gt.sm" v-model="tab">
-      <q-tab
-        v-for="(tabindex, index) in tabs"
-        :key="'tab' + index"
-        :name="tabindex.name"
-        :label="tabindex.label"
-      />
-    </q-tabs>
-    <div v-else class="fit row justify-end">
-      <q-btn flat round icon="mdi-menu" @click="showDrawer = !showDrawer" />
-    </div>
-    <q-drawer v-model="showDrawer" side="right" behavior="mobile" @click="showDrawer = !showDrawer">
-      <q-list v-model="tab">
-        <q-item
-          v-for="(tabindex, index) in tabs"
-          :key="'tab' + index"
-          :active="tab == tabindex.name"
-          clickable
-          @click="tab = tabindex.name"
-        >
-          <q-item-label>{{ tabindex.label }}</q-item-label>
-        </q-item>
-      </q-list>
-    </q-drawer>
-    <q-page padding class="fit row justify-center content-start items-start q-gutter-sm">
-      <q-tab-panels
-        v-model="tab"
-        style="background-color: transparent"
-        class="q-ma-none q-pa-none fit row justify-center content-start items-start"
-        animated
-      >
-        <q-tab-panel name="agendaView">
-          <AgendaView />
-        </q-tab-panel>
-        <q-tab-panel name="eventtypes">
-          <EventTypes />
-        </q-tab-panel>
-      </q-tab-panels>
-    </q-page>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, ref } from 'vue';
-import EventTypes from '../components/management/EventTypes.vue';
-//import CreateEvent from '../components/management/CreateEvent.vue';
-import AgendaView from '../components/overview/AgendaView.vue';
-import { Screen } from 'quasar';
-
-export default defineComponent({
-  name: 'EventOverview',
-  components: { AgendaView, EventTypes },
-  setup() {
-    interface Tab {
-      name: string;
-      label: string;
-    }
-
-    const tabs: Tab[] = [
-      { name: 'agendaView', label: 'Kalendar' },
-      // { name: 'eventtypes', label: 'Veranstaltungsarten' },
-      // { name: 'jobtypes', label: 'Dienstarten' }
-    ];
-
-    const drawer = ref<boolean>(false);
-
-    const showDrawer = computed({
-      get: () => {
-        return !Screen.gt.sm && drawer.value;
-      },
-      set: (val: boolean) => {
-        drawer.value = val;
-      },
-    });
-
-    const tab = ref<string>('agendaView');
-
-    return {
-      showDrawer,
-      tab,
-      tabs,
-    };
-  },
-});
-</script>
diff --git a/src/plugins/schedule/pages/Requests.vue b/src/plugins/schedule/pages/Requests.vue
deleted file mode 100644
index b64ab3f..0000000
--- a/src/plugins/schedule/pages/Requests.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<template>
-  <q-page padding>
-    <q-card>
-      <q-card-section class="row"> </q-card-section>
-      <q-card-section> </q-card-section>
-    </q-card>
-  </q-page>
-</template>
diff --git a/src/plugins/schedule/permissions.ts b/src/plugins/schedule/permissions.ts
deleted file mode 100644
index c1bc584..0000000
--- a/src/plugins/schedule/permissions.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export const PERMISSIONS = {
-  // Can create events
-  CREATE: 'events_create',
-  // Can edit events
-  EDIT: 'events_edit',
-  // Can delete events
-  DELETE: 'events_delete',
-  // Can create and edit EventTypes
-  EVENT_TYPE: 'events_event_type',
-  // Can create and edit JobTypes
-  JOB_TYPE: 'events_job_type',
-  // Can self assign to jobs
-  ASSIGN: 'events_assign',
-  // Can assign other users to jobs
-  ASSIGN_OTHER: 'events_assign_other',
-};
diff --git a/src/plugins/schedule/plugin.ts b/src/plugins/schedule/plugin.ts
deleted file mode 100644
index 0082363..0000000
--- a/src/plugins/schedule/plugin.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { defineAsyncComponent } from 'vue';
-import { innerRoutes, privateRoutes } from './routes';
-import { FG_Plugin } from 'src/plugins';
-
-const plugin: FG_Plugin.Plugin = {
-  name: 'Schedule',
-  innerRoutes,
-  internalRoutes: privateRoutes,
-  requiredModules: ['User'],
-  requiredBackendModules: ['events'],
-  version: '0.0.1',
-  widgets: [
-    {
-      priority: 0,
-      name: 'stats',
-      permissions: [],
-      widget: defineAsyncComponent(() => import('./components/Widget.vue')),
-    },
-  ],
-};
-
-export default plugin;
diff --git a/src/plugins/schedule/routes/index.ts b/src/plugins/schedule/routes/index.ts
deleted file mode 100644
index 4188f0d..0000000
--- a/src/plugins/schedule/routes/index.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { FG_Plugin } from 'src/plugins';
-import { PERMISSIONS } from '../permissions';
-
-export const innerRoutes: FG_Plugin.MenuRoute[] = [
-  {
-    title: 'Dienste',
-    icon: 'mdi-briefcase',
-    permissions: ['user'],
-    route: {
-      path: 'schedule',
-      name: 'schedule',
-      redirect: { name: 'schedule-overview' },
-    },
-    children: [
-      {
-        title: 'Dienstübersicht',
-        icon: 'mdi-account-group',
-        shortcut: true,
-        route: {
-          path: 'schedule-overview',
-          name: 'schedule-overview',
-          component: () => import('../pages/Overview.vue'),
-        },
-      },
-      {
-        title: 'Dienstverwaltung',
-        icon: 'mdi-account-details',
-        shortcut: false,
-        permissions: [PERMISSIONS.CREATE],
-        route: {
-          path: 'schedule-management',
-          name: 'schedule-management',
-          component: () => import('../pages/Management.vue'),
-        },
-      },
-      {
-        title: 'Dienstanfragen',
-        icon: 'mdi-account-switch',
-        shortcut: false,
-        route: {
-          path: 'schedule-requests',
-          name: 'schedule-requests',
-          component: () => import('../pages/Requests.vue'),
-        },
-      },
-    ],
-  },
-];
-
-export const privateRoutes: FG_Plugin.NamedRouteRecordRaw[] = [
-  {
-    name: 'events-edit',
-    path: 'schedule/:id/edit',
-    component: () => import('../pages/Event.vue'),
-  },
-];
diff --git a/src/plugins/schedule/store.ts b/src/plugins/schedule/store.ts
deleted file mode 100644
index 113fd8f..0000000
--- a/src/plugins/schedule/store.ts
+++ /dev/null
@@ -1,165 +0,0 @@
-import { api } from 'src/boot/axios';
-import { AxiosError } from 'axios';
-import { defineStore } from 'pinia';
-
-interface UserService {
-  user: FG.Service;
-}
-
-function fixJob(job: FG.Job) {
-  job.start = new Date(job.start);
-  if (job.end) job.end = new Date(job.end);
-}
-
-function fixEvent(event: FG.Event) {
-  event.start = new Date(event.start);
-  if (event.end) event.end = new Date(event.end);
-
-  event.jobs.forEach((job) => fixJob(job));
-}
-
-export const useScheduleStore = defineStore({
-  id: 'schedule',
-
-  state: () => ({
-    jobTypes: [] as FG.JobType[],
-    eventTypes: [] as FG.EventType[],
-    templates: [] as FG.Event[],
-  }),
-
-  getters: {},
-
-  actions: {
-    async getJobTypes(force = false) {
-      if (force || this.jobTypes.length == 0)
-        try {
-          const { data } = await api.get<FG.JobType[]>('/events/job-types');
-          this.jobTypes = data;
-        } catch (error) {
-          throw error;
-        }
-      return this.jobTypes;
-    },
-
-    async addJobType(name: string) {
-      await api.post<FG.JobType>('/events/job-types', { name: name });
-      //TODO: HAndle new JT
-    },
-
-    async removeJobType(id: number) {
-      await api.delete(`/events/job-types/${id}`);
-      //Todo Handle delete JT
-    },
-
-    async renameJobType(id: number, newName: string) {
-      await api.put(`/events/job-types/${id}`, { name: newName });
-      // TODO handle rename
-    },
-
-    async getEventTypes(force = false) {
-      if (force || this.eventTypes.length == 0)
-        try {
-          const { data } = await api.get<FG.EventType[]>('/events/event-types');
-          this.eventTypes = data;
-        } catch (error) {
-          throw error;
-        }
-      return this.eventTypes;
-    },
-
-    /** Add new EventType
-     *
-     * @param name Name of new EventType
-     * @returns EventType object or null if name already exists
-     * @throws Exception if requests fails because of an other reason
-     */
-    async addEventType(name: string) {
-      try {
-        const { data } = await api.post<FG.EventType>('/events/event-types', { name: name });
-        return data;
-      } catch (error) {
-        if ('response' in error) {
-          const ae = <AxiosError>error;
-          if (ae.response && ae.response.status == 409 /* CONFLICT */) return null;
-        }
-        throw error;
-      }
-    },
-    async removeEvent(id: number) {
-      try {
-        await api.delete(`/events/${id}`);
-        const idx = this.templates.findIndex((v) => v.id === id);
-        if (idx !== -1) this.templates.splice(idx, 1);
-      } catch (e) {
-        const error = <AxiosError>e;
-        if (error.response && error.response.status === 404) return false;
-        throw e;
-      }
-      return true;
-    },
-
-    async removeEventType(id: number) {
-      await api.delete(`/events/event-types/${id}`);
-      // TODO handle delete
-    },
-
-    async renameEventType(id: number, newName: string) {
-      try {
-        await api.put(`/events/event-types/${id}`, { name: newName });
-        // TODO handle rename
-        return true;
-      } catch (error) {
-        if ('response' in error) {
-          const ae = <AxiosError>error;
-          if (ae.response && ae.response.status == 409 /* CONFLICT */) return false;
-        }
-        throw error;
-      }
-    },
-
-    async getTemplates(force = false) {
-      if (force || this.templates.length == 0) {
-        const { data } = await api.get<FG.Event[]>('/events/templates');
-        data.forEach((element) => fixEvent(element));
-        this.templates = data;
-      }
-      return this.templates;
-    },
-
-    async getEvents(filter: { from?: Date; to?: Date } | undefined = undefined) {
-      try {
-        const { data } = await api.get<FG.Event[]>('/events', { params: filter });
-        data.forEach((element) => fixEvent(element));
-        return data;
-      } catch (error) {
-        throw error;
-      }
-    },
-
-    async getEvent(id: number) {
-      try {
-        const { data } = await api.get<FG.Event>(`/events/${id}`);
-        fixEvent(data);
-        return data;
-      } catch (error) {
-        throw error;
-      }
-    },
-
-    async updateJob(eventId: number, jobId: number, service: FG.Service | UserService) {
-      try {
-        const { data } = await api.put<FG.Job>(`/events/${eventId}/jobs/${jobId}`, service);
-        fixJob(data);
-        return data;
-      } catch (error) {
-        throw error;
-      }
-    },
-
-    async addEvent(event: FG.Event) {
-      const { data } = await api.post<FG.Event>('/events', event);
-      if (data.is_template) this.templates.push(data);
-      return data;
-    },
-  },
-});
diff --git a/src/plugins/user/components/NewUser.vue b/src/plugins/user/components/NewUser.vue
deleted file mode 100644
index d59b746..0000000
--- a/src/plugins/user/components/NewUser.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <q-card class="12">
-    <q-card-section class="fit row justify-start content-center items-center">
-      <div class="col-xs-12 col-sm-6 text-center text-h6">Neues Mitglied</div>
-    </q-card-section>
-    <q-card-section>
-      <MainUserSettings :user="user" :new-user="true" @update:user="setUser" />
-    </q-card-section>
-  </q-card>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
-import MainUserSettings from 'src/plugins/user/components/settings/MainUserSettings.vue';
-import { useUserStore } from '../store';
-
-export default defineComponent({
-  name: 'NewUser',
-  components: { MainUserSettings },
-  setup() {
-    const userStore = useUserStore();
-    const user = ref<FG.User>({
-      userid: '',
-      display_name: '',
-      firstname: '',
-      lastname: '',
-      mail: '',
-      roles: [],
-    });
-
-    async function setUser(value: FG.User) {
-      await userStore.createUser(value);
-    }
-    return { user, setUser };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/user/components/UpdateUser.vue b/src/plugins/user/components/UpdateUser.vue
deleted file mode 100644
index 820d0f6..0000000
--- a/src/plugins/user/components/UpdateUser.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <q-card class="col-12">
-    <q-card-section class="fit row justify-start content-center items-center">
-      <div class="col-xs-12 col-sm-6 text-center text-h6">Benutzereinstellungen</div>
-      <div class="col-xs-12 col-sm-6 q-pa-sm">
-        <UserSelector v-model="user" />
-      </div>
-    </q-card-section>
-    <MainUserSettings :user="user" @update:user="updateUser" />
-  </q-card>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
-import UserSelector from '../components/UserSelector.vue';
-import MainUserSettings from '../components/settings/MainUserSettings.vue';
-import { useMainStore } from 'src/stores';
-import { useUserStore } from '../store';
-
-export default defineComponent({
-  name: 'UpdateUser',
-  components: { UserSelector, MainUserSettings },
-  setup() {
-    const mainStore = useMainStore();
-    const userStore = useUserStore();
-    const user = ref(mainStore.currentUser);
-
-    async function updateUser(value: FG.User) {
-      await userStore.updateUser(value);
-    }
-
-    return {
-      user,
-      updateUser,
-    };
-  },
-});
-</script>
-
-<style scoped></style>
diff --git a/src/plugins/user/components/UserSelector.vue b/src/plugins/user/components/UserSelector.vue
deleted file mode 100644
index 96cb109..0000000
--- a/src/plugins/user/components/UserSelector.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <q-select
-    v-model="selected"
-    filled
-    :label="label"
-    :options="users"
-    option-label="display_name"
-    option-value="userid"
-    map-options
-  />
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, PropType, onBeforeMount } from 'vue';
-import { useUserStore } from '../store';
-
-export default defineComponent({
-  name: 'UserSelector',
-  props: {
-    label: { type: String, default: 'Benutzer' },
-    modelValue: { default: undefined, type: Object as PropType<FG.User | undefined> },
-  },
-  emits: { 'update:modelValue': (user: FG.User) => !!user },
-  setup(props, { emit }) {
-    const userStore = useUserStore();
-
-    onBeforeMount(() => {
-      void userStore.getUsers(false);
-    });
-
-    const users = computed(() => userStore.users);
-    const selected = computed({
-      get: () => props.modelValue,
-      set: (value: FG.User | undefined) => (value ? emit('update:modelValue', value) : undefined),
-    });
-
-    return {
-      selected,
-      users,
-    };
-  },
-});
-</script>
diff --git a/src/plugins/user/components/Widget.vue b/src/plugins/user/components/Widget.vue
deleted file mode 100644
index 26aeae0..0000000
--- a/src/plugins/user/components/Widget.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
-  <q-card style="text-align: center">
-    <q-card-section class="row justify-center content-stretch">
-      <div v-if="avatar" class="col-4">
-        <div style="width: 100%; padding-bottom: 100%; position: relative">
-          <q-avatar style="position: absolute; top: 0; left: 0; width: 100%; height: 100%">
-            <img :src="avatarLink" :onerror="error" />
-          </q-avatar>
-        </div>
-      </div>
-      <div class="col-8">
-        <span class="text-h6">Hallo {{ name }}</span
-        ><br />
-        <span v-if="hasBirthday">Herzlichen Glückwunsch zum Geburtstag!<br /></span>
-        <span v-if="birthday.length > 0"
-          >Heute <span v-if="birthday.length === 1">hat </span><span v-else>haben </span
-          ><span v-for="(user, index) in birthday" :key="index"
-            >{{ user.display_name }}<span v-if="index < birthday.length - 1">, </span></span
-          >
-          Geburtstag.</span
-        >
-        <span v-else>Heute stehen keine Geburtstage an</span>
-      </div>
-    </q-card-section>
-  </q-card>
-</template>
-
-<script lang="ts">
-import { useMainStore } from 'src/stores';
-import { computed, defineComponent, onMounted, ref } from 'vue';
-import { useUserStore } from '../store';
-
-export default defineComponent({
-  name: 'Greeting',
-  setup() {
-    const mainStore = useMainStore();
-    const userStore = useUserStore();
-
-    // Ensure users are loaded,so we can query birthdays
-    onMounted(() => userStore.getUsers(false));
-
-    const avatar = ref(true);
-    const name = ref(mainStore.currentUser.firstname);
-    const avatarLink = ref(mainStore.currentUser.avatar_url);
-
-    function error() {
-      avatar.value = false;
-    }
-
-    function userHasBirthday(user: FG.User) {
-      const today = new Date();
-      return (
-        user.birthday &&
-        user.birthday.getMonth() === today.getMonth() &&
-        user.birthday.getDate() === today.getDate()
-      );
-    }
-
-    const hasBirthday = computed(() => {
-      return userHasBirthday(mainStore.currentUser);
-    });
-
-    const birthday = computed(() =>
-      userStore.users
-        .filter(userHasBirthday)
-        .filter((user) => user.userid !== mainStore.currentUser.userid)
-    );
-
-    return { avatar, avatarLink, error, name, hasBirthday, birthday };
-  },
-});
-</script>
diff --git a/src/plugins/user/components/settings/MainUserSettings.vue b/src/plugins/user/components/settings/MainUserSettings.vue
deleted file mode 100644
index 20e5123..0000000
--- a/src/plugins/user/components/settings/MainUserSettings.vue
+++ /dev/null
@@ -1,218 +0,0 @@
-<template>
-  <q-form @submit="save" @reset="reset">
-    <q-card-section class="fit row justify-start content-center items-center">
-      <q-input
-        v-model="userModel.firstname"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        label="Vorname"
-        :rules="[notEmpty]"
-        autocomplete="given-name"
-        filled
-      />
-      <q-input
-        v-model="userModel.lastname"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        label="Nachname"
-        :rules="[notEmpty]"
-        autocomplete="family-name"
-        filled
-      />
-      <q-input
-        v-model="userModel.display_name"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        label="Angezeigter Name"
-        :rules="[notEmpty]"
-        autocomplete="nickname"
-        filled
-      />
-      <q-input
-        v-model="userModel.mail"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        label="E-Mail"
-        :rules="[isEmail, notEmpty]"
-        autocomplete="email"
-        filled
-      />
-      <q-input
-        v-model="userModel.userid"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        label="Benutzername"
-        :readonly="!newUser"
-        :rules="newUser ? [isFreeUID, notEmpty] : []"
-        autocomplete="username"
-        filled
-      />
-      <q-select
-        v-model="userModel.roles"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        label="Rollen"
-        filled
-        multiple
-        use-chips
-        :readonly="!canSetRoles"
-        :options="allRoles"
-        option-label="name"
-        option-value="name"
-      />
-      <IsoDateInput
-        v-model="userModel.birthday"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        label="Geburtstag"
-        autocomplete="bday"
-      />
-      <q-file
-        v-model="avatar"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        filled
-        label="Avatar"
-        accept=".jpg, image/*"
-        max-file-size="204800"
-        hint="Bilddateien, max. 200 KiB"
-        @rejected="onAvatarRejected"
-      >
-        <template #append>
-          <q-icon name="mdi-file-image" @click.stop />
-        </template>
-      </q-file>
-    </q-card-section>
-    <q-separator v-if="!newUser" />
-    <q-card-section v-if="!newUser" class="fit row justify-start content-center items-center">
-      <PasswordInput
-        v-if="isCurrentUser"
-        v-model="password"
-        :rules="[notEmpty]"
-        filled
-        label="Passwort"
-        autocomplete="current-password"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-        hint="Passwort muss immer eingetragen werden"
-      />
-      <PasswordInput
-        v-model="newPassword"
-        filled
-        label="Neues Password"
-        autocomplete="new-password"
-        class="col-xs-12 col-sm-6 q-pa-sm"
-      />
-    </q-card-section>
-    <q-card-actions align="right">
-      <q-btn label="Reset" type="reset" />
-      <q-btn color="primary" type="submit" label="Speichern" />
-    </q-card-actions>
-  </q-form>
-</template>
-
-<script lang="ts">
-import { Notify } from 'quasar';
-import { hasPermission } from 'src/utils/permission';
-import { notEmpty, isEmail } from 'src/utils/validators';
-import IsoDateInput from 'src/components/utils/IsoDateInput.vue';
-import PasswordInput from 'src/components/utils/PasswordInput.vue';
-import { defineComponent, computed, ref, onBeforeMount, PropType, watch } from 'vue';
-import { useUserStore } from '../../store';
-import { useMainStore } from 'src/stores';
-
-export default defineComponent({
-  name: 'MainUserSettings',
-  components: { IsoDateInput, PasswordInput },
-  props: {
-    user: {
-      required: true,
-      type: Object as PropType<FG.User>,
-    },
-    newUser: { type: Boolean, required: true },
-  },
-  emits: {
-    'update:user': (payload: FG.User) => !!payload,
-  },
-  setup(props, { emit }) {
-    const userStore = useUserStore();
-    const mainStore = useMainStore();
-
-    onBeforeMount(() => {
-      void userStore.getRoles(false);
-    });
-
-    const password = ref('');
-    const newPassword = ref('');
-    const avatar = ref<File | FileList | string[]>();
-    const userModel = ref(props.user);
-
-    const canSetRoles = computed(() => hasPermission('users_set_roles'));
-    const allRoles = computed(() => userStore.roles.map((role) => role.name));
-    const isCurrentUser = computed(() => userModel.value.userid === mainStore.currentUser.userid);
-
-    /* Reset model if props changed */
-    watch(
-      () => props.user,
-      () => (userModel.value = props.user)
-    );
-
-    function onAvatarRejected() {
-      Notify.create({
-        group: false,
-        type: 'negative',
-        message: 'Datei zu groß oder keine gültige Bilddatei.',
-        timeout: 10000,
-        progress: true,
-        actions: [{ icon: 'mdi-close', color: 'white' }],
-      });
-      avatar.value = undefined;
-    }
-
-    function save() {
-      let changed = userModel.value;
-      if (typeof changed.birthday === 'string') changed.birthday = new Date(changed.birthday);
-      changed = Object.assign(changed, {
-        password: password.value,
-      });
-      if (newPassword.value != '') {
-        changed = Object.assign(changed, {
-          new_password: newPassword.value,
-        });
-      }
-
-      emit('update:user', changed);
-
-      if (avatar.value)
-        userStore
-          .uploadAvatar(changed, avatar.value instanceof File ? avatar.value : avatar.value[0])
-          .catch((response: Response) => {
-            if (response && response.status == 400) {
-              onAvatarRejected();
-            }
-          });
-      reset();
-    }
-
-    function reset() {
-      userModel.value = props.user;
-      password.value = '';
-      newPassword.value = '';
-    }
-
-    function isFreeUID(val: string) {
-      return (
-        userStore.users.findIndex((user) => user.userid === val) === -1 ||
-        'Benutzername ist schon vergeben'
-      );
-    }
-
-    return {
-      allRoles,
-      avatar,
-      canSetRoles,
-      isCurrentUser,
-      isEmail,
-      isFreeUID,
-      newPassword,
-      notEmpty,
-      onAvatarRejected,
-      password,
-      reset,
-      save,
-      userModel,
-    };
-  },
-});
-</script>
diff --git a/src/plugins/user/components/settings/RoleSettings.vue b/src/plugins/user/components/settings/RoleSettings.vue
deleted file mode 100644
index 0b4c2d3..0000000
--- a/src/plugins/user/components/settings/RoleSettings.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-<template>
-  <div>
-    <q-card class="col-12">
-      <q-form @submit="save" @reset="reset">
-        <q-card-section class="fit row justify-start content-center items-center">
-          <span class="col-xs-12 col-sm-6 text-center text-h6"> Rollen und Berechtigungen </span>
-          <q-select
-            filled
-            use-input
-            label="Rolle"
-            input-debounce="0"
-            class="col-xs-12 col-sm-6 q-pa-sm"
-            :model-value="role"
-            :options="roles"
-            option-label="name"
-            option-value="name"
-            map-options
-            clearable
-            @new-value="createRole"
-            @update:modelValue="updateRole"
-            @clear="removeRole"
-          />
-        </q-card-section>
-        <q-separator />
-        <q-card-section v-if="role">
-          <q-input v-if="role.id !== -1" v-model="newRoleName" filled label="neuer Name" />
-          <q-scroll-area style="height: 40vh; width: 100%" class="background-like-input">
-            <q-option-group
-              :model-value="role.permissions"
-              :options="permissions"
-              color="primary"
-              type="checkbox"
-              @update:modelValue="updatePermissions"
-            />
-          </q-scroll-area>
-        </q-card-section>
-        <q-card-actions v-if="role" align="right">
-          <q-btn label="Löschen" color="negative" @click="remove" />
-          <q-btn label="Reset" type="reset" />
-          <q-btn color="primary" type="submit" label="Speichern" />
-        </q-card-actions>
-      </q-form>
-    </q-card>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, ref, onBeforeMount } from 'vue';
-import { useUserStore } from '../../store';
-
-export default defineComponent({
-  name: 'RoleSettings',
-  setup() {
-    const userStore = useUserStore();
-
-    onBeforeMount(() => {
-      void userStore.getRoles();
-      void userStore.getPermissions();
-    });
-
-    const role = ref<FG.Role | null>(null);
-    const roles = computed(() => userStore.roles);
-    const permissions = computed(() =>
-      userStore.permissions.map((perm) => {
-        return {
-          value: perm,
-          label: perm,
-        };
-      })
-    );
-
-    const newRoleName = ref<string>('');
-
-    function createRole(name: string, done: (arg0: string, arg1: string) => void): void {
-      role.value = { name: name, permissions: [], id: -1 };
-      done(name, 'add-unique');
-    }
-
-    function removeRole(): void {
-      role.value = null;
-    }
-
-    function updatePermissions(permissions: string[]) {
-      if (role.value) {
-        role.value.permissions = permissions;
-      }
-    }
-
-    function updateRole(rl: FG.Role | string | null) {
-      if (typeof rl === 'string' || rl === null) return;
-      role.value = {
-        id: rl.id,
-        name: rl.name,
-        permissions: Array.from(rl.permissions),
-      };
-    }
-
-    function save() {
-      if (role.value) {
-        if (role.value.id === -1)
-          void userStore.newRole(role.value).then((createdRole: FG.Role) => {
-            role.value = createdRole;
-          });
-        else {
-          if (newRoleName.value !== '') role.value.name = newRoleName.value;
-          void userStore.updateRole(role.value);
-        }
-      }
-    }
-
-    function reset() {
-      if (role.value && role.value.id !== -1) {
-        const original = roles.value.find((value) => value.name === role.value?.name);
-        if (original) updateRole(original);
-      } else {
-        role.value = null;
-      }
-    }
-
-    function remove() {
-      if (role.value) {
-        if (role.value.id === -1) {
-          role.value = null;
-        } else {
-          void userStore.deleteRole(role.value).then(() => (role.value = null));
-        }
-      }
-    }
-
-    return {
-      roles,
-      role,
-      permissions,
-      createRole,
-      updateRole,
-      updatePermissions,
-      save,
-      reset,
-      removeRole,
-      remove,
-      newRoleName,
-    };
-  },
-});
-</script>
-
-<style lang="sass" scoped>
-// Same colors like qinput with filled attribute set
-.body--light .background-like-input
-  background-color: rgba(0, 0, 0, 0.05)
-  &:hover
-    background: rgba(0,0,0,.1)
-    border-bottom: 1px solid rgba(0, 0, 0, 0.42)
-
-.body--dark .background-like-input
-  background-color: rgba(255, 255, 255, 0.07)
-  &:hover
-    background: rgba(255, 255, 255, 0.14)
-    border-bottom: 1px solid #fff
-</style>
\ No newline at end of file
diff --git a/src/plugins/user/components/settings/Session.vue b/src/plugins/user/components/settings/Session.vue
deleted file mode 100644
index 3b69bdf..0000000
--- a/src/plugins/user/components/settings/Session.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<template>
-  <q-card class="col-12" height="">
-    <q-card-section v-if="isThisSession(modelValue.token)" class="text-caption">
-      Diese Session.
-    </q-card-section>
-    <q-card-section>
-      <div class="row">
-        <div class="col-xs-12 col-sm-6">
-          Browser:
-          <q-icon :name="getBrowserIcon(modelValue.browser)" size="24px" />
-          {{ modelValue.browser }}
-        </div>
-        <div class="col-xs-12 col-sm-6">
-          Plattform:
-          <q-icon :name="getPlatformIcon(modelValue.platform)" size="24px" />
-          {{ modelValue.platform }}
-        </div>
-      </div>
-      <div v-if="!isEdit" class="row">
-        <div class="col-xs-12 col-sm-6">
-          Lebenszeit:
-          {{ modelValue.lifetime }}
-        </div>
-        <div class="col-xs-12 col-sm-6">Läuft aus: {{ dateTime(modelValue.expires) }}</div>
-      </div>
-      <div v-else class="row q-my-sm">
-        <q-input
-          v-model="computedLifetime"
-          class="col-xs-12 col-sm-6 q-px-sm"
-          type="number"
-          label="Zeit"
-          filled
-        />
-        <q-select v-model="option" class="col-xs-12 col-sm-6 q-px-sm" :options="options" filled />
-      </div>
-    </q-card-section>
-    <q-card-actions v-if="!isEdit" align="right">
-      <q-btn flat round dense icon="mdi-pencil" @click="edit(true)" />
-      <q-btn flat round dense icon="mdi-delete" @click="deleteSession(modelValue.token)" />
-    </q-card-actions>
-    <q-card-actions v-else align="right">
-      <q-btn flat dense label="Abbrechen" @click="edit(false)" />
-      <q-btn flat dense label="Speichern" @click="save" />
-    </q-card-actions>
-  </q-card>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref, computed, PropType } from 'vue';
-import { formatDateTime } from 'src/utils/datetime';
-import { useMainStore } from 'src/stores';
-import { useSessionStore } from '../../store';
-
-export default defineComponent({
-  name: 'Session',
-  props: {
-    modelValue: {
-      required: true,
-      type: Object as PropType<FG.Session>,
-    },
-  },
-  emits: {
-    'update:modelValue': (s: FG.Session) => !!s,
-    delete: () => true,
-  },
-  setup(props, { emit }) {
-    const sessionStore = useSessionStore();
-    const mainStore = useMainStore();
-
-    const dateTime = (date: Date) => formatDateTime(date, true);
-
-    const options = ref(['Minuten', 'Stunden', 'Tage']);
-    const option = ref<string>(options.value[0]);
-    const lifetime = ref(0);
-    function getBrowserIcon(browser: string) {
-      return browser == 'firefox'
-        ? 'mdi-firefox'
-        : browser == 'chrome'
-        ? 'mdi-google-chrome'
-        : browser == 'safari'
-        ? 'mdi-apple-safari'
-        : 'mdi-help';
-    }
-
-    function getPlatformIcon(platform: string) {
-      return platform == 'linux'
-        ? 'mdi-linux'
-        : platform == 'windows'
-        ? 'mdi-microsoft-windows'
-        : platform == 'macos'
-        ? 'mdi-apple'
-        : platform == 'iphone'
-        ? 'mdi-cellphone-iphone'
-        : platform == 'android'
-        ? 'mdi-cellphone-android'
-        : 'mdi-help';
-    }
-
-    async function deleteSession(token: string) {
-      await sessionStore.deleteSession(token);
-      emit('delete');
-    }
-    function isThisSession(token: string) {
-      return mainStore.session?.token === token;
-    }
-
-    const isEdit = ref(false);
-
-    const computedLifetime = computed({
-      get: () => {
-        switch (option.value) {
-          case options.value[0]:
-            return (lifetime.value / 60).toFixed(2);
-          case options.value[1]:
-            return (lifetime.value / (60 * 60)).toFixed(2);
-          case options.value[2]:
-            return (lifetime.value / (60 * 60 * 24)).toFixed(2);
-        }
-        throw 'Invalid option';
-      },
-      set: (val) => {
-        if (val) {
-          switch (option.value) {
-            case options.value[0]:
-              lifetime.value = parseFloat(val) * 60;
-              break;
-            case options.value[1]:
-              lifetime.value = parseFloat(val) * 60 * 60;
-              break;
-            case options.value[2]:
-              lifetime.value = parseFloat(val) * 60 * 60 * 24;
-              break;
-          }
-        }
-      },
-    });
-
-    function edit(value: boolean) {
-      lifetime.value = props.modelValue.lifetime;
-      isEdit.value = value;
-    }
-
-    async function save() {
-      isEdit.value = false;
-      await sessionStore.updateSession(lifetime.value, props.modelValue.token);
-      emit(
-        'update:modelValue',
-        Object.assign(Object.assign({}, props.modelValue), { lifetime: lifetime.value })
-      );
-    }
-
-    return {
-      getBrowserIcon,
-      getPlatformIcon,
-      isThisSession,
-      deleteSession,
-      isEdit,
-      dateTime,
-      edit,
-      options,
-      option,
-      lifetime,
-      computedLifetime,
-      save,
-    };
-  },
-});
-</script>
diff --git a/src/plugins/user/models.ts b/src/plugins/user/models.ts
deleted file mode 100644
index b0d9a69..0000000
--- a/src/plugins/user/models.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export interface LoginData {
-  userid: string;
-  password: string;
-}
-
-export interface LoginResponse {
-  user: FG.User;
-  session: FG.Session;
-  permissions: FG.Permission[];
-}
-
-export interface CurrentUserResponse extends FG.User {
-  permissions: FG.Permission[];
-}
diff --git a/src/plugins/user/pages/AdminSettings.vue b/src/plugins/user/pages/AdminSettings.vue
deleted file mode 100644
index 5dbf96f..0000000
--- a/src/plugins/user/pages/AdminSettings.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-  <q-page padding class="fit row justify-center content-start items-start q-gutter-sm">
-    <q-tabs v-if="$q.screen.gt.sm" v-model="tab">
-      <q-tab
-        v-for="(tabindex, index) in tabs"
-        :key="'tab' + index"
-        :name="tabindex.name"
-        :label="tabindex.label"
-      />
-    </q-tabs>
-    <div v-else class="fit row justify-end">
-      <q-btn flat round icon="mdi-menu" @click="showDrawer = !showDrawer" />
-    </div>
-    <q-drawer v-model="showDrawer" side="right" behavior="mobile" @click="showDrawer = !showDrawer">
-      <q-list v-model="tab">
-        <q-item
-          v-for="(tabindex, index) in tabs"
-          :key="'tab' + index"
-          :active="tab == tabindex.name"
-          clickable
-          @click="tab = tabindex.name"
-        >
-          <q-item-label>{{ tabindex.label }}</q-item-label>
-        </q-item>
-      </q-list>
-    </q-drawer>
-    <q-tab-panels
-      v-model="tab"
-      style="background-color: transparent"
-      class="q-ma-none q-pa-none fit row justify-center content-start items-start"
-      animated
-    >
-      <q-tab-panel name="user">
-        <UpdateUser />
-      </q-tab-panel>
-      <q-tab-panel name="newUser">
-        <NewUser />
-      </q-tab-panel>
-      <q-tab-panel name="roles">
-        <RoleSettings v-if="canEditRoles" />
-      </q-tab-panel>
-    </q-tab-panels>
-  </q-page>
-</template>
-
-<script lang="ts">
-import { Screen } from 'quasar';
-import { PERMISSIONS } from '../permissions';
-import NewUser from '../components/NewUser.vue';
-import { computed, defineComponent, ref } from 'vue';
-import { hasPermission } from 'src/utils/permission';
-import UpdateUser from '../components/UpdateUser.vue';
-import RoleSettings from '../components/settings/RoleSettings.vue';
-
-export default defineComponent({
-  name: 'AdminSettings',
-  components: { RoleSettings, UpdateUser, NewUser },
-  setup() {
-    const canEditRoles = computed(() => hasPermission(PERMISSIONS.ROLES_EDIT));
-
-    interface Tab {
-      name: string;
-      label: string;
-    }
-
-    const tabs: Tab[] = [
-      { name: 'user', label: 'Mitglieder' },
-      { name: 'newUser', label: 'Neues Mitglied' },
-      { name: 'roles', label: 'Rollen' },
-    ];
-
-    const drawer = ref<boolean>(false);
-
-    const showDrawer = computed({
-      get: () => {
-        return !Screen.gt.sm && drawer.value;
-      },
-      set: (val: boolean) => {
-        drawer.value = val;
-      },
-    });
-
-    const tab = ref<string>('user');
-
-    return {
-      canEditRoles,
-      showDrawer,
-      tab,
-      tabs,
-    };
-  },
-});
-</script>
diff --git a/src/plugins/user/pages/Settings.vue b/src/plugins/user/pages/Settings.vue
deleted file mode 100644
index 116932f..0000000
--- a/src/plugins/user/pages/Settings.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-  <div>
-    <q-page padding class="fit row justify-center content-center items-center q-gutter-sm">
-      <q-card class="col-12">
-        <q-card-section class="fit row justify-start content-center items-center">
-          <div class="col-12 text-center text-h6">Benutzereinstellungen</div>
-        </q-card-section>
-        <MainUserSettings :user="currentUser" @update:user="updateUser" />
-      </q-card>
-      <div class="col-12 text-left text-h6">Aktive Sessions:</div>
-      <Session
-        v-for="(session, index) in sessions"
-        :key="'session' + index"
-        v-model="sessions[index]"
-        @delete="removeSession(session)"
-      />
-    </q-page>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, onBeforeMount, ref } from 'vue';
-import Session from '../components/settings/Session.vue';
-import MainUserSettings from '../components/settings/MainUserSettings.vue';
-import { useMainStore } from 'src/stores';
-import { useSessionStore } from '../store';
-import { useUserStore } from '../store';
-
-export default defineComponent({
-  // name: 'PageName'
-  components: { Session, MainUserSettings },
-  setup() {
-    const mainStore = useMainStore();
-    const sessionStore = useSessionStore();
-    const userStore = useUserStore();
-
-    onBeforeMount(() => sessionStore.getSessions().then((s) => (sessions.value = s)));
-    const currentUser = ref(mainStore.currentUser);
-    const sessions = ref([] as FG.Session[]);
-
-    async function updateUser(value: FG.User) {
-      await userStore.updateUser(value);
-    }
-
-    function removeSession(s: FG.Session) {
-      sessions.value = sessions.value.filter((ss) => ss.token !== s.token);
-    }
-
-    return {
-      currentUser,
-      sessions,
-      updateUser,
-      removeSession,
-    };
-  },
-});
-</script>
diff --git a/src/plugins/user/permissions.ts b/src/plugins/user/permissions.ts
deleted file mode 100644
index 2ba1b10..0000000
--- a/src/plugins/user/permissions.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export const PERMISSIONS = {
-  // Kann andere Nutzer bearbeiten
-  EDIT_OTHER: 'users_edit_other',
-  // Kann Rollen von Nutzern setzen
-  SET_ROLES: 'users_set_roles',
-  // Kann Nutzer löschen
-  DELETE: 'users_delete_other',
-  // Kann neue Nutzer hinzufügen
-  REGISTER: 'users_register',
-  // Kann Rollen löschen oder bearbeiten, z.b. Rechte hinzufügen etc
-  ROLES_EDIT: 'roles_edit',
-};
diff --git a/src/plugins/user/plugin.ts b/src/plugins/user/plugin.ts
deleted file mode 100644
index 7836ba4..0000000
--- a/src/plugins/user/plugin.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import routes from './routes';
-import { FG_Plugin } from 'src/plugins';
-import { defineAsyncComponent } from 'vue';
-
-const plugin: FG_Plugin.Plugin = {
-  name: 'User',
-  innerRoutes: routes,
-  requiredModules: [],
-  requiredBackendModules: ['auth', 'users', 'roles'],
-  version: '0.0.1',
-  widgets: [
-    {
-      priority: 1,
-      name: 'greeting',
-      permissions: [],
-      widget: defineAsyncComponent(() => import('./components/Widget.vue')),
-    },
-  ],
-};
-
-export default plugin;
diff --git a/src/plugins/user/routes/index.ts b/src/plugins/user/routes/index.ts
deleted file mode 100644
index e363060..0000000
--- a/src/plugins/user/routes/index.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { FG_Plugin } from 'src/plugins';
-import { useMainStore } from 'src/stores';
-
-const mainRoutes: FG_Plugin.MenuRoute[] = [
-  {
-    get title() {
-      return () => useMainStore().currentUser.display_name;
-    },
-    icon: 'mdi-account',
-    permissions: ['user'],
-    route: { path: 'user', name: 'user', redirect: { name: 'user-settings' } },
-    children: [
-      {
-        title: 'Einstellungen',
-        icon: 'mdi-account-edit',
-        shortcut: true,
-        permissions: ['user'],
-        route: {
-          path: 'settings',
-          name: 'user-settings',
-          component: () => import('../pages/Settings.vue'),
-        },
-      },
-      {
-        title: 'Admin',
-        icon: 'mdi-cog',
-        shortcut: false,
-        permissions: ['users_edit_other'],
-        route: {
-          path: 'admin',
-          name: 'admin-settings',
-          component: () => import('../pages/AdminSettings.vue'),
-        },
-      },
-    ],
-  },
-];
-
-export default mainRoutes;
diff --git a/src/router/index.ts b/src/router/index.ts
index 8cb857b..cbcc285 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -16,13 +16,12 @@ import routes from './routes';
  * with the Router instance.
  */
 
-function router(/* { store, ssrContext } */) {
-  const createHistory =
-    process.env.MODE === 'ssr'
-      ? createMemoryHistory
-      : process.env.VUE_ROUTER_MODE === 'history'
-      ? createWebHistory
-      : createWebHashHistory;
+export default route(function (/* { store, ssrContext } */) {
+  const createHistory = process.env.SERVER
+    ? createMemoryHistory
+    : process.env.VUE_ROUTER_MODE === 'history'
+    ? createWebHistory
+    : createWebHashHistory;
 
   const Router = createRouter({
     scrollBehavior: () => ({ left: 0, top: 0 }),
@@ -35,8 +34,4 @@ function router(/* { store, ssrContext } */) {
   });
 
   return Router;
-}
-
-export default route(router);
-
-export const Router = router();
+});
diff --git a/src/stores/store-flag.d.ts b/src/stores/store-flag.d.ts
deleted file mode 100644
index af80dbe..0000000
--- a/src/stores/store-flag.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-// THIS FEATURE-FLAG FILE IS AUTOGENERATED,
-//  REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING
-import 'quasar/dist/types/feature-flag';
-
-declare module 'quasar/dist/types/feature-flag' {
-  interface QuasarFeatureFlags {
-    store: true;
-  }
-}
diff --git a/src/vendor-plugin.config.js b/src/vendor-plugin.config.js
new file mode 100644
index 0000000..60bf79b
--- /dev/null
+++ b/src/vendor-plugin.config.js
@@ -0,0 +1,3 @@
+module.exports = [
+    '@flaschengeist/users',
+]
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 1209403..be94438 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,9 +8,10 @@
       "dom"
     ],
     "types": [
+      "@flaschengeist/types",
+      "@quasar/app",
       "node",
-      "webpack-env",
-      "@quasar/app"
+      "webpack-env"
     ]
  }
 }
diff --git a/yarn.lock b/yarn.lock
index 6c22137..f1f481b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -96,10 +96,10 @@
     "@babel/helper-annotate-as-pure" "^7.12.13"
     regexpu-core "^4.7.1"
 
-"@babel/helper-define-polyfill-provider@^0.2.0":
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.2.0.tgz#a640051772045fedaaecc6f0c6c69f02bdd34bf1"
-  integrity sha512-JT8tHuFjKBo8NnaUbblz7mIu1nnvUDiHVjXXkulZULyidvo/7P6TY7+YqpV37IfF+KUFxmlK04elKtGKXaiVgw==
+"@babel/helper-define-polyfill-provider@^0.2.1":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.2.1.tgz#e6f5f4a6edc3722152c21359190de67fc6cf664d"
+  integrity sha512-x3AUTVZNPunaw1opRTa5OwVA5N0YxGlIad9xQ5QflK1uIS7PnAGGU5O2Dj/G183fR//N8AzTq+Q8+oiu9m0VFg==
   dependencies:
     "@babel/helper-compilation-targets" "^7.13.0"
     "@babel/helper-module-imports" "^7.12.13"
@@ -972,6 +972,33 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
+"@flaschengeist/api@file:./api":
+  version "1.0.0-alpha.1"
+
+"@flaschengeist/balance@git+https://flaschengeist.dev/ferfissimo/flaschengeist-balance.git#develop":
+  version "1.0.0-alpha.1"
+  resolved "git+https://flaschengeist.dev/ferfissimo/flaschengeist-balance.git#9bf9c67b5ae55995b8dec92ca5e91a96d8eb2301"
+
+"@flaschengeist/pricelist@git+https://flaschengeist.dev/ferfissimo/flaschengeist-pricelist.git#develop":
+  version "1.0.0-alpha.1"
+  resolved "git+https://flaschengeist.dev/ferfissimo/flaschengeist-pricelist.git#4a0a5b9ec6e32a9abe1cd2920efca76795fd1bfb"
+  dependencies:
+    vuedraggable "^4.0.1"
+
+"@flaschengeist/schedule@git+https://flaschengeist.dev/ferfissimo/flaschengeist-schedule.git#develop":
+  version "1.0.0-alpha.1"
+  resolved "git+https://flaschengeist.dev/ferfissimo/flaschengeist-schedule.git#9981ba487b92f5c3484cdd4c363ac4d7d0f527bf"
+  dependencies:
+    "@quasar/quasar-ui-qcalendar" "^4.0.0-alpha.8"
+
+"@flaschengeist/types@git+https://flaschengeist.dev/ferfissimo/flaschengeist-types.git#develop":
+  version "1.0.0-alpha.1"
+  resolved "git+https://flaschengeist.dev/ferfissimo/flaschengeist-types.git#1f1d0fe32e1bc429edbf32ae33e48f312a025f60"
+
+"@flaschengeist/users@git+https://flaschengeist.dev/ferfissimo/flaschengeist-users.git#develop":
+  version "1.0.0-alpha.1"
+  resolved "git+https://flaschengeist.dev/ferfissimo/flaschengeist-users.git#4311cb8e40941329672e221e5a39733ac98d1fae"
+
 "@netflix/nerror@^1.1.3":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@netflix/nerror/-/nerror-1.1.3.tgz#9d88eccca442f1d544f2761d15ea557dc0a44ed2"
@@ -1055,20 +1082,20 @@
     node-gyp "^7.1.0"
     read-package-json-fast "^2.0.1"
 
-"@polka/url@^1.0.0-next.9":
-  version "1.0.0-next.12"
-  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.12.tgz#431ec342a7195622f86688bbda82e3166ce8cb28"
-  integrity sha512-6RglhutqrGFMO1MNUXp95RBuYIuc8wTnMAV5MUhLmjTOy78ncwOw7RgeQ/HeymkKXRhZd0s2DNrM1rL7unk3MQ==
+"@polka/url@^1.0.0-next.15":
+  version "1.0.0-next.15"
+  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.15.tgz#6a9d143f7f4f49db2d782f9e1c8839a29b43ae23"
+  integrity sha512-15spi3V28QdevleWBNXE4pIls3nFZmBbUGrW9IVPwiQczuSb9n76TCB4bsk8TSel+I1OkHEdPhu5QKMfY6rQHA==
 
 "@positron/stack-trace@1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@positron/stack-trace/-/stack-trace-1.0.0.tgz#14fcc712a530038ef9be1ce6952315a839f466a8"
   integrity sha1-FPzHEqUwA475vhzmlSMVqDn0Zqg=
 
-"@quasar/app@^3.0.0-beta.25":
-  version "3.0.0-beta.25"
-  resolved "https://registry.yarnpkg.com/@quasar/app/-/app-3.0.0-beta.25.tgz#c532796f6ddf7a28947ee3b6bf00efad63121dac"
-  integrity sha512-0M3xH2UwVkCp86n8QrbEyA0MHp22PAFTNkzRH4jKHmaD0fQSq4HxacM5ZSdyXxgqN6cLzCnEyzMITjlpPCynBg==
+"@quasar/app@^3.0.0-beta.26":
+  version "3.0.0-beta.26"
+  resolved "https://registry.yarnpkg.com/@quasar/app/-/app-3.0.0-beta.26.tgz#e5e9cd482fb0d4af11be064fad8b4e34655e4e87"
+  integrity sha512-T1Q7CcwSB1ftHZ5g4ujOcWdhbYTB/cb/ANES6az+QjJb8DpY/SXF92dn4119M6NZGasYKq6YvBTCSC67lLRknw==
   dependencies:
     "@quasar/babel-preset-app" "2.0.1"
     "@quasar/fastclick" "1.1.4"
@@ -1171,22 +1198,15 @@
     core-js-compat "^3.6.5"
 
 "@quasar/extras@^1.10.4":
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/@quasar/extras/-/extras-1.10.4.tgz#904ea87a3ee294bc09985651382501c564ca4699"
-  integrity sha512-FIXvYZPTKFjBmMb9CNMkEqXTgNppixRLWdaZKKb1qn/CScn+jipPzMBOwCfAFwsNPeAGXTwFT1/xzhLWIbwzAw==
+  version "1.10.5"
+  resolved "https://registry.yarnpkg.com/@quasar/extras/-/extras-1.10.5.tgz#5c115c83d5954777f2ce00a256ae085bcb076100"
+  integrity sha512-iBI9bRfomvxfnE2RUYMK0q7tki7Y0I0KMLuxoSEQC0OsOghJ/3ANENyGm1S0AsVMmNYwj0bzQWYVA6KD7/NwHg==
 
 "@quasar/fastclick@1.1.4":
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/@quasar/fastclick/-/fastclick-1.1.4.tgz#21ed3e9a4387dcb43022a08af4ef08a5f1abf159"
   integrity sha512-i9wbyV4iT+v4KhtHJynUFhH5LiEPvAEgSnwMqPN4hf/8uRe82nDl5qP5agrp2el1h0HzyBpbvHaW7NB0BPrtvA==
 
-"@quasar/quasar-app-extension-qcalendar@4.0.0-alpha.8":
-  version "4.0.0-alpha.8"
-  resolved "https://registry.yarnpkg.com/@quasar/quasar-app-extension-qcalendar/-/quasar-app-extension-qcalendar-4.0.0-alpha.8.tgz#b50ab0687639b533871308096f697c6eb6183a9f"
-  integrity sha512-7UYte45PF3WnupmXsEnLf45lDFTljEfXP0J4SyC/7CpCDn/ExOnNXbKE2+0zOHmqxt7LT+7OCldGovozU7tQaA==
-  dependencies:
-    "@quasar/quasar-ui-qcalendar" "^4.0.0-alpha.8"
-
 "@quasar/quasar-ui-qcalendar@^4.0.0-alpha.8":
   version "4.0.0-alpha.8"
   resolved "https://registry.yarnpkg.com/@quasar/quasar-ui-qcalendar/-/quasar-ui-qcalendar-4.0.0-alpha.8.tgz#a15bbcaec80e2c995b42dbba4b6e5c858df78676"
@@ -1223,13 +1243,6 @@
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.1.1.tgz#3348564048e7a2d7398c935d466c0414ebb6a669"
   integrity sha512-Z6DoceYb/1xSg5+e+ZlPZ9v0N16ZvZ+wYMraFue4HYrE4ttONKtsvruIRf6t9TBR0YvSOfi1hUU0fJfBLCDYow==
 
-"@types/anymatch@*":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-3.0.0.tgz#c95ff14401dbb2869913afac3935af4ad0d37f1a"
-  integrity sha512-qLChUo6yhpQ9k905NwL74GU7TxH+9UODwwQ6ICNI+O6EDMExqH/Cv9NsbmcZ7yC/rRXJ/AHCzfgjsFRY5fKjYw==
-  dependencies:
-    anymatch "*"
-
 "@types/body-parser@*":
   version "1.19.0"
   resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.0.tgz#0685b3c47eb3006ffed117cdd55164b61f80538f"
@@ -1277,9 +1290,9 @@
     "@types/estree" "*"
 
 "@types/eslint@*", "@types/eslint@^7.2.6":
-  version "7.2.10"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-7.2.10.tgz#4b7a9368d46c0f8cd5408c23288a59aa2394d917"
-  integrity sha512-kUEPnMKrqbtpCq/KTaGFFKAcz6Ethm2EjCoKIDaCmfRBWLbFuTcOJfTlorwbnboXBzahqWLgUp1BQeKHiJzPUQ==
+  version "7.2.11"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-7.2.11.tgz#180b58f5bb7d7376e39d22496e2b08901aa52fd2"
+  integrity sha512-WYhv//5K8kQtsSc9F1Kn2vHzhYor6KpwPbARH7hwYe3C3ETD0EVx/3P5qQybUoaBEuUa9f/02JjBiXFWalYUmw==
   dependencies:
     "@types/estree" "*"
     "@types/json-schema" "*"
@@ -1290,15 +1303,25 @@
   integrity sha512-c5ciR06jK8u9BstrmJyO97m+klJrrhCf9u3rLu3DEAJBirxRqSCvDQoYKmxuYwQI5SZChAWu+tq9oVlGRuzPAg==
 
 "@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.18":
-  version "4.17.19"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.19.tgz#00acfc1632e729acac4f1530e9e16f6dd1508a1d"
-  integrity sha512-DJOSHzX7pCiSElWaGR8kCprwibCB/3yW6vcT8VG3P0SJjnv19gnWG/AZMfM60Xj/YJIp/YCaDHyvzsFVeniARA==
+  version "4.17.20"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.20.tgz#44caee029f2c26c46711da5e845cdc12167ad72d"
+  integrity sha512-8qqFN4W53IEWa9bdmuVrUcVkFemQWnt5DKPQ/oa8xKDYgtjCr2OO6NX5TIK49NLFr3mPYU2cLh92DQquC3oWWQ==
   dependencies:
     "@types/node" "*"
     "@types/qs" "*"
     "@types/range-parser" "*"
 
-"@types/express@*", "@types/express@4.17.11":
+"@types/express@*":
+  version "4.17.12"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.12.tgz#4bc1bf3cd0cfe6d3f6f2853648b40db7d54de350"
+  integrity sha512-pTYas6FrP15B1Oa0bkN5tQMNqOcVXa9j4FTFtO8DWI9kppKib+6NJtfTOOLcwxuuYvcX2+dVG6et1SxW/Kc17Q==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "^4.17.18"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/express@4.17.11":
   version "4.17.11"
   resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.11.tgz#debe3caa6f8e5fcda96b47bd54e2f40c4ee59545"
   integrity sha512-no+R6rW60JEc59977wIxreQVsIEOAYwgCqldrA/vkpCnbD7MqTefO97lmoBe4WE0F156bC4uLSP1XHDOySnChg==
@@ -1331,9 +1354,9 @@
   integrity sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==
 
 "@types/node@*":
-  version "15.3.0"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-15.3.0.tgz#d6fed7d6bc6854306da3dea1af9f874b00783e26"
-  integrity sha512-8/bnjSZD86ZfpBsDlCIkNXIvm+h6wi9g7IqL+kmFkQ+Wvu3JrasgLElfiPgoo8V8vVfnEi0QVS12gbl94h9YsQ==
+  version "15.6.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-15.6.1.tgz#32d43390d5c62c5b6ec486a9bc9c59544de39a08"
+  integrity sha512-7EIraBEyRHEe7CH+Fm1XvgqU6uwZN8Q7jppJGcqjROMT29qhAuuOxYB1uEY5UMYQKEmA5D+5tBnhdaPXSsLONA==
 
 "@types/node@^12.20.13":
   version "12.20.13"
@@ -1428,15 +1451,15 @@
     source-map "^0.7.3"
 
 "@types/webpack@^4":
-  version "4.41.28"
-  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.28.tgz#0069a2159b7ad4d83d0b5801942c17d54133897b"
-  integrity sha512-Nn84RAiJjKRfPFFCVR8LC4ueTtTdfWAMZ03THIzZWRJB+rX24BD3LqPSFnbMscWauEsT4segAsylPDIaZyZyLQ==
+  version "4.41.29"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.29.tgz#2e66c1de8223c440366469415c50a47d97625773"
+  integrity sha512-6pLaORaVNZxiB3FSHbyBiWM7QdazAWda1zvAq4SbZObZqHSDbWLi62iFdblVea6SK9eyBIVp5yHhKt/yNQdR7Q==
   dependencies:
-    "@types/anymatch" "*"
     "@types/node" "*"
     "@types/tapable" "^1"
     "@types/uglify-js" "*"
     "@types/webpack-sources" "*"
+    anymatch "^3.0.0"
     source-map "^0.6.0"
 
 "@types/webpack@^5.28.0":
@@ -1449,12 +1472,12 @@
     webpack "^5"
 
 "@typescript-eslint/eslint-plugin@^4.24.0":
-  version "4.24.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.24.0.tgz#03801ffc25b2af9d08f3dc9bccfc0b7ce3780d0f"
-  integrity sha512-qbCgkPM7DWTsYQGjx9RTuQGswi+bEt0isqDBeo+CKV0953zqI0Tp7CZ7Fi9ipgFA6mcQqF4NOVNwS/f2r6xShw==
+  version "4.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.25.0.tgz#d82657b6ab4caa4c3f888ff923175fadc2f31f2a"
+  integrity sha512-Qfs3dWkTMKkKwt78xp2O/KZQB8MPS1UQ5D3YW2s6LQWBE1074BE+Rym+b1pXZIX3M3fSvPUDaCvZLKV2ylVYYQ==
   dependencies:
-    "@typescript-eslint/experimental-utils" "4.24.0"
-    "@typescript-eslint/scope-manager" "4.24.0"
+    "@typescript-eslint/experimental-utils" "4.25.0"
+    "@typescript-eslint/scope-manager" "4.25.0"
     debug "^4.1.1"
     functional-red-black-tree "^1.0.1"
     lodash "^4.17.15"
@@ -1462,60 +1485,60 @@
     semver "^7.3.2"
     tsutils "^3.17.1"
 
-"@typescript-eslint/experimental-utils@4.24.0":
-  version "4.24.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.24.0.tgz#c23ead9de44b99c3a5fd925c33a106b00165e172"
-  integrity sha512-IwTT2VNDKH1h8RZseMH4CcYBz6lTvRoOLDuuqNZZoThvfHEhOiZPQCow+5El3PtyxJ1iDr6UXZwYtE3yZQjhcw==
+"@typescript-eslint/experimental-utils@4.25.0":
+  version "4.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.25.0.tgz#b2febcfa715d2c1806fd5f0335193a6cd270df54"
+  integrity sha512-f0doRE76vq7NEEU0tw+ajv6CrmPelw5wLoaghEHkA2dNLFb3T/zJQqGPQ0OYt5XlZaS13MtnN+GTPCuUVg338w==
   dependencies:
     "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/scope-manager" "4.24.0"
-    "@typescript-eslint/types" "4.24.0"
-    "@typescript-eslint/typescript-estree" "4.24.0"
+    "@typescript-eslint/scope-manager" "4.25.0"
+    "@typescript-eslint/types" "4.25.0"
+    "@typescript-eslint/typescript-estree" "4.25.0"
     eslint-scope "^5.0.0"
     eslint-utils "^2.0.0"
 
 "@typescript-eslint/parser@^4.24.0":
-  version "4.24.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.24.0.tgz#2e5f1cc78ffefe43bfac7e5659309a92b09a51bd"
-  integrity sha512-dj1ZIh/4QKeECLb2f/QjRwMmDArcwc2WorWPRlB8UNTZlY1KpTVsbX7e3ZZdphfRw29aTFUSNuGB8w9X5sS97w==
+  version "4.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.25.0.tgz#6b2cb6285aa3d55bfb263c650739091b0f19aceb"
+  integrity sha512-OZFa1SKyEJpAhDx8FcbWyX+vLwh7OEtzoo2iQaeWwxucyfbi0mT4DijbOSsTgPKzGHr6GrF2V5p/CEpUH/VBxg==
   dependencies:
-    "@typescript-eslint/scope-manager" "4.24.0"
-    "@typescript-eslint/types" "4.24.0"
-    "@typescript-eslint/typescript-estree" "4.24.0"
+    "@typescript-eslint/scope-manager" "4.25.0"
+    "@typescript-eslint/types" "4.25.0"
+    "@typescript-eslint/typescript-estree" "4.25.0"
     debug "^4.1.1"
 
-"@typescript-eslint/scope-manager@4.24.0":
-  version "4.24.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.24.0.tgz#38088216f0eaf235fa30ed8cabf6948ec734f359"
-  integrity sha512-9+WYJGDnuC9VtYLqBhcSuM7du75fyCS/ypC8c5g7Sdw7pGL4NDTbeH38eJPfzIydCHZDoOgjloxSAA3+4l/zsA==
+"@typescript-eslint/scope-manager@4.25.0":
+  version "4.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.25.0.tgz#9d86a5bcc46ef40acd03d85ad4e908e5aab8d4ca"
+  integrity sha512-2NElKxMb/0rya+NJG1U71BuNnp1TBd1JgzYsldsdA83h/20Tvnf/HrwhiSlNmuq6Vqa0EzidsvkTArwoq+tH6w==
   dependencies:
-    "@typescript-eslint/types" "4.24.0"
-    "@typescript-eslint/visitor-keys" "4.24.0"
+    "@typescript-eslint/types" "4.25.0"
+    "@typescript-eslint/visitor-keys" "4.25.0"
 
-"@typescript-eslint/types@4.24.0":
-  version "4.24.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.24.0.tgz#6d0cca2048cbda4e265e0c4db9c2a62aaad8228c"
-  integrity sha512-tkZUBgDQKdvfs8L47LaqxojKDE+mIUmOzdz7r+u+U54l3GDkTpEbQ1Jp3cNqqAU9vMUCBA1fitsIhm7yN0vx9Q==
+"@typescript-eslint/types@4.25.0":
+  version "4.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.25.0.tgz#0e444a5c5e3c22d7ffa5e16e0e60510b3de5af87"
+  integrity sha512-+CNINNvl00OkW6wEsi32wU5MhHti2J25TJsJJqgQmJu3B3dYDBcmOxcE5w9cgoM13TrdE/5ND2HoEnBohasxRQ==
 
-"@typescript-eslint/typescript-estree@4.24.0":
-  version "4.24.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.24.0.tgz#b49249679a98014d8b03e8d4b70864b950e3c90f"
-  integrity sha512-kBDitL/by/HK7g8CYLT7aKpAwlR8doshfWz8d71j97n5kUa5caHWvY0RvEUEanL/EqBJoANev8Xc/mQ6LLwXGA==
+"@typescript-eslint/typescript-estree@4.25.0":
+  version "4.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.25.0.tgz#942e4e25888736bff5b360d9b0b61e013d0cfa25"
+  integrity sha512-1B8U07TGNAFMxZbSpF6jqiDs1cVGO0izVkf18Q/SPcUAc9LhHxzvSowXDTvkHMWUVuPpagupaW63gB6ahTXVlg==
   dependencies:
-    "@typescript-eslint/types" "4.24.0"
-    "@typescript-eslint/visitor-keys" "4.24.0"
+    "@typescript-eslint/types" "4.25.0"
+    "@typescript-eslint/visitor-keys" "4.25.0"
     debug "^4.1.1"
     globby "^11.0.1"
     is-glob "^4.0.1"
     semver "^7.3.2"
     tsutils "^3.17.1"
 
-"@typescript-eslint/visitor-keys@4.24.0":
-  version "4.24.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.24.0.tgz#a8fafdc76cad4e04a681a945fbbac4e35e98e297"
-  integrity sha512-4ox1sjmGHIxjEDBnMCtWFFhErXtKA1Ec0sBpuz0fqf3P+g3JFGyTxxbF06byw0FRsPnnbq44cKivH7Ks1/0s6g==
+"@typescript-eslint/visitor-keys@4.25.0":
+  version "4.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.25.0.tgz#863e7ed23da4287c5b469b13223255d0fde6aaa7"
+  integrity sha512-AmkqV9dDJVKP/TcZrbf6s6i1zYXt5Hl8qOLrRDTFfRNae4+LB8A4N3i+FLZPW85zIxRy39BgeWOfMS3HoH5ngg==
   dependencies:
-    "@typescript-eslint/types" "4.24.0"
+    "@typescript-eslint/types" "4.25.0"
     eslint-visitor-keys "^2.0.0"
 
 "@vue/compiler-core@3.0.11":
@@ -1568,9 +1591,9 @@
     "@vue/shared" "3.0.11"
 
 "@vue/devtools-api@^6.0.0-beta.10":
-  version "6.0.0-beta.10"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.0.0-beta.10.tgz#f39da7618cee292e39c7274227c34163e30eb3ca"
-  integrity sha512-nktQYRnIFrh4DdXiCBjHnsHOMZXDIVcP9qlm/DMfxmjJMtpMGrSZCOKP8j7kDhObNHyqlicwoGLd+a4hf4x9ww==
+  version "6.0.0-beta.11"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.0.0-beta.11.tgz#4fb4161ee41ba75f3f5198d4bfd80e4ffb7f2462"
+  integrity sha512-vpw61AkW9U8c2upjJCljHq9eh1KkD4FJ7DYbRzIETpj9WAw2VESudJZosAk4M+7npBo1Zu1jNQY03HUMVO/czQ==
 
 "@vue/reactivity@3.0.11":
   version "3.0.11"
@@ -1813,9 +1836,9 @@ ajv@^6.10.0, ajv@^6.12.2, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
     uri-js "^4.2.2"
 
 ajv@^8.0.1:
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.4.0.tgz#48984fdb2ce225cab15795f0772a8d85669075e4"
-  integrity sha512-7QD2l6+KBSLwf+7MuYocbWvRPdOu63/trReTLu2KFwkgctnub1auoF+Y1WYcm09CTM7quuscrzqmASaLHC/K4Q==
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.5.0.tgz#695528274bcb5afc865446aa275484049a18ae4b"
+  integrity sha512-Y2l399Tt1AguU3BPRP9Fn4eN+Or+StUGWCUpbnFyXSo8NZ9S4uj+AG2pjs5apK+ZMOwYOz1+a+VKvKH7CudXgQ==
   dependencies:
     fast-deep-equal "^3.1.1"
     json-schema-traverse "^1.0.0"
@@ -1895,7 +1918,7 @@ ansi@^0.3.1:
   resolved "https://registry.yarnpkg.com/ansi/-/ansi-0.3.1.tgz#0c42d4fb17160d5a9af1e484bace1c66922c1b21"
   integrity sha1-DELU+xcWDVqa8eSEus4cZpIsGyE=
 
-anymatch@*, anymatch@~3.1.1:
+anymatch@^3.0.0, anymatch@~3.1.1:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
   integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
@@ -2074,28 +2097,28 @@ babel-plugin-module-resolver@^4.0.0:
     resolve "^1.13.1"
 
 babel-plugin-polyfill-corejs2@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.2.0.tgz#686775bf9a5aa757e10520903675e3889caeedc4"
-  integrity sha512-9bNwiR0dS881c5SHnzCmmGlMkJLl0OUZvxrxHo9w/iNoRuqaPjqlvBf4HrovXtQs/au5yKkpcdgfT1cC5PAZwg==
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.2.1.tgz#ae2cf6d6f1aa7c0edcf04a25180e8856a6d1184f"
+  integrity sha512-hXGSPbr6IbjeMyGew+3uGIAkRjBFSOJ9FLDZNOfHuyJZCcoia4nd/72J0bSgvfytcVfUcP/dxEVcUhVJuQRtSw==
   dependencies:
     "@babel/compat-data" "^7.13.11"
-    "@babel/helper-define-polyfill-provider" "^0.2.0"
+    "@babel/helper-define-polyfill-provider" "^0.2.1"
     semver "^6.1.1"
 
 babel-plugin-polyfill-corejs3@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.2.0.tgz#f4b4bb7b19329827df36ff56f6e6d367026cb7a2"
-  integrity sha512-zZyi7p3BCUyzNxLx8KV61zTINkkV65zVkDAFNZmrTCRVhjo1jAS+YLvDJ9Jgd/w2tsAviCwFHReYfxO3Iql8Yg==
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.2.1.tgz#786f40218040030f0edecfd48e6e59f1ee9bef53"
+  integrity sha512-WZCqF3DLUhdTD/P381MDJfuP18hdCZ+iqJ+wHtzhWENpsiof284JJ1tMQg1CE+hfCWyG48F7e5gDMk2c3Laz7w==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.2.0"
+    "@babel/helper-define-polyfill-provider" "^0.2.1"
     core-js-compat "^3.9.1"
 
 babel-plugin-polyfill-regenerator@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.2.0.tgz#853f5f5716f4691d98c84f8069c7636ea8da7ab8"
-  integrity sha512-J7vKbCuD2Xi/eEHxquHN14bXAW9CXtecwuLrOIDJtcZzTaPzV1VdEfoUf9AzcRBMolKUQKM9/GVojeh0hFiqMg==
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.2.1.tgz#ca9595d7d5f3afefec2d83126148b90db751a091"
+  integrity sha512-T3bYyL3Sll2EtC94v3f+fA8M28q7YPTOZdB++SRHjvYZTvtd+WorMUq3tDTD4Q7Kjk1LG0gGromslKjcO5p2TA==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.2.0"
+    "@babel/helper-define-polyfill-provider" "^0.2.1"
 
 balanced-match@^1.0.0:
   version "1.0.2"
@@ -2290,9 +2313,9 @@ bytes@3.1.0:
   integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
 
 cacache@^15.0.5:
-  version "15.0.6"
-  resolved "https://registry.yarnpkg.com/cacache/-/cacache-15.0.6.tgz#65a8c580fda15b59150fb76bf3f3a8e45d583099"
-  integrity sha512-g1WYDMct/jzW+JdWEyjaX2zoBkZ6ZT9VpOyp2I/VMtDsNLffNat3kqPFfi1eDRSK9/SuKGyORDHcQMcPF8sQ/w==
+  version "15.2.0"
+  resolved "https://registry.yarnpkg.com/cacache/-/cacache-15.2.0.tgz#73af75f77c58e72d8c630a7a2858cb18ef523389"
+  integrity sha512-uKoJSHmnrqXgthDFx/IU6ED/5xd+NNGe+Bb+kLZy7Ku4P+BaiWEUflAKPZ7eAzsYGcsAGASJZsybXp+quEcHTw==
   dependencies:
     "@npmcli/move-file" "^1.0.1"
     chownr "^2.0.0"
@@ -2375,9 +2398,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001196, caniuse-lite@^1.0.30001219:
-  version "1.0.30001228"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001228.tgz#bfdc5942cd3326fa51ee0b42fbef4da9d492a7fa"
-  integrity sha512-QQmLOGJ3DEgokHbMSA8cj2a+geXqmnpyOFT0lhQV6P3/YOJvGDEwoedcwxEQ30gJIwIIunHIicunJ2rzK5gB2A==
+  version "1.0.30001230"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001230.tgz#8135c57459854b2240b57a4a6786044bdc5a9f71"
+  integrity sha512-5yBd5nWCBS+jWKTcHOzXwo5xzcj4ePE/yjtkZyUV1BTUmrBaA9MRGC+e7mxnqXSA90CmCA8L3eKLaSUkt099IQ==
 
 caseless@~0.12.0:
   version "0.12.0"
@@ -2511,7 +2534,7 @@ code-point-at@^1.0.0:
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
   integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
 
-color-convert@^1.9.0, color-convert@^1.9.1:
+color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
   integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
@@ -2530,26 +2553,15 @@ color-name@1.1.3:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
 
-color-name@^1.0.0, color-name@~1.1.4:
+color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-color-string@^1.5.4:
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.5.tgz#65474a8f0e7439625f3d27a6a19d89fc45223014"
-  integrity sha512-jgIoum0OfQfq9Whcfc2z/VhCNcmQjWbey6qBX0vqt7YICflUmBCh9E9CiQD5GSJ+Uehixm3NUwHVhqUAWRivZg==
-  dependencies:
-    color-name "^1.0.0"
-    simple-swizzle "^0.2.2"
-
-color@^3.1.1:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/color/-/color-3.1.3.tgz#ca67fb4e7b97d611dcde39eceed422067d91596e"
-  integrity sha512-xgXAcTHa2HeFCGLE9Xs/R82hujGtu9Jd9x4NW3T34+OMs7VoPsjwzRczKHvTAHeJwWFwX5j15+MgAppE8ztObQ==
-  dependencies:
-    color-convert "^1.9.1"
-    color-string "^1.5.4"
+colord@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/colord/-/colord-2.0.0.tgz#f8c19f2526b7dc5b22d6e57ef102f03a2a43a3d8"
+  integrity sha512-WMDFJfoY3wqPZNpKUFdse3HhD5BHCbE9JCdxRzoVH+ywRITGOeWAHNkGEmyxLlErEpN9OLMWgdM9dWQtDk5dog==
 
 colorette@^1.2.2:
   version "1.2.2"
@@ -2835,17 +2847,17 @@ cordova@^10.0.0:
     update-notifier "^4.1.0"
 
 core-js-compat@^3.6.5, core-js-compat@^3.9.0, core-js-compat@^3.9.1:
-  version "3.12.1"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.12.1.tgz#2c302c4708505fa7072b0adb5156d26f7801a18b"
-  integrity sha512-i6h5qODpw6EsHAoIdQhKoZdWn+dGBF3dSS8m5tif36RlWvW3A6+yu2S16QHUo3CrkzrnEskMAt9f8FxmY9fhWQ==
+  version "3.13.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.13.0.tgz#a88f5fa81d8e9b15d7f98abc4447a4dfca2a358f"
+  integrity sha512-jhbI2zpVskgfDC9mGRaDo1gagd0E0i/kYW0+WvibL/rafEHKAHO653hEXIxJHqRlRLITluXtRH3AGTL5qJmifQ==
   dependencies:
     browserslist "^4.16.6"
     semver "7.0.0"
 
 core-js@^3.6.5:
-  version "3.12.1"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.12.1.tgz#6b5af4ff55616c08a44d386f1f510917ff204112"
-  integrity sha512-Ne9DKPHTObRuB09Dru5AjwKjY4cJHVGu+y5f7coGn1E9Grkc3p2iBwE9AI/nJzsE29mQF7oq+mhYYRqOMFN1Bw==
+  version "3.13.0"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.13.0.tgz#58ca436bf01d6903aee3d364089868d0d89fe58d"
+  integrity sha512-iWDbiyha1M5vFwPFmQnvRv+tJzGbFAm6XimJUT0NgHYW3xZEs1SkCAcasWSVFxpI2Xb/V1DDJckq3v90+bQnog==
 
 core-util-is@1.0.2, core-util-is@~1.0.0:
   version "1.0.2"
@@ -2925,10 +2937,10 @@ css-color-names@^1.0.1:
   resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-1.0.1.tgz#6ff7ee81a823ad46e020fa2fd6ab40a887e2ba67"
   integrity sha512-/loXYOch1qU1biStIFsHH8SxTmOseh1IJqFvy8IujXOm1h+QjUdDhkzOrR5HG8K8mlxREj0yfi8ewCHx0eMxzA==
 
-css-declaration-sorter@6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.0.0.tgz#eb21f75860078627e9e3cc6f5535ccfcea445817"
-  integrity sha512-S0TE4E0ha5+tBHdLWPc5n+S8E4dFBS5xScPvgHkLNZwWvX4ISoFGhGeerLC9uS1cKA/sC+K2wHq6qEbcagT/fg==
+css-declaration-sorter@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.0.3.tgz#9dfd8ea0df4cc7846827876fafb52314890c21a9"
+  integrity sha512-52P95mvW1SMzuRZegvpluT6yEv0FqQusydKQPZsNN5Q7hh8EwQvN8E2nwuJ16BBvNN6LcoIZXu/Bk58DAhrrxw==
   dependencies:
     timsort "^0.3.0"
 
@@ -3006,47 +3018,47 @@ cssesc@^3.0.0:
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
   integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
 
-cssnano-preset-default@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.0.1.tgz#76adc00f7aae36ae80552b8356e21bec4b233ca2"
-  integrity sha512-cfmfThYODGqhpQKDq9H0MTAqkMvZ3dGbOUTBKw0xWZiIycMqHid22LsJXJl4r1qX4qzDeKxcSyQ/Xb5Mu3Z//Q==
+cssnano-preset-default@^5.0.1, cssnano-preset-default@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.1.1.tgz#5cd783caed942cc94159aeb10583af4691445b8c"
+  integrity sha512-kAhR71Tascmnjlhl4UegGA3KGGbMLXHkkqVpA9idsRT1JmIhIsz1C3tDpBeQMUw5EX5Rfb1HGc/PRqD2AFk3Vg==
   dependencies:
-    css-declaration-sorter "6.0.0"
-    cssnano-utils "^2.0.0"
+    css-declaration-sorter "^6.0.3"
+    cssnano-utils "^2.0.1"
     postcss-calc "^8.0.0"
-    postcss-colormin "^5.0.0"
-    postcss-convert-values "^5.0.0"
-    postcss-discard-comments "^5.0.0"
-    postcss-discard-duplicates "^5.0.0"
-    postcss-discard-empty "^5.0.0"
-    postcss-discard-overridden "^5.0.0"
-    postcss-merge-longhand "^5.0.1"
-    postcss-merge-rules "^5.0.0"
-    postcss-minify-font-values "^5.0.0"
-    postcss-minify-gradients "^5.0.0"
-    postcss-minify-params "^5.0.0"
-    postcss-minify-selectors "^5.0.0"
-    postcss-normalize-charset "^5.0.0"
-    postcss-normalize-display-values "^5.0.0"
-    postcss-normalize-positions "^5.0.0"
-    postcss-normalize-repeat-style "^5.0.0"
-    postcss-normalize-string "^5.0.0"
-    postcss-normalize-timing-functions "^5.0.0"
-    postcss-normalize-unicode "^5.0.0"
-    postcss-normalize-url "^5.0.0"
-    postcss-normalize-whitespace "^5.0.0"
-    postcss-ordered-values "^5.0.0"
-    postcss-reduce-initial "^5.0.0"
-    postcss-reduce-transforms "^5.0.0"
-    postcss-svgo "^5.0.0"
-    postcss-unique-selectors "^5.0.0"
+    postcss-colormin "^5.1.1"
+    postcss-convert-values "^5.0.1"
+    postcss-discard-comments "^5.0.1"
+    postcss-discard-duplicates "^5.0.1"
+    postcss-discard-empty "^5.0.1"
+    postcss-discard-overridden "^5.0.1"
+    postcss-merge-longhand "^5.0.2"
+    postcss-merge-rules "^5.0.1"
+    postcss-minify-font-values "^5.0.1"
+    postcss-minify-gradients "^5.0.1"
+    postcss-minify-params "^5.0.1"
+    postcss-minify-selectors "^5.1.0"
+    postcss-normalize-charset "^5.0.1"
+    postcss-normalize-display-values "^5.0.1"
+    postcss-normalize-positions "^5.0.1"
+    postcss-normalize-repeat-style "^5.0.1"
+    postcss-normalize-string "^5.0.1"
+    postcss-normalize-timing-functions "^5.0.1"
+    postcss-normalize-unicode "^5.0.1"
+    postcss-normalize-url "^5.0.1"
+    postcss-normalize-whitespace "^5.0.1"
+    postcss-ordered-values "^5.0.1"
+    postcss-reduce-initial "^5.0.1"
+    postcss-reduce-transforms "^5.0.1"
+    postcss-svgo "^5.0.1"
+    postcss-unique-selectors "^5.0.1"
 
-cssnano-utils@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-2.0.0.tgz#b04baaa312aa3dd5a854b7f61d76b9d94be07f74"
-  integrity sha512-xvxmTszdrvSyTACdPe8VU5J6p4sm3egpgw54dILvNqt5eBUv6TFjACLhSxtRuEsxYrgy8uDy269YjScO5aKbGA==
+cssnano-utils@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-2.0.1.tgz#8660aa2b37ed869d2e2f22918196a9a8b6498ce2"
+  integrity sha512-i8vLRZTnEH9ubIyfdZCAdIdgnHAUeQeByEeQ2I7oTilvP9oHO6RScpeq3GsFUVqeB8uZgOQ9pw8utofNn32hhQ==
 
-cssnano@5.0.2, cssnano@^5.0.0:
+cssnano@5.0.2:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.0.2.tgz#3f6de4fd5ecb7b5fb636c1a606de5f38cd241493"
   integrity sha512-8JK3EnPsjQsULme9/e5M2hF564f/480hwsdcHvQ7ZtAIMfQ1O3SCfs+b8Mjf5KJxhYApyRshR2QSovEJi2K72Q==
@@ -3055,6 +3067,15 @@ cssnano@5.0.2, cssnano@^5.0.0:
     cssnano-preset-default "^5.0.1"
     is-resolvable "^1.1.0"
 
+cssnano@^5.0.0:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.0.4.tgz#5ca90729c94c71c4bc3d45abb543be10740bf381"
+  integrity sha512-I+fDW74CJ4yb31765ov9xXe70XLZvFTXjwhmA//VgAAuSAU34Oblbe94Q9zffiCX1VhcSfQWARQnwhz+Nqgb4Q==
+  dependencies:
+    cosmiconfig "^7.0.0"
+    cssnano-preset-default "^5.1.1"
+    is-resolvable "^1.1.0"
+
 csso@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
@@ -3234,9 +3255,9 @@ dns-equal@^1.0.0:
   integrity sha1-s55/HabrCnW6nBcySzR1PEfgZU0=
 
 dns-packet@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-1.3.1.tgz#12aa426981075be500b910eedcd0b47dd7deda5a"
-  integrity sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-1.3.3.tgz#7b62ee6e6aaac0c2de27cfc4a06af59cacb9cb38"
+  integrity sha512-dDwDMOJU+m6Qx+LhltSV+BWNrMaTqx3eXkAqgt/iouWTXGZMffg1rOSnG2xa3lWqmJ9xTBc7fgIe/css4S1rxA==
   dependencies:
     ip "^1.1.0"
     safe-buffer "^5.0.1"
@@ -3403,9 +3424,9 @@ electron-osx-sign@^0.4.11:
     plist "^3.0.1"
 
 electron-to-chromium@^1.3.723:
-  version "1.3.732"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.732.tgz#2a07a8d61f74f2084b6f6bf2a908605a7a0b2d8d"
-  integrity sha512-qKD5Pbq+QMk4nea4lMuncUMhpEiQwaJyCW7MrvissnRcBDENhVfDmAqQYRQ3X525oTzhar9Zh1cK0L2d1UKYcw==
+  version "1.3.738"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.738.tgz#aec24b091c82acbfabbdcce08076a703941d17ca"
+  integrity sha512-vCMf4gDOpEylPSLPLSwAEsz+R3ShP02Y3cAKMZvTqule3XcPp7tgc/0ESI7IS6ZeyBlGClE50N53fIOkcIVnpw==
 
 elementtree@0.1.7, elementtree@^0.1.7:
   version "0.1.7"
@@ -3615,9 +3636,9 @@ eslint-webpack-plugin@^2.5.4:
     schema-utils "^3.0.0"
 
 eslint@^7.26.0:
-  version "7.26.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.26.0.tgz#d416fdcdcb3236cd8f282065312813f8c13982f6"
-  integrity sha512-4R1ieRf52/izcZE7AlLy56uIHHDLT74Yzz2Iv2l6kDaYvEu9x+wMB5dZArVL8SYGXSYV2YAg70FcW5Y5nGGNIg==
+  version "7.27.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.27.0.tgz#665a1506d8f95655c9274d84bd78f7166b07e9c7"
+  integrity sha512-JZuR6La2ZF0UD384lcbnd0Cgg6QJjiCwhMD6eU4h/VGPcVGwawNNzKU41tgokGXnfjOOyI6QIffthhJTPzzuRA==
   dependencies:
     "@babel/code-frame" "7.12.11"
     "@eslint/eslintrc" "^0.4.1"
@@ -3627,12 +3648,14 @@ eslint@^7.26.0:
     debug "^4.0.1"
     doctrine "^3.0.0"
     enquirer "^2.3.5"
+    escape-string-regexp "^4.0.0"
     eslint-scope "^5.1.1"
     eslint-utils "^2.1.0"
     eslint-visitor-keys "^2.0.0"
     espree "^7.3.1"
     esquery "^1.4.0"
     esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
     file-entry-cache "^6.0.1"
     functional-red-black-tree "^1.0.1"
     glob-parent "^5.0.0"
@@ -3644,7 +3667,7 @@ eslint@^7.26.0:
     js-yaml "^3.13.1"
     json-stable-stringify-without-jsonify "^1.0.1"
     levn "^0.4.1"
-    lodash "^4.17.21"
+    lodash.merge "^4.6.2"
     minimatch "^3.0.4"
     natural-compare "^1.4.0"
     optionator "^0.9.1"
@@ -3653,7 +3676,7 @@ eslint@^7.26.0:
     semver "^7.2.1"
     strip-ansi "^6.0.0"
     strip-json-comments "^3.1.0"
-    table "^6.0.4"
+    table "^6.0.9"
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
@@ -3837,7 +3860,7 @@ extsprintf@^1.2.0, extsprintf@^1.4.0:
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
   integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
 
-fast-deep-equal@^3.1.1:
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
@@ -3877,9 +3900,9 @@ fastq@^1.6.0:
     reusify "^1.0.4"
 
 faye-websocket@^0.11.3:
-  version "0.11.3"
-  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.3.tgz#5c0e9a8968e8912c286639fde977a8b209f2508e"
-  integrity sha512-D2y4bovYpzziGgbHYtGCMjlJM36vAl/y+xUyn1C+FVx8szd1E+86KwVw6XvYSzOP8iMpm1X0I4xJD+QtUb36OA==
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
+  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
   dependencies:
     websocket-driver ">=0.5.1"
 
@@ -4035,9 +4058,9 @@ forwarded@~0.1.2:
   integrity sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=
 
 fraction.js@^4.0.13:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.1.0.tgz#229ec1cedc8c3c7e5d2d20688ba64f0a43af5830"
-  integrity sha512-o9lSKpK0TDqDwTL24Hxqi6I99s942l6TYkfl6WvGWgLOIFz/YonSGKfiSeMadoiNvTfqnfOa9mjb5SGVbBK9/w==
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.1.1.tgz#ac4e520473dae67012d618aab91eda09bcb400ff"
+  integrity sha512-MHOhvvxHTfRFpF1geTK9czMIZ6xclsEor2wkIGYYq+PxcQqT7vStJqjhe6S1TenZrMZzo+wlqOufBDVepUEgPg==
 
 fresh@0.5.2:
   version "0.5.2"
@@ -4565,9 +4588,9 @@ iconv-lite@0.4.24, iconv-lite@^0.4.24:
     safer-buffer ">= 2.1.2 < 3"
 
 iconv-lite@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.2.tgz#ce13d1875b0c3a674bd6a04b7f76b01b1b6ded01"
-  integrity sha512-2y91h5OpQlolefMPmUlivelittSWy0rP+oYVpn6A7GwVHNE8AWzoYOBNmlwks3LobaJxgHCYZAnyNo2GgpNRNQ==
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
@@ -4626,11 +4649,6 @@ indent-string@^4.0.0:
   resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
   integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
 
-indexes-of@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
-  integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc=
-
 infer-owner@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
@@ -4783,11 +4801,6 @@ is-arrayish@^0.2.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
   integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
 
-is-arrayish@^0.3.1:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
-  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
-
 is-binary-path@~2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
@@ -5293,6 +5306,11 @@ lodash.memoize@^4.1.2:
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
   integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
 
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
 lodash.template@4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-4.5.0.tgz#f976195cf3f347d0d5f52483569fe8031ccce8ab"
@@ -5328,7 +5346,7 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
-lodash@^4.17.10, lodash@^4.17.12, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21:
+lodash@^4.17.10, lodash@^4.17.12, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -5663,6 +5681,14 @@ mkdirp@^1.0.3, mkdirp@^1.0.4:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
+modify-source-webpack-plugin@^3.0.0-rc.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/modify-source-webpack-plugin/-/modify-source-webpack-plugin-3.0.0.tgz#4fe973adc6e3b11f2ae39f3645a39e423dbed861"
+  integrity sha512-m2g6QEittzzcde0PhgQtOwRywjqo8Q+vMLHbNoH2JDEFE/AlTBWvtNQrp17xbqDUXIueLljm4bhE5OninatHYw==
+  dependencies:
+    loader-utils "^2.0.0"
+    schema-utils "^3.0.0"
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -5815,9 +5841,9 @@ normalize-range@^0.1.2:
   integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=
 
 normalize-url@^4.1.0, normalize-url@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.5.0.tgz#453354087e6ca96957bd8f5baf753f5982142129"
-  integrity sha512-2s47yzUxdexf1OhyRi4Em83iQk0aPvwTddtFz4hnSSw9dCEsLEGf6SwIO8ss/19S9iBb5sJaOuTvTGDeZI00BQ==
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.5.1.tgz#0dd90cf1288ee1d1313b87081c9a5932ee48518a"
+  integrity sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==
 
 npm-bundled@^1.1.1:
   version "1.1.2"
@@ -5886,9 +5912,9 @@ npm-pick-manifest@^6.0.0, npm-pick-manifest@^6.1.1:
     semver "^7.3.4"
 
 npm-registry-fetch@^10.0.0:
-  version "10.1.1"
-  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-10.1.1.tgz#97bc7a0fca5e8f76cc5162185b8de8caa8bea639"
-  integrity sha512-F6a3l+ffCQ7hvvN16YG5bpm1rPZntCg66PLHDQ1apWJPOCUVHoKnL2w5fqEaTVhp42dmossTyXeR7hTGirfXrg==
+  version "10.1.2"
+  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-10.1.2.tgz#11ffe03d813c653e768bdf762cfc5f1afe91b8bd"
+  integrity sha512-KsM/TdPmntqgBFlfsbkOLkkE9ovZo7VpVcd+/eTdYszCrgy5zFl5JzWm+OxavFaEWlbkirpkou+ZYI00RmOBFA==
   dependencies:
     lru-cache "^6.0.0"
     make-fetch-happen "^8.0.9"
@@ -6308,9 +6334,9 @@ path-key@^3.0.0, path-key@^3.1.0:
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 
 path-parse@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
-  integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
 path-to-regexp@0.1.7:
   version "0.1.7"
@@ -6328,9 +6354,9 @@ performance-now@^2.1.0:
   integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
 
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.3.tgz#465547f359ccc206d3c48e46a1bcb89bf7ee619d"
-  integrity sha512-KpELjfwcCDUb9PeigTs2mBJzXUPzAuP2oPcA989He8Rte0+YUAjw1JVedDhuTKPkHjSYzMN3npC9luThGYEKdg==
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.0.tgz#f1f061de8f6a4bf022892e2d128234fb98302972"
+  integrity sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==
 
 pify@^3.0.0:
   version "3.0.0"
@@ -6347,10 +6373,10 @@ pify@^5.0.0:
   resolved "https://registry.yarnpkg.com/pify/-/pify-5.0.0.tgz#1f5eca3f5e87ebec28cc6d54a0e4aaf00acc127f"
   integrity sha512-eW/gHNMlxdSP6dmG6uJip6FXN0EQBwm2clYYd8Wul42Cwu/DK8HEftzsapcNdYe2MfLiIwZqsDk2RDEsTE79hA==
 
-pinia@^2.0.0-alpha.18:
-  version "2.0.0-alpha.18"
-  resolved "https://registry.yarnpkg.com/pinia/-/pinia-2.0.0-alpha.18.tgz#bc176e5054bcbfc1b485982dc41cbc28eacabb31"
-  integrity sha512-KbgU5mvGcRjnOEleTL943nDIJcI97CmOQskGiOJUntZ5VuNYxm3CgzQztO4VE1SUYgHYbLhcauV9Athz9R1kWw==
+pinia@^2.0.0-alpha.19:
+  version "2.0.0-alpha.19"
+  resolved "https://registry.yarnpkg.com/pinia/-/pinia-2.0.0-alpha.19.tgz#0a119c65585a67f7756d5995d11d4b1df4acfbeb"
+  integrity sha512-U/FvKm2tVUdqEuPorkYvD3oCgIj/u5EnF9TbX5dEpkNkoWKQM1i23e97QKtQFGuTxMSfzmBFFINv4A9VeVZ1wQ==
   dependencies:
     "@vue/devtools-api" "^6.0.0-beta.10"
 
@@ -6401,41 +6427,41 @@ postcss-calc@^8.0.0:
     postcss-selector-parser "^6.0.2"
     postcss-value-parser "^4.0.2"
 
-postcss-colormin@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.0.0.tgz#283b8934c8bdbc531e7648aeb0970107f6d06d0e"
-  integrity sha512-Yt84+5V6CgS/AhK7d7MA58vG8dSZ7+ytlRtWLaQhag3HXOncTfmYpuUOX4cDoXjvLfw1sHRCHMiBjYhc35CymQ==
+postcss-colormin@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.1.1.tgz#834d262f6021f832d9085e355f08ade288a92a1d"
+  integrity sha512-SyTmqKKN6PyYNeeKEC0hqIP5CDuprO1hHurdW1aezDyfofDUOn7y7MaxcolbsW3oazPwFiGiY30XRiW1V4iZpA==
   dependencies:
     browserslist "^4.16.0"
-    color "^3.1.1"
+    colord "^2.0.0"
     postcss-value-parser "^4.1.0"
 
-postcss-convert-values@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-5.0.0.tgz#cd77e1d23ebe8fcf508640551eed08e232784cba"
-  integrity sha512-V5kmYm4xoBAjNs+eHY/6XzXJkkGeg4kwNf2ocfqhLb1WBPEa4oaSmoi1fnVO7Dkblqvus9h+AenDvhCKUCK7uQ==
+postcss-convert-values@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-5.0.1.tgz#4ec19d6016534e30e3102fdf414e753398645232"
+  integrity sha512-C3zR1Do2BkKkCgC0g3sF8TS0koF2G+mN8xxayZx3f10cIRmTaAnpgpRQZjNekTZxM2ciSPoh2IWJm0VZx8NoQg==
   dependencies:
     postcss-value-parser "^4.1.0"
 
-postcss-discard-comments@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-5.0.0.tgz#6c27310e0657c0b9e38a6175ad001b5aa28964bc"
-  integrity sha512-Umig6Gxs8m20RihiXY6QkePd6mp4FxkA1Dg+f/Kd6uw0gEMfKRjDeQOyFkLibexbJJGHpE3lrN/Q0R9SMrUMbQ==
+postcss-discard-comments@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-5.0.1.tgz#9eae4b747cf760d31f2447c27f0619d5718901fe"
+  integrity sha512-lgZBPTDvWrbAYY1v5GYEv8fEO/WhKOu/hmZqmCYfrpD6eyDWWzAOsl2rF29lpvziKO02Gc5GJQtlpkTmakwOWg==
 
-postcss-discard-duplicates@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-5.0.0.tgz#6a2c4f779e8d20da6781e90730f234f9e650c51c"
-  integrity sha512-vEJJ+Y3pFUnO1FyCBA6PSisGjHtnphL3V6GsNvkASq/VkP3OX5/No5RYXXLxHa2QegStNzg6HYrYdo71uR4caQ==
+postcss-discard-duplicates@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-5.0.1.tgz#68f7cc6458fe6bab2e46c9f55ae52869f680e66d"
+  integrity sha512-svx747PWHKOGpAXXQkCc4k/DsWo+6bc5LsVrAsw+OU+Ibi7klFZCyX54gjYzX4TH+f2uzXjRviLARxkMurA2bA==
 
-postcss-discard-empty@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-5.0.0.tgz#0f0a9baee415f5f7be4ae046ba235e98626ba821"
-  integrity sha512-+wigy099Y1xZxG36WG5L1f2zeH1oicntkJEW4TDIqKKDO2g9XVB3OhoiHTu08rDEjLnbcab4rw0BAccwi2VjiQ==
+postcss-discard-empty@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-5.0.1.tgz#ee136c39e27d5d2ed4da0ee5ed02bc8a9f8bf6d8"
+  integrity sha512-vfU8CxAQ6YpMxV2SvMcMIyF2LX1ZzWpy0lqHDsOdaKKLQVQGVP1pzhrI9JlsO65s66uQTfkQBKBD/A5gp9STFw==
 
-postcss-discard-overridden@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-5.0.0.tgz#ac00f695a60001eda52135a11fac87376b8da9ee"
-  integrity sha512-hybnScTaZM2iEA6kzVQ6Spozy7kVdLw+lGw8hftLlBEzt93uzXoltkYp9u0tI8xbfhxDLTOOzHsHQCkYdmzRUg==
+postcss-discard-overridden@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-5.0.1.tgz#454b41f707300b98109a75005ca4ab0ff2743ac6"
+  integrity sha512-Y28H7y93L2BpJhrdUR2SR2fnSsT+3TVx1NmVQLbcnZWwIUpJ7mfcTC6Za9M2PG6w8j7UQRfzxqn8jU2VwFxo3Q==
 
 postcss-loader@5.2.0:
   version "5.2.0"
@@ -6446,60 +6472,60 @@ postcss-loader@5.2.0:
     klona "^2.0.4"
     semver "^7.3.4"
 
-postcss-merge-longhand@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-5.0.1.tgz#1a008ff72d14cd3e2f3d32accc2ad37948bcabf4"
-  integrity sha512-H1RO8le5deFGumQzuhJjuL0bIXPRysa+w7xtk5KrHe38oiaSS9ksPXDo24+IOS3SETPhip0J5+1uCOW+ALs3Yw==
+postcss-merge-longhand@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-5.0.2.tgz#277ada51d9a7958e8ef8cf263103c9384b322a41"
+  integrity sha512-BMlg9AXSI5G9TBT0Lo/H3PfUy63P84rVz3BjCFE9e9Y9RXQZD3+h3YO1kgTNsNJy7bBc1YQp8DmSnwLIW5VPcw==
   dependencies:
     css-color-names "^1.0.1"
     postcss-value-parser "^4.1.0"
-    stylehacks "^5.0.0"
+    stylehacks "^5.0.1"
 
-postcss-merge-rules@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.0.0.tgz#e0d0c0d45c98376f4adb49eb1f1dfe2aebfd7048"
-  integrity sha512-TfsXbKjNYCGfUPEXGIGPySnMiJbdS+3gcVeV8gwmJP4RajyKZHW8E0FYDL1WmggTj3hi+m+WUCAvqRpX2ut4Kg==
+postcss-merge-rules@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.0.1.tgz#4ff61c5089d86845184a0f149e88d687028bef7e"
+  integrity sha512-UR6R5Ph0c96QB9TMBH3ml8/kvPCThPHepdhRqAbvMRDRHQACPC8iM5NpfIC03+VRMZTGXy4L/BvFzcDFCgb+fA==
   dependencies:
     browserslist "^4.16.0"
     caniuse-api "^3.0.0"
-    cssnano-utils "^2.0.0"
-    postcss-selector-parser "^6.0.4"
+    cssnano-utils "^2.0.1"
+    postcss-selector-parser "^6.0.5"
     vendors "^1.0.3"
 
-postcss-minify-font-values@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-5.0.0.tgz#fee5d0fa192fae8757cb744870a0ad02be5f402e"
-  integrity sha512-zi2JhFaMOcIaNxhndX5uhsqSY1rexKDp23wV8EOmC9XERqzLbHsoRye3aYF716Zm+hkcR4loqKDt8LZlmihwAg==
+postcss-minify-font-values@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-5.0.1.tgz#a90cefbfdaa075bd3dbaa1b33588bb4dc268addf"
+  integrity sha512-7JS4qIsnqaxk+FXY1E8dHBDmraYFWmuL6cgt0T1SWGRO5bzJf8sUoelwa4P88LEWJZweHevAiDKxHlofuvtIoA==
   dependencies:
     postcss-value-parser "^4.1.0"
 
-postcss-minify-gradients@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-5.0.0.tgz#95dbe61567a45c0cd7ab897d78fb65d5096844ed"
-  integrity sha512-/jPtNgs6JySMwgsE5dPOq8a2xEopWTW3RyqoB9fLqxgR+mDUNLSi7joKd+N1z7FXWgVkc4l/dEBMXHgNAaUbvg==
+postcss-minify-gradients@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-5.0.1.tgz#2dc79fd1a1afcb72a9e727bc549ce860f93565d2"
+  integrity sha512-odOwBFAIn2wIv+XYRpoN2hUV3pPQlgbJ10XeXPq8UY2N+9ZG42xu45lTn/g9zZ+d70NKSQD6EOi6UiCMu3FN7g==
   dependencies:
-    cssnano-utils "^2.0.0"
+    cssnano-utils "^2.0.1"
     is-color-stop "^1.1.0"
     postcss-value-parser "^4.1.0"
 
-postcss-minify-params@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-5.0.0.tgz#12c7f75d69b0b4827fafbd6649970a53784a9c24"
-  integrity sha512-KvZYIxTPBVKjdd+XgObq9A+Sfv8lMkXTpbZTsjhr42XbfWIeLaTItMlygsDWfjArEc3muUfDaUFgNSeDiJ5jug==
+postcss-minify-params@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-5.0.1.tgz#371153ba164b9d8562842fdcd929c98abd9e5b6c"
+  integrity sha512-4RUC4k2A/Q9mGco1Z8ODc7h+A0z7L7X2ypO1B6V8057eVK6mZ6xwz6QN64nHuHLbqbclkX1wyzRnIrdZehTEHw==
   dependencies:
     alphanum-sort "^1.0.2"
     browserslist "^4.16.0"
-    cssnano-utils "^2.0.0"
+    cssnano-utils "^2.0.1"
     postcss-value-parser "^4.1.0"
     uniqs "^2.0.0"
 
-postcss-minify-selectors@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-5.0.0.tgz#d3e43d97fd0ba83ba0010950fc5acfa420f7caa9"
-  integrity sha512-cEM0O0eWwFIvmo6nfB0lH0vO/XFwgqIvymODbfPXZ1gTA3i76FKnb7TGUrEpiTxaXH6tgYQ6DcTHwRiRS+YQLQ==
+postcss-minify-selectors@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-5.1.0.tgz#4385c845d3979ff160291774523ffa54eafd5a54"
+  integrity sha512-NzGBXDa7aPsAcijXZeagnJBKBPMYLaJJzB8CQh6ncvyl2sIndLVWfbcDi0SBjRWk5VqEjXvf8tYwzoKf4Z07og==
   dependencies:
     alphanum-sort "^1.0.2"
-    postcss-selector-parser "^3.1.2"
+    postcss-selector-parser "^6.0.5"
 
 postcss-modules-extract-imports@^3.0.0:
   version "3.0.0"
@@ -6543,95 +6569,95 @@ postcss-modules@^4.0.0:
     postcss-modules-values "^4.0.0"
     string-hash "^1.1.1"
 
-postcss-normalize-charset@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-5.0.0.tgz#59e1fe2094fb2e3371cc5b054cbc39828a41a710"
-  integrity sha512-pqsCkgo9KmQP0ew6DqSA+uP9YN6EfsW20pQ3JU5JoQge09Z6Too4qU0TNDsTNWuEaP8SWsMp+19l15210MsDZQ==
+postcss-normalize-charset@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-5.0.1.tgz#121559d1bebc55ac8d24af37f67bd4da9efd91d0"
+  integrity sha512-6J40l6LNYnBdPSk+BHZ8SF+HAkS4q2twe5jnocgd+xWpz/mx/5Sa32m3W1AA8uE8XaXN+eg8trIlfu8V9x61eg==
 
-postcss-normalize-display-values@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-5.0.0.tgz#4ff2d3b3b5146a366de28ec9e24131a1868f1933"
-  integrity sha512-t4f2d//gH1f7Ns0Jq3eNdnWuPT7TeLuISZ6RQx4j8gpl5XrhkdshdNcOnlrEK48YU6Tcb6jqK7dorME3N4oOGA==
+postcss-normalize-display-values@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-5.0.1.tgz#62650b965981a955dffee83363453db82f6ad1fd"
+  integrity sha512-uupdvWk88kLDXi5HEyI9IaAJTE3/Djbcrqq8YgjvAVuzgVuqIk3SuJWUisT2gaJbZm1H9g5k2w1xXilM3x8DjQ==
   dependencies:
-    cssnano-utils "^2.0.0"
+    cssnano-utils "^2.0.1"
     postcss-value-parser "^4.1.0"
 
-postcss-normalize-positions@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-5.0.0.tgz#fe1d9a8122dd385b9c6908bd2008140dea17750d"
-  integrity sha512-0o6/qU5ky74X/eWYj/tv4iiKCm3YqJnrhmVADpIMNXxzFZywsSQxl8F7cKs8jQEtF3VrJBgcDHTexZy1zgDoYg==
+postcss-normalize-positions@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-5.0.1.tgz#868f6af1795fdfa86fbbe960dceb47e5f9492fe5"
+  integrity sha512-rvzWAJai5xej9yWqlCb1OWLd9JjW2Ex2BCPzUJrbaXmtKtgfL8dBMOOMTX6TnvQMtjk3ei1Lswcs78qKO1Skrg==
   dependencies:
     postcss-value-parser "^4.1.0"
 
-postcss-normalize-repeat-style@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.0.0.tgz#e11d88fbf63f89179c6a7391853b2fe7f46e589d"
-  integrity sha512-KRT14JbrXKcFMYuc4q7lh8lvv8u22wLyMrq+UpHKLtbx2H/LOjvWXYdoDxmNrrrJzomAWL+ViEXr48/IhSUJnQ==
+postcss-normalize-repeat-style@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.0.1.tgz#cbc0de1383b57f5bb61ddd6a84653b5e8665b2b5"
+  integrity sha512-syZ2itq0HTQjj4QtXZOeefomckiV5TaUO6ReIEabCh3wgDs4Mr01pkif0MeVwKyU/LHEkPJnpwFKRxqWA/7O3w==
   dependencies:
-    cssnano-utils "^2.0.0"
+    cssnano-utils "^2.0.1"
     postcss-value-parser "^4.1.0"
 
-postcss-normalize-string@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-5.0.0.tgz#2ea08ff4cb8817ce160755e9fdc7e6ef6d495002"
-  integrity sha512-wSO4pf7GNcDZpmelREWYADF1+XZWrAcbFLQCOqoE92ZwYgaP/RLumkUTaamEzdT2YKRZAH8eLLKGWotU/7FNPw==
+postcss-normalize-string@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-5.0.1.tgz#d9eafaa4df78c7a3b973ae346ef0e47c554985b0"
+  integrity sha512-Ic8GaQ3jPMVl1OEn2U//2pm93AXUcF3wz+OriskdZ1AOuYV25OdgS7w9Xu2LO5cGyhHCgn8dMXh9bO7vi3i9pA==
   dependencies:
     postcss-value-parser "^4.1.0"
 
-postcss-normalize-timing-functions@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.0.0.tgz#380eb1c9b179f96efc307c659a8049116f16f381"
-  integrity sha512-TwPaDX+wl9wO3MUm23lzGmOzGCGKnpk+rSDgzB2INpakD5dgWR3L6bJq1P1LQYzBAvz8fRIj2NWdnZdV4EV98Q==
+postcss-normalize-timing-functions@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.0.1.tgz#8ee41103b9130429c6cbba736932b75c5e2cb08c"
+  integrity sha512-cPcBdVN5OsWCNEo5hiXfLUnXfTGtSFiBU9SK8k7ii8UD7OLuznzgNRYkLZow11BkQiiqMcgPyh4ZqXEEUrtQ1Q==
   dependencies:
-    cssnano-utils "^2.0.0"
+    cssnano-utils "^2.0.1"
     postcss-value-parser "^4.1.0"
 
-postcss-normalize-unicode@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-5.0.0.tgz#aa46a89c86ae51a01cbca13e73c1ed7b0b38807e"
-  integrity sha512-2CpVoz/67rXU5s9tsPZDxG1YGS9OFHwoY9gsLAzrURrCxTAb0H7Vp87/62LvVPgRWTa5ZmvgmqTp2rL8tlm72A==
+postcss-normalize-unicode@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-5.0.1.tgz#82d672d648a411814aa5bf3ae565379ccd9f5e37"
+  integrity sha512-kAtYD6V3pK0beqrU90gpCQB7g6AOfP/2KIPCVBKJM2EheVsBQmx/Iof+9zR9NFKLAx4Pr9mDhogB27pmn354nA==
   dependencies:
     browserslist "^4.16.0"
     postcss-value-parser "^4.1.0"
 
-postcss-normalize-url@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-5.0.0.tgz#626a4c7d30007f94466cdf245e7ed9f253f1dbd9"
-  integrity sha512-ICDaGFBqLgA3dlrCIRuhblLl80D13YtgEV9NJPTYJtgR72vu61KgxAHv+z/lKMs1EbwfSQa3ALjOFLSmXiE34A==
+postcss-normalize-url@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-5.0.1.tgz#ffa9fe545935d8b57becbbb7934dd5e245513183"
+  integrity sha512-hkbG0j58Z1M830/CJ73VsP7gvlG1yF+4y7Fd1w4tD2c7CaA2Psll+pQ6eQhth9y9EaqZSLzamff/D0MZBMbYSg==
   dependencies:
     is-absolute-url "^3.0.3"
     normalize-url "^4.5.0"
     postcss-value-parser "^4.1.0"
 
-postcss-normalize-whitespace@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.0.0.tgz#1faf147a4f8d3d93a3c75109d120b4eefa00589b"
-  integrity sha512-KRnxQvQAVkJfaeXSz7JlnD9nBN9sFZF9lrk9452Q2uRoqrRSkinqifF8Iex7wZGei2DZVG/qpmDFDmRvbNAOGA==
+postcss-normalize-whitespace@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.0.1.tgz#b0b40b5bcac83585ff07ead2daf2dcfbeeef8e9a"
+  integrity sha512-iPklmI5SBnRvwceb/XH568yyzK0qRVuAG+a1HFUsFRf11lEJTiQQa03a4RSCQvLKdcpX7XsI1Gen9LuLoqwiqA==
   dependencies:
     postcss-value-parser "^4.1.0"
 
-postcss-ordered-values@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-5.0.0.tgz#a50f224c5f40c566b338b0663655478737dcebee"
-  integrity sha512-dPr+SRObiHueCIc4IUaG0aOGQmYkuNu50wQvdXTGKy+rzi2mjmPsbeDsheLk5WPb9Zyf2tp8E+I+h40cnivm6g==
+postcss-ordered-values@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-5.0.1.tgz#79ef6e2bd267ccad3fc0c4f4a586dfd01c131f64"
+  integrity sha512-6mkCF5BQ25HvEcDfrMHCLLFHlraBSlOXFnQMHYhSpDO/5jSR1k8LdEXOkv+7+uzW6o6tBYea1Km0wQSRkPJkwA==
   dependencies:
-    cssnano-utils "^2.0.0"
+    cssnano-utils "^2.0.1"
     postcss-value-parser "^4.1.0"
 
-postcss-reduce-initial@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.0.0.tgz#c724e5513b0ae7f3d7bff16f0fc82133fb2f820a"
-  integrity sha512-wR6pXUaFbSMG1oCKx8pKVA+rnSXCHlca5jMrlmkmif+uig0HNUTV9oGN5kjKsM3mATQAldv2PF9Tbl2vqLFjnA==
+postcss-reduce-initial@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.0.1.tgz#9d6369865b0f6f6f6b165a0ef5dc1a4856c7e946"
+  integrity sha512-zlCZPKLLTMAqA3ZWH57HlbCjkD55LX9dsRyxlls+wfuRfqCi5mSlZVan0heX5cHr154Dq9AfbH70LyhrSAezJw==
   dependencies:
     browserslist "^4.16.0"
     caniuse-api "^3.0.0"
 
-postcss-reduce-transforms@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-5.0.0.tgz#5c820f71fbd4eec82b323523642b7b2d1c7d29ef"
-  integrity sha512-iHdGODW4YzM3WjVecBhPQt6fpJC4lGQZxJKjkBNHpp2b8dzmvj0ogKThqya+IRodQEFzjfXgYeESkf172FH5Lw==
+postcss-reduce-transforms@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-5.0.1.tgz#93c12f6a159474aa711d5269923e2383cedcf640"
+  integrity sha512-a//FjoPeFkRuAguPscTVmRQUODP+f3ke2HqFNgGPwdYnpeC29RZdCBvGRGTsKpMURb/I3p6jdKoBQ2zI+9Q7kA==
   dependencies:
-    cssnano-utils "^2.0.0"
+    cssnano-utils "^2.0.1"
     postcss-value-parser "^4.1.0"
 
 postcss-rtlcss@3.3.1:
@@ -6641,16 +6667,7 @@ postcss-rtlcss@3.3.1:
   dependencies:
     rtlcss "^3.1.2"
 
-postcss-selector-parser@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz#b310f5c4c0fdaf76f94902bbaa30db6aa84f5270"
-  integrity sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==
-  dependencies:
-    dot-prop "^5.2.0"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
-
-postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
+postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5:
   version "6.0.6"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.6.tgz#2c5bba8174ac2f6981ab631a42ab0ee54af332ea"
   integrity sha512-9LXrvaaX3+mcv5xkg5kFwqSzSH1JIObIx51PrndZwlmznwXRfxMddDvo9gve3gVR8ZTKgoFDdWkbRFmEhT4PMg==
@@ -6658,21 +6675,21 @@ postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
-postcss-svgo@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-5.0.0.tgz#c8d806e573394ab24f1e233cac5be4c199e9f1b2"
-  integrity sha512-M3/VS4sFI1Yp9g0bPL+xzzCNz5iLdRUztoFaugMit5a8sMfkVzzhwqbsOlD8IFFymCdJDmXmh31waYHWw1K4BA==
+postcss-svgo@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-5.0.1.tgz#6ed5e01e164e59204978994d844c653a331a8100"
+  integrity sha512-cD7DFo6tF9i5eWvwtI4irKOHCpmASFS0xvZ5EQIgEdA1AWfM/XiHHY/iss0gcKHhkqwgYmuo2M0KhJLd5Us6mg==
   dependencies:
     postcss-value-parser "^4.1.0"
     svgo "^2.3.0"
 
-postcss-unique-selectors@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-5.0.0.tgz#17856278f6c38d024defc9694d568bb09dd7f771"
-  integrity sha512-o9l4pF8SRn7aCMTmzb/kNv/kjV7wPZpZ8Nlb1Gq8v/Qvw969K1wanz1RVA0ehHzWe9+wHXaC2DvZlak/gdMJ5w==
+postcss-unique-selectors@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-5.0.1.tgz#3be5c1d7363352eff838bd62b0b07a0abad43bfc"
+  integrity sha512-gwi1NhHV4FMmPn+qwBNuot1sG1t2OmacLQ/AX29lzyggnjd+MnVD5uqQmpXO3J17KGL2WAxQruj1qTd3H0gG/w==
   dependencies:
     alphanum-sort "^1.0.2"
-    postcss-selector-parser "^6.0.2"
+    postcss-selector-parser "^6.0.5"
     uniqs "^2.0.0"
 
 postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0:
@@ -6681,13 +6698,13 @@ postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0:
   integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
 
 postcss@^8.1.10, postcss@^8.2.10, postcss@^8.2.4, postcss@^8.2.9:
-  version "8.2.15"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.2.15.tgz#9e66ccf07292817d226fc315cbbf9bc148fbca65"
-  integrity sha512-2zO3b26eJD/8rb106Qu2o7Qgg52ND5HPjcyQiK2B98O388h43A448LCslC0dI2P97wCAQRJsFvwTRcXxTKds+Q==
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.3.0.tgz#b1a713f6172ca427e3f05ef1303de8b65683325f"
+  integrity sha512-+ogXpdAjWGa+fdYY5BQ96V/6tAo+TdSSIMP5huJBIygdWwKtVoB5JWZ7yUd4xZ8r+8Kvvx4nyg/PQ071H4UtcQ==
   dependencies:
     colorette "^1.2.2"
     nanoid "^3.1.23"
-    source-map "^0.6.1"
+    source-map-js "^0.6.2"
 
 prelude-ls@^1.2.1:
   version "1.2.1"
@@ -6818,10 +6835,10 @@ qs@~6.5.2:
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
   integrity sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==
 
-quasar@^2.0.0-beta.17:
-  version "2.0.0-beta.17"
-  resolved "https://registry.yarnpkg.com/quasar/-/quasar-2.0.0-beta.17.tgz#4652965f4144b8cda4a4d4c9e40ca030b9f2a717"
-  integrity sha512-TvpytNLpZZiguZHRvolQzRPMuPZPbUn84cyrmOeXlAfWccJx3tEdR2YQGMQWcyJU+hK9N/nUSurSCxwcxVctHw==
+quasar@^2.0.0-beta.18:
+  version "2.0.0-beta.18"
+  resolved "https://registry.yarnpkg.com/quasar/-/quasar-2.0.0-beta.18.tgz#d5f855b08b8ce6f2c740944ea58900bf7cf1d85c"
+  integrity sha512-NZH6+ZvhpmZydDpo/n8Gtlyw1fByO4FmTWlsXake8/3+MLuo6UDSbTlv9Tqgd2EgJDmiyU4UIT3GMaMUsqhu7Q==
 
 querystring@0.2.0:
   version "0.2.0"
@@ -7147,9 +7164,9 @@ roarr@^2.15.3:
     sprintf-js "^1.1.2"
 
 rtlcss@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/rtlcss/-/rtlcss-3.1.2.tgz#4800d3d03525791a720f676a8ad2c6acf8efdfb2"
-  integrity sha512-b04YSX37siupPOWUEguEBReWX2w4QT89C0PI9g2JzZycbq7zrgPmTr1DA1pizSWpKRFdCjjnrx/SSvU4fOHmGg==
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/rtlcss/-/rtlcss-3.2.0.tgz#2139734ac45302891182f23f13448c51c07fccaf"
+  integrity sha512-nV3UmaTmA5TkP2dYOR16ULu6FkMOqZRbiXbFZnmWIN9coPfx3gin31VGOPV7vrVMPjNds7pCS2UYy0mwQUdFCQ==
   dependencies:
     chalk "^4.1.0"
     find-up "^5.0.0"
@@ -7396,19 +7413,12 @@ signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
   integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==
 
-simple-swizzle@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
-  integrity sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=
-  dependencies:
-    is-arrayish "^0.3.1"
-
 sirv@^1.0.7:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/sirv/-/sirv-1.0.11.tgz#81c19a29202048507d6ec0d8ba8910fda52eb5a4"
-  integrity sha512-SR36i3/LSWja7AJNRBz4fF/Xjpn7lQFI30tZ434dIy+bitLYSP+ZEenHg36i23V2SGEz+kqjksg0uOGZ5LPiqg==
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/sirv/-/sirv-1.0.12.tgz#d816c882b35489b3c63290e2f455ae3eccd5f652"
+  integrity sha512-+jQoCxndz7L2tqQL4ZyzfDhky0W/4ZJip3XoOuxyQWnAwMxindLl3Xv1qT4x1YX/re0leShvTm8Uk0kQspGhBg==
   dependencies:
-    "@polka/url" "^1.0.0-next.9"
+    "@polka/url" "^1.0.0-next.15"
     mime "^2.3.1"
     totalist "^1.0.0"
 
@@ -7467,6 +7477,11 @@ source-list-map@^2.0.0, source-list-map@^2.0.1:
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
 
+source-map-js@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-0.6.2.tgz#0bb5de631b41cfbda6cfba8bd05a80efdfd2385e"
+  integrity sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==
+
 source-map-support@~0.5.12, source-map-support@~0.5.19:
   version "0.5.19"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
@@ -7517,9 +7532,9 @@ spdx-expression-parse@^3.0.0:
     spdx-license-ids "^3.0.0"
 
 spdx-license-ids@^3.0.0:
-  version "3.0.8"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.8.tgz#eb1e97ad99b11bf3f82a3b71a0472dd9a00f2ecf"
-  integrity sha512-NDgA96EnaLSvtbM7trJj+t1LUR3pirkDCcz9nOUlPb5DMBGsH7oES6C3hs3j7R9oHEa1EMvReS/BUAIT5Tcr0g==
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.9.tgz#8a595135def9592bda69709474f1cbeea7c2467f"
+  integrity sha512-Ki212dKK4ogX+xDo4CtOZBVIwhsKBEfsEEcwmJfLQzirgc2jIWdzg40Unxz/HzEUqM1WFzVlQSMF9kZZ2HboLQ==
 
 spdy-transport@^3.0.0:
   version "3.0.0"
@@ -7703,10 +7718,10 @@ strip-json-comments@~2.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
 
-stylehacks@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-5.0.0.tgz#c49b0b2cf9917fe37dc030b96a4c34698b932933"
-  integrity sha512-QOWm6XivDLb+fqffTZP8jrmPmPITVChl2KCY2R05nsCWwLi3VGhCdVc3IVGNwd1zzTt1jPd67zIKjpQfxzQZeA==
+stylehacks@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-5.0.1.tgz#323ec554198520986806388c7fdaebc38d2c06fb"
+  integrity sha512-Es0rVnHIqbWzveU1b24kbw92HsebBepxfcqe5iix7t9j0PQqhs0IxXVXv0pY2Bxa08CgMkzD6OWql7kbGOuEdA==
   dependencies:
     browserslist "^4.16.0"
     postcss-selector-parser "^6.0.4"
@@ -7762,7 +7777,7 @@ table@6.7.0:
     string-width "^4.2.0"
     strip-ansi "^6.0.0"
 
-table@^6.0.4:
+table@^6.0.9:
   version "6.7.1"
   resolved "https://registry.yarnpkg.com/table/-/table-6.7.1.tgz#ee05592b7143831a8c94f3cee6aae4c1ccef33e2"
   integrity sha512-ZGum47Yi6KOOFDE8m223td53ath2enHcYLgOCjGr5ngu8bdIARQk6mN/wRMv4yMRcHnCSnHbCEha4sobQx5yWg==
@@ -8067,11 +8082,6 @@ unicode-property-aliases-ecmascript@^1.0.4:
   resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz#dd57a99f6207bedff4628abefb94c50db941c8f4"
   integrity sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg==
 
-uniq@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
-  integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=
-
 uniqs@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/uniqs/-/uniqs-2.0.0.tgz#ffede4b36b25290696e6e165d4a59edb998e6b02"
@@ -8290,9 +8300,9 @@ vuex@4.0.0:
   integrity sha512-56VPujlHscP5q/e7Jlpqc40sja4vOhC4uJD1llBCWolVI8ND4+VzisDVkUMl+z5y0MpIImW6HjhNc+ZvuizgOw==
 
 watchpack@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.1.1.tgz#e99630550fca07df9f90a06056987baa40a689c7"
-  integrity sha512-Oo7LXCmc1eE1AjyuSBmtC3+Wy4HcV8PxWh2kP6fOl8yTlNS7r0K9l1ao2lrrUza7V39Y3D/BbJgY8VeSlc5JKw==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.2.0.tgz#47d78f5415fe550ecd740f99fe2882323a58b1ce"
+  integrity sha512-up4YAn/XHgZHIxFBVCdlMiWDj6WaLKpwVeGQk2I5thdYxF/KmF0aaz6TfJZ/hfl1h/XlcDr7k1KH7ThDagpFaA==
   dependencies:
     glob-to-regexp "^0.4.1"
     graceful-fs "^4.1.2"
@@ -8328,9 +8338,9 @@ webpack-chain@6.5.1:
     javascript-stringify "^2.0.1"
 
 webpack-dev-middleware@^4.1.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-4.2.0.tgz#a2578914757107ed9af826365d87bdaa3e3581d2"
-  integrity sha512-HVVpHw+5H4lfGasUKjpIkOy9TB27OyKiL13c+dhzVG1w77OQ87b408fp0qKDKQQkNGgShbStDzVJ8sK46JajXg==
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-4.3.0.tgz#179cc40795882cae510b1aa7f3710cbe93c9333e"
+  integrity sha512-PjwyVY95/bhBh6VUqt6z4THplYcsvQ8YNNBTBM873xLVmw8FLeALn0qurHbs9EmcfhzQis/eoqypSnZeuUz26w==
   dependencies:
     colorette "^1.2.2"
     mem "^8.1.1"
@@ -8532,9 +8542,9 @@ write-file-atomic@^3.0.0, write-file-atomic@^3.0.3:
     typedarray-to-buffer "^3.1.5"
 
 ws@^7.3.1, ws@^7.4.5:
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.4.5.tgz#a484dd851e9beb6fdb420027e3885e8ce48986c1"
-  integrity sha512-xzyu3hFvomRfXKH8vOFMU3OguG6oOvhXMo3xsGy3xWExqaM2dxBbVxuD99O7m3ZUFMvvscsZDqxfgMaRr/Nr1g==
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.4.6.tgz#5654ca8ecdeee47c33a9a4bf6d28e2be2980377c"
+  integrity sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==
 
 xdg-basedir@^4.0.0:
   version "4.0.0"