/**
 * plugins/vuetify.ts
 *
 * Framework documentation: https://vuetifyjs.com`
 */

import LuxonAdapter from '@date-io/luxon';
// Composables
import { createVuetify } from 'vuetify';
import { md3 } from 'vuetify/blueprints';
import { aliases } from 'vuetify/iconsets/mdi-svg';

// Styles
import '../css/settings.scss';
import 'vuetify/lib/styles/main.sass';
// import 'vuetify/styles';
// import 'unfonts.css';

// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
let theme;
if (process.env.CLIENT && process.env.SSR) {
  const state = (<any>window).__INITIAL_STATE__;
  const dark = (<any>window).ssr_themedark;
  theme = {
    defaultTheme: state['data-ssr-theme-name'],
    themes: {
      [state['data-ssr-theme-name']]: state[`data-ssr-theme-token-${dark}`],
    },
  };
} else {
  theme = {
    defaultTheme: 'dark',
  };
}
export default createVuetify({
  ssr: process.env.SSR,
  theme,
  icons: {
    aliases,
  },
  date: {
    adapter: LuxonAdapter,
    formats: {
      isoDateShort: 'yyyy-MM-dd',
    },
    locale: {
      en: 'en-GB',
    },
  },
  blueprint: md3,
});