initial checkin with timed order ui

src/plugins/index.js

@@ -0,0 +1,19 @@
+/**
+ * plugins/index.js
+ *
+ * Automatically included in `./src/main.js`
+ */
+
+// Plugins
+import { loadFonts } from './webfontloader'
+import vuetify from './vuetify'
+import pinia from '../store'
+import router from '../router'
+
+export function registerPlugins (app) {
+  loadFonts()
+  app
+    .use(vuetify)
+    .use(router)
+    .use(pinia)
+}

src/plugins/vuetify.js

@@ -0,0 +1,35 @@
+/**
+ * plugins/vuetify.js
+ *
+ * Framework documentation: https://vuetifyjs.com`
+ */
+
+// Styles
+import '@mdi/font/css/materialdesignicons.css'
+import 'vuetify/styles'
+
+// Composables
+import { createVuetify } from 'vuetify'
+
+// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
+export default createVuetify({
+  theme: {
+    themes: {
+      light: {
+        colors: {
+          background: '#fffefd',
+          surface: '#fffefd',
+          primary: '#1A6CAB',
+          // secondary: '#59B8FF',
+          success: '#00CC33',
+          // info: '#fba92c',
+          warning: '#ffcc00',
+          error: '#CC0033',
+        },
+        dark: false,
+        variables: {},
+      },
+      // todo dark mode
+    },
+  },
+})

src/plugins/webfontloader.js

@@ -0,0 +1,17 @@
+/**
+ * plugins/webfontloader.js
+ *
+ * webfontloader documentation: https://github.com/typekit/webfontloader
+ */
+
+export async function loadFonts () {
+  const webFontLoader = await import(/* webpackChunkName: "webfontloader" */'webfontloader')
+
+  webFontLoader.load({
+    google: {
+      // families: ['Roboto:100,300,400,500,700,900&display=swap'],
+      // families: ['Marcellus','Marcellus SC'],
+      families: ['Victor Mono', 'Tektur'],
+    },
+  })
+}