src/main.js

 import Vue from 'vue'
+import Root from './Root.vue'
 import App from './App.vue'
+import About from './components/About.vue'
+import DictionaryView from './components/DictionaryView.vue'
 import VueRouter from 'vue-router'
 import { VuePlausible } from 'vue-plausible'
+import vuetify from './plugins/vuetify'
+import Vuex from 'vuex'
+import i18n from './i18n'
+import VueMeta from 'vue-meta'
+
 
 Vue.config.productionTip = false
+Vue.use(Vuex)
 Vue.use(VueRouter)
+
+Vue.use(VueMeta, {
+  // optional pluginOptions
+  refreshOnceOnNavigation: true
+})
+
 Vue.use(VuePlausible, {
-  domain: 'beta.ordbok.uib.no'
+  domain: 'ordbokene.no'
 })
 
 Vue.$plausible.enableAutoPageviews()
 
+
+
 const router = new VueRouter({
   mode: 'history',
   base: __dirname,
   routes: [
     {
-      name: 'root',
       path: '/',
-      component: App }, // No props, no nothing
-    {
-      name: 'word',
-      path: '/:lang/w/:word'
-    },
-    {
-      name: 'lookup',
-      path: '/:lang/:id(\\d+)/:lemma?',
-      component: App,
-      props: true }, // Pass route.params to props
-    {
-      name: 'search',
-      path: '/search',
       component: App,
-      props: true}
+      beforeEnter(to, from , next) {
+        if (to.query.OPP) { // Legacy
+          let query = {q: to.query.OPP.toUpperCase() == to.query.OPP ? to.query.OPP.toLowerCase() : to.query.OPP, scope: "ei"}
+          if (to.query.ava && to.query.type == "fritekst") {
+            query["scope"] = "eif"
+          }
+          let lang = {"bokmaal": "/bm", "nynorsk": "/nn"}[to.query.ordbok] || "bm,nn"
+          if (to.query.bokmaal && !to.query.nynorsk) {
+            lang = "/bm"
+          }
+          if (to.query.nynorsk && !to.query.bokmaal) {
+            lang = "/nn"
+          }
+          next({path: lang+"/search", query})
+        }
+        else {
+          next()
+        }
+      },
+      children: [
+        {
+          path: 'om',
+          name: 'about',
+          component: About
+        },
+        {
+          path: "legacy/:query", // Legacy
+          redirect: to => {
+            console.log(to)
+            let q = to.params.query.replace(/[\[\]]/g, "")
+            if (q.toUpperCase() == q) {
+              q = q.toLowerCase()
+            }
+            return {path: "bm,nn/search", query: {q}}
+          }
+        },
+        {
+          path: '',
+          component: DictionaryView,
+          children: [
+            {
+              path: ':lang(bm|nn|bm,nn)',
+              children: [
+                {
+                  path: 'search',
+                  name: 'search'
+                },
+                {
+                  name: 'lookup',
+                  path: ':id(\\d+)/:lemma?'
+                },
+                {
+                  name: "word",
+                  path: ':q([^?]+)'
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
   ]
 })
 
+// All interaction with local storage is encapsulated in vuex
+const store = new Vuex.Store({
+  strict: true,
+  state: {
+    showSearchToolbar: null,
+    showInflectionNo: null,
+    currentLocale: null,
+    collapseArticles: 'never',
+    defaultDict: null,
+    perPage: 20,
+    menuOpen: false,
+    noMouse: null,
+    searchRoute: null,
+    fulltextHighlight: false,
+    unavailable: null,
+    localeChosen: false,
+    inflectionExpanded: false,
+    inflectionTableContext: true
+  },
+  mutations: {
+    initStore(state) {
+      try {
+      state.showInflectionNo = localStorage.getItem('showInflectionNo') && localStorage.getItem('showInflectionNo') != 'false'
+      state.currentLocale = localStorage.getItem('currentLocale') || null
+      state.defaultDict = localStorage.getItem('defaultDict') || 'bm,nn'
+      state.perPage = localStorage.getItem('perPage') || 20
+      state.collapseArticles = localStorage.getItem('collapseArticles') || 'never'
+      state.localeChosen = localStorage.getItem('currentLocale') ? true : false
+      state.inflectionExpanded = localStorage.getItem('inflectionExpanded') && localStorage.getItem('inflectionExpanded') != 'false'
+      state.inflectionTableContext = !localStorage.getItem('inflectionTableContext') || localStorage.getItem('inflectionTableContext') == 'true' ? true : false
+
+      } catch(e) {
+        console.log("localStorage unavailable")
+        state.unavailable = true
+      }
+
+      if (!state.currentLocale) {
+        let locales = navigator.languages.map(l => l.split("-")[0])
+        if (locales.includes("nn")) state.currentLocale = "nno"
+        else if (locales.includes("nb")) state.currentLocale = "nob"
+        else {
+          state.currentLocale = Math.random() < 0.5 ? "nob" : "nno";
+          if (!state.unavailable) {
+            localStorage.setItem('currentLocale', state.currentLocale)
+          }
+        }
+      }
+      i18n.locale = state.currentLocale
+      state.noMouse = navigator.userAgentData? navigator.userAgentData.mobile : !window.matchMedia('(pointer: fine)').matches
+
+    },
+    setLocale(state, payload) {
+      state.currentLocale = payload.value
+      i18n.locale = payload.value
+      state.localeChosen = true
+      if (!state.unavailable) localStorage.setItem("currentLocale", payload.value);
+      
+    },
+    setCollapse(state, value) {
+      if (!state.unavailable) localStorage.setItem("collapseArticles", value)
+      state.collapseArticles = value
+    },
+    setFulltextHighlight(state, value) {
+      state.fulltextHighlight = value
+    },
+    setPerPage(state, value) {
+      if (!state.unavailable) localStorage.setItem("perPage", value)
+      state.perPage = value
+    },
+    toggleInflectionNo(state) {
+      state.showInflectionNo = !state.showInflectionNo
+      if (!state.unavailable) localStorage.setItem('showInflectionNo', state.showInflectionNo);
+    },
+    disableHotkey(state) {
+      state.disableHotkey = !state.disableHotkey
+      if (!state.unavailable) localStorage.setItem('disableHotkey', state.disableHotkey);
+    },
+    toggleInflectionTableContext(state) {
+      state.inflectionTableContext = !state.inflectionTableContext
+      if (!state.unavailable) localStorage.setItem('inflectionTableContext', state.inflectionTableContext);
+    },
+    toggleInflectionExpanded(state) {
+      state.inflectionExpanded = !state.inflectionExpanded
+      if (!state.unavailable) localStorage.setItem('inflectionExpanded', state.inflectionExpanded);
+    },
+    toggleMenu(state) {
+      state.menuOpen = !state.menuOpen
+    },
+    setDefaultDict(state, value) {
+      if (!state.unavailable) localStorage.setItem("defaultDict", value)
+      state.defaultDict = value
+    },
+    resetStore() {
+      localStorage.removeItem("showSearchToolbar")
+      localStorage.removeItem("showInflectionNo")
+      localStorage.removeItem("currentLocale")
+      localStorage.removeItem("collapseArticles")
+      localStorage.removeItem("defaultDict")
+      localStorage.removeItem("perPage")
+      localStorage.removeItem("inflectionTableContext")
+      localStorage.removeItem("ukr_popup")
+      localStorage.removeItem("test_info")
+      localStorage.removeItem("beta_info")
+      localStorage.removeItem("app_info")
+      this.commit("initStore")
+    },
+    setSearchRoute(state, path) {
+      state.searchRoute = path
+    }
+  }
+})
+
 new Vue({
   router,
-  render: h => h(App),
+  vuetify,
+  store,
+
+  beforeCreate() {
+		this.$store.commit('initStore');
+	},
+
+  i18n,
+  render: h => h(Root )
 }).$mount('#app')

src/plugins/vuetify.js

+import Vue from 'vue';
+import 'material-design-icons-iconfont/dist/material-design-icons.css';
+import Vuetify from 'vuetify/lib/framework';
+
+Vue.use(Vuetify);
+
+
+export default new Vuetify({
+  breakpoint: {
+    thresholds: {
+      xs: 470,
+      sm: 700,
+      md: 1250,
+      lg: 1900,
+    },
+    scrollBarWidth: 24,
+  },
+  theme: {
+    options: {
+      customProperties: true
+    },
+    themes: {
+      light: {
+        primary: '#560027',
+        secondary: '#BC477B',
+        tertiary: '#FDF4F5',
+        anchor: '#880E4F',
+        error: '#FDF4F5',
+        border: '#9E9E9E',
+        button: '#f5f5f5',
+        text: '#000000'
+      }
+    }
+   },
+  defaultAssets: {
+    font: true,
+    icons: 'md'
+  },
+  icons: {
+    iconfont: 'md',
+}
+});

src/sitemap/sitemap.py

+import json
+import urllib.parse
+
+# Load lemmas
+with open("bm_lemma.json") as inn:
+    bm_list = json.load(inn)
+
+with open("nn_lemma.json") as inn:
+    nn_list = json.load(inn)
+
+
+
+# Merge bm and nn
+words = {}
+for row in bm_list:
+    words[row[0]] = words.get(row[0], set())
+    words[row[0]].add(("bm", row[1]))
+
+for row in nn_list:
+    words[row[0]] = words.get(row[0], set())
+    words[row[0]].add(("nn", row[1]))
+
+
+
+url_counter = 0    
+write_start = lambda out: out.write("<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<urlset xmlns=\"http://www.sitemaps.org/schemas/sitemap/0.9\" xmlns:xhtml=\"http://www.w3.org/1999/xhtml\">\n")
+filenum = 0
+out = open(f"src/sitemap/xml/sitemap_{filenum}.xml", "w")
+write_start(out)
+
+seen_articles = set()
+for word, articles in words.items():
+    if url_counter > 20000:
+        out.write("</urlset>\n")
+        url_counter = 0
+        out.close()
+        filenum += 1
+        out = open(f"src/sitemap/xml/sitemap_{filenum}.xml", "w")
+        write_start(out)
+    
+    
+    for article in articles:
+        if article[1] not in seen_articles:
+            out.write("\t<url>\n")
+            out.write(f"\t\t<loc>https://ordbokene.no/{article[0]}/{article[1]}</loc>\n")
+            out.write(f"\t\t<xhtml:link rel=\"alternative\" href=\"https://ordbokene.no/{article[0]}/{article[1]}/{urllib.parse.quote(word)}\"/>\n")
+            out.write("\t</url>\n")
+            url_counter += 1
+            seen_articles.add(article[1])
+
+    # Omit articles
+    if len(articles) > 1:
+        out.write("\t<url>\n")
+        out.write(f"\t\t<loc>https://ordbokene.no//bm,nn/{urllib.parse.quote(word)}</loc>\n")
+        out.write("\t</url>\n")
+        url_counter += 1
+
+out.write("</urlset>\n")
+out.close()
+
+
+with open("src/sitemap/xml/sitemap_index.xml", "w") as outfile:
+    outfile.write("<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<sitemapindex xmlns=\"http://www.sitemaps.org/schemas/sitemap/0.9\">\n")
+    outfile.write("<sitemap><loc>https://ordbokene.no/sitemap.xml</loc></sitemap>\n")
+
+    for num in range(filenum+1):
+        outfile.write(f"<sitemap><loc>https://ordbokene.no/sitemap_{num}.xml</loc></sitemap>\n")
+    outfile.write("</sitemapindex>")
\ No newline at end of file

src/sitemap/xml/sitemap.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  <url>
+    <loc>https://ordbokene.no</loc>
+    <xhtml:link rel="alternative" href="https://ordbokene.no/bm,nn"/>
+  </url>
+  <url>
+    <loc>https://ordbokene.no/bm</loc>
+  </url>
+    <url>
+    <loc>https://ordbokene.no/nn</loc>
+  </url>
+    <url>
+    <loc>https://ordbokene.no/om</loc>
+  </url>
+</urlset>
\ No newline at end of file

src/utils/entities.js

 var entities = {
-  'bob': {
+  'bm': {
   },
-  'nob': {
+  'nn': {
   }
 }
 

src/utils/helpers.js

-var mapping = {
-  "NOUN": "Substantiv",
-  "VERB": "Verb",
-  "ADJ": "Adjektiv",
-  "ADP": "Preposisjon",
-  "PFX": "Prefiks",
-  "ADV": "Adverb",
-  "DET": "Determinativ",
-  "PROPN": "Egennavn",
-  "ABBR": "Forkortelse",
-  "INTJ": "Interjeksjon",
-  "SYM": "Symbol",
-  "PRON": "Pronomen",
-  "CCONJ": "Konjunksjon",
-  "SCONJ": "Subjunksjon",
-  "INFM": "Infinitivsmerke",
-  "COMPPFX": "I sammensetting",
-  "Masc": "Mask.",
-  "Fem": "Fem.",
-  "Neuter": "Nøytr."
+var fraction = function(numerator, denominator) {
+  var superscript = {
+  '0': '⁰',
+  '1': '¹',
+  '2': '²',
+  '3': '³',
+  '4': '⁴',
+  '5': '⁵',
+  '6': '⁶',
+  '7': '⁷',
+  '8': '⁸',
+  '9': '⁹',
+  '+': '⁺',
+  '-': '⁻',
+  '=': '⁼',
+  '(': '⁽',
+  ')': '⁾',
+  'a': 'ᵃ',
+  'b': 'ᵇ',
+  'c': 'ᶜ',
+  'd': 'ᵈ',
+  'e': 'ᵉ',
+  'f': 'ᶠ',
+  'g': 'ᵍ',
+  'h': 'ʰ',
+  'i': 'ⁱ',
+  'j': 'ʲ',
+  'k': 'ᵏ',
+  'l': 'ˡ',
+  'm': 'ᵐ',
+  'n': 'ⁿ',
+  'o': 'ᵒ',
+  'p': 'ᵖ',
+  'r': 'ʳ',
+  's': 'ˢ',
+  't': 'ᵗ',
+  'u': 'ᵘ',
+  'v': 'ᵛ',
+  'w': 'ʷ',
+  'x': 'ˣ',
+  'y': 'ʸ',
+  'z': 'ᶻ',
+  ' ': ' '
+  }
+
+  var subscript = {
+  '0': '₀',
+  '1': '₁',
+  '2': '₂',
+  '3': '₃',
+  '4': '₄',
+  '5': '₅',
+  '6': '₆',
+  '7': '₇',
+  '8': '₈',
+  '9': '₉',
+  '+': '₊',
+  '-': '₋',
+  '=': '₌',
+  '(': '₍',
+  ')': '₎',
+  'a': 'ₐ',
+  'e': 'ₑ',
+  'h': 'ₕ',
+  'i': 'ᵢ',
+  'j': 'ⱼ',
+  'k': 'ₖ',
+  'l': 'ₗ',
+  'm': 'ₘ',
+  'n': 'ₙ',
+  'o': 'ₒ',
+  'p': 'ₚ',
+  'r': 'ᵣ',
+  's': 'ₛ',
+  't': 'ₜ',
+  'u': 'ᵤ',
+  'v': 'ᵥ',
+  'x': 'ₓ',
+  ' ': ' '
+  };
+
+  var fractions = {
+  '1/2': '½',
+  '1/3': '⅓',
+  '2/3': '⅔',
+  '1/4': '¼',
+  '3/4': '¾',
+  '1/5': '⅕',
+  '2/5': '⅖',
+  '3/5': '⅗',
+  '4/5': '⅘',
+  '1/6': '⅙',
+  '5/6': '⅚',
+  '1/7': '⅐',
+  '1/8': '⅛',
+  '3/8': '⅜',
+  '5/8': '⅝',
+  '7/8': '⅞',
+  '1/9': '⅑',
+  '1/10': '⅒'
+  };
+
+  let other_fraction = null
+
+  let num_sup = numerator.toString().split('').map(x => superscript[x] || '_').join('')
+  let den_sub = denominator.toString().split('').map(x => subscript[x] || '_').join('')
+
+  if (! num_sup.includes('_') && ! den_sub.includes('_')) {
+    other_fraction = num_sup + '⁄' +  den_sub
+  }
+
+  return fractions[numerator + '/' + denominator] && {type: 'plain', html: fractions[numerator + '/' + denominator] }
+      || other_fraction && {type: 'plain', html: other_fraction }
+      || {type: 'fraction', html: '', num: numerator, denom: denominator}
+
 }
 
-var group_list = function(grps) {
-  var grp_collection = new Set()
-  grps.forEach(function(lemma){
-    lemma.paradigm_info.forEach(function(grp){
-      if (grp.tags){
-          grp_collection.add(grp.tags[0] == 'NOUN' ? mapping[grp.tags[0]] + ', ' + mapping[grp.tags[1]] : mapping[grp.tags[0]])
-      }
-    })
-  })
-  if (grp_collection.has('Substantiv, Mask.') && grp_collection.has('Substantiv, Fem.')) {
-    grp_collection.delete('Substantiv, Mask.')
-    grp_collection.delete('Substantiv, Fem.')
-    grp_collection.add('Substantiv, Mask./Fem.')
+const roman_hgno = function(lemma) {
+  let hgint = parseInt(lemma.hgno)
+  if (hgint > 0) {
+    return ["I","II","III","IV", "V", "VI", "VII", "VIII", "IX", "X", "XI", "XII", "XIII", "XIV", "XV", "XVI"][hgint-1]
   }
-  return Array.from(grp_collection).join(' - ')
+  return ""
 }
 
-export default { group_list}
+export default { fraction, roman_hgno }

vue.config.js

+module.exports = {
+  runtimeCompiler: true,
+
+  transpileDependencies: [
+    'vuetify'
+  ],
+
+  devServer: {
+    https: false
+  },
+
+  pluginOptions: {
+    i18n: {
+      fallbackLocale: 'eng',
+      localeDir: 'locales',
+      enableInSFC: true,
+      includeLocales: false,
+      enableBridge: true
+    }
+  }
+}