Initial commit

web/src/plugins/auth0-plugin.ts

@@ -0,0 +1,14 @@
+import { createAuth0 } from "@auth0/auth0-vue"
+
+import { AUTH0_AUDIENCE, AUTH0_CLIENT_ID, AUTH0_DOMAIN, ENVIRONMENT } from "@/config"
+
+// See https://auth0.github.io/auth0-vue/#md:add-login-to-your-application
+export default createAuth0({
+  domain: AUTH0_DOMAIN,
+  clientId: AUTH0_CLIENT_ID,
+  authorizationParams: {
+    audience: AUTH0_AUDIENCE,
+    redirect_uri: `${window.location.origin}/callback`,
+  },
+  cacheLocation: ENVIRONMENT === "development" ? "localstorage" : "memory",
+})

web/src/plugins/vue-i18n-plugin.ts

@@ -0,0 +1,13 @@
+import { createI18n } from "vue-i18n"
+
+// I'd prefer to use yaml, or even json, but I can't get them to import at the moment
+// This might be a TypeScript issue, or I might need a yaml plugin.
+import en from "@/locales/en.js"
+
+export default createI18n({
+  legacy: false, // support composition api
+  locale: "en",
+  messages: {
+    en,
+  },
+})

web/src/plugins/vuetify-plugin.ts

@@ -0,0 +1,86 @@
+/**
+ * plugins/vuetify.js
+ *
+ * Framework documentation: https://vuetifyjs.com`
+ */
+
+// Styles
+import "@mdi/font/css/materialdesignicons.css"
+import "vuetify/styles"
+
+// ComposablesF
+import { createVuetify } from "vuetify"
+import * as components from "vuetify/components"
+import * as directives from "vuetify/directives"
+import * as labsComponents from "vuetify/labs/components"
+
+import {
+  DARK_BLUE_THEME,
+  DARK_AQUA_THEME,
+  DARK_ORANGE_THEME,
+  DARK_PURPLE_THEME,
+  DARK_GREEN_THEME,
+  DARK_CYAN_THEME,
+} from "@/theme/DarkTheme"
+
+// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
+export default createVuetify({
+  components: {
+    ...components,
+    ...labsComponents,
+  },
+  directives,
+  theme: {
+    defaultTheme: "DARK_AQUA_THEME",
+    themes: {
+      DARK_BLUE_THEME,
+      DARK_AQUA_THEME,
+      DARK_ORANGE_THEME,
+      DARK_PURPLE_THEME,
+      DARK_GREEN_THEME,
+      DARK_CYAN_THEME,
+    },
+  },
+  defaults: {
+    VCard: {
+      rounded: "md",
+    },
+    VTextField: {
+      variant: "outlined",
+      density: "comfortable",
+      color: "primary",
+    },
+    VTextarea: {
+      variant: "outlined",
+      density: "comfortable",
+      color: "primary",
+    },
+    VFileInput: {
+      variant: "outlined",
+      density: "comfortable",
+      color: "primary",
+      prependIcon: null,
+    },
+    VSelect: {
+      variant: "outlined",
+      density: "comfortable",
+      color: "primary",
+    },
+    VCombobox: {
+      variant: "outlined",
+      density: "comfortable",
+      color: "primary",
+    },
+    VAutocomplete: {
+      variant: "outlined",
+      density: "comfortable",
+      color: "primary",
+    },
+    VListItem: {
+      minHeight: "45px",
+    },
+    VTooltip: {
+      location: "top",
+    },
+  },
+})