1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
/*
* Authors: see git history
*
* Copyright (c) 2010 Authors
* Licensed under the GNU GPL version 3.0 or later. See the file LICENSE for details.
*
*/
// ES6
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import { library } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon, FontAwesomeLayers } from '@fortawesome/vue-fontawesome'
import { createGettext } from 'vue3-gettext'
import translations from './assets/translations.json'
import { selectLanguage } from '../lib/i18n.js'
import flaskserverport from '../lib/flaskserverport.json'
import { createVuetify, ThemeDefinition } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import 'vuetify/styles'
import VueMousetrapPlugin from 'vue-mousetrap'
if (flaskserverport.port === undefined) {
var theflaskport = window.inkstitchAPI.flaskport()
console.log("Installed mode")
console.log(theflaskport)
} else {
var theflaskport = flaskserverport.port
console.log("Dev mode")
console.log(theflaskport)
}
const inkStitchTheme = {
dark: false,
colors: {
primary: '#003399',
secondary: '#000000',
accent: '#8c9eff',
error: '#b71c1c',
}
}
const vuetify = new createVuetify({
components,
directives,
ssr: true,
theme: {
defaultTheme: 'inkStitchTheme',
themes: {
inkStitchTheme,
}
}
})
library.add(fas)
const app = createApp(App)
app.component('font-awesome-icon', FontAwesomeIcon)
app.component('font-awesome-layers', FontAwesomeLayers)
app.use(createGettext({
defaultLanguage: selectLanguage(translations, theflaskport),
translations: translations,
silent: true,
setGlobalProperties: true,
}))
app.use(VueMousetrapPlugin)
app.use(vuetify)
app.use(router)
app.mount('#app')
|
