.aws/config

+[default]
+region=eu-west-1
+credential_source = Environment

.env

+VUE_APP_ODA_PROD = 'https://oda.uib.no/opal/prod/'
+VUE_APP_ODA_DEV = 'https://oda.uib.no/opal/dev/'
+VUE_APP_ODD_PROD = 'https://odd.uib.no/opal/prod/'
+VUE_APP_ODD_DEV =  'https://odd.uib.no/opal/dev/'
+VUE_APP_IDA_DEV =  'https://ida.uib.no/opal/dev/'
+VUE_APP_IDA_PROD =  'https://ida.uib.no/opal/prod/'
\ No newline at end of file

.env.dev_server

+NODE_ENV=production
+VUE_APP_ENDPOINT='odd_prod'
+VUE_APP_FALLBACK_ENDPOINT='odd_dev'
+VUE_APP_VERSION_LABEL=DEVELOPMENT

.env.local

+VUE_APP_ENDPOINT='odd_prod'
+VUE_APP_FALLBACK_ENDPOINT='odd_dev'
+VUE_APP_VERSION_LABEL=LOCAL
+VUE_APP_RELEASE=test

.env.production

+NODE_ENV=production
+VUE_APP_VERSION_LABEL=Prod
+VUE_APP_ENDPOINT='oda_prod'
+VUE_APP_FALLBACK_ENDPOINT='odd_prod'

.gitignore

@@ -3,8 +3,8 @@ node_modules
 /dist
 
 # local env files
-.env.local
-.env.*.local
+#.env.local
+#.env.*.local
 
 # Log files
 npm-debug.log*
@@ -19,3 +19,6 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
+
+
+*.iml

.gitlab-ci.yml

+stages:
+  - build
+  - deploy
+
+workflow:
+  rules:
+    - if: '$CI_PIPELINE_SOURCE == "merge_request_event"'
+    - if: '$CI_COMMIT_BRANCH && $CI_OPEN_MERGE_REQUESTS && $CI_COMMIT_TAG == null'
+      when: never
+    - if: '$CI_COMMIT_BRANCH'
+    - if: $CI_COMMIT_TAG != null
+
+build-dev:
+  image: node:16
+  tags:
+    - group_runner_spraaksamlingene_01
+  stage: build
+  rules:
+    - if: $CI_COMMIT_TAG != null
+      when: never
+    - if: $CI_COMMIT_REF_NAME == 'prod'
+      when: manual
+    - when: on_success
+  script:
+    - |-
+          if [[ $CI_PIPELINE_SOURCE == "merge_request_event" ]]; then
+              echo "VUE_APP_RELEASE=MERGE $CI_MERGE_REQUEST_SOURCE_BRANCH_NAME ($CI_COMMIT_SHORT_SHA)" >> .env.dev_server
+          else
+              echo "VUE_APP_RELEASE=BRANCH $CI_COMMIT_BRANCH ($CI_COMMIT_SHORT_SHA)" >> .env.dev_server
+          fi
+    - npm install --progress=false
+    - npm run build -- --mode dev_server
+    - 'echo -e "\nDisallow: /" >> dist/robots.txt'
+  artifacts:
+    expire_in: 1 week
+    paths:
+      - dist
+
+build-prod:
+  image: node:16
+  tags:
+    - group_runner_spraaksamlingene_01
+  stage: build
+  only:
+    - /^release_.*$/
+  script:
+  - echo "VUE_APP_RELEASE=$CI_COMMIT_REF_NAME" >> .env.production
+  - npm install --progress=false
+  - npm run build -- --mode production
+  artifacts:
+    expire_in: 1 week
+    paths:
+    - dist
+
+
+.build-sitemap:
+  tags:
+  - group_runner_spraaksamlingene_01
+  image: "python:3.9"
+  stage: "build"
+  script:
+    - curl "https://ord.uib.no/bm/fil/lemma.json" > "bm_lemma.json"
+    - curl "https://ord.uib.no/nn/fil/lemma.json" > "nn_lemma.json"
+    - python3 src/sitemap/sitemap.py
+  artifacts:
+    expire_in: 1 week
+    paths:
+    - src/sitemap/xml
+
+build-sitemap-dev:
+  extends: .build-sitemap
+  when: manual
+
+build-sitemap-prod:
+  extends: .build-sitemap
+  needs: [build-prod]
+  only:
+  - /^release_.*$/
+
+deploy-dev:
+  image: uibit/awscli:latest
+  tags:
+    - group_runner_spraaksamlingene_01
+  stage: deploy
+  rules:
+  - if: $CI_COMMIT_TAG != null
+    when: never
+  - if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH || $CI_PIPELINE_SOURCE == 'merge_request_event'
+    when: on_success
+  - if: $CI_COMMIT_BRANCH != $CI_DEFAULT_BRANCH && $CI_PIPELINE_SOURCE != 'merge_request_event'
+    when: manual
+  script:
+  - rm -rf ~/.aws
+  - mv  .aws ~/
+  - export AWS_ACCESS_KEY_ID=$AWS_DEV_ACCESS_KEY_ID
+  - export AWS_SECRET_ACCESS_KEY=$AWS_DEV_SECRET_ACCESS_KEY
+  - STACK_NAME=ordbok-frontend-dev
+  - CERT_ARN=arn:aws:acm:us-east-1:${AWS_DEV_ACCOUNT}:certificate/15c0111e-b2f7-4a24-8c94-b7034a900d55
+  - aws cloudformation deploy --stack-name ${STACK_NAME}
+                              --template-file "aws/beta.ordbok.uib.no_stack.yaml"
+                              --parameter-overrides "CertificateArn=${CERT_ARN}"
+                                                    "AltDomainName=dev.ordbok.uib.no"
+                                                    "DomainName=beta.ordbok-dev.aws.uib.no"
+                                                    "ZoneDomainName=ordbok-dev.aws.uib.no"
+                                                    "PathRewriteLambdaARN=arn:aws:lambda:us-east-1:${AWS_DEV_ACCOUNT}:function:rewrite_request:12"
+                                                    "OrdbokCacheOriginDomain=8mwl23g34a.execute-api.eu-west-1.amazonaws.com"
+                                                    "OrdbokCacheStage=DEV"
+                              --no-fail-on-empty-changeset
+                              --capabilities CAPABILITY_IAM
+  - aws s3 rm "s3://${STACK_NAME}.aws.uib.no" --recursive
+  - aws s3 sync dist/ "s3://${STACK_NAME}.aws.uib.no" --delete
+  - aws s3 sync api_static/ "s3://${STACK_NAME}.aws.uib.no"
+  - DISTRO_ID=$(aws cloudformation describe-stack-resource
+                                   --stack-name ${STACK_NAME}
+                                   --logical-resource-id Distribution
+                                   --query 'StackResourceDetail.PhysicalResourceId' | jq -r)
+  - aws cloudfront create-invalidation --distribution-id ${DISTRO_ID} --paths "/*"
+
+deploy-prod:
+  image: uibit/awscli:latest
+  tags:
+    - group_runner_spraaksamlingene_01
+  stage: deploy
+  only:
+    - /^release_.*$/
+  script:
+    - cp src/sitemap/xml/* dist
+    - rm -rf ~/.aws
+    - mv  .aws ~/
+    - export AWS_ACCESS_KEY_ID=$AWS_PROD_ACCESS_KEY_ID
+    - export AWS_SECRET_ACCESS_KEY=$AWS_PROD_SECRET_ACCESS_KEY
+    - STACK_NAME=ordbok-frontend-beta
+    - CERT_ARN=arn:aws:acm:us-east-1:${AWS_PROD_ACCOUNT}:certificate/c7078026-d634-462b-86b4-1a6d33ac6d53
+    - aws cloudformation deploy --stack-name ${STACK_NAME}
+                            --template-file "aws/beta.ordbok.uib.no_stack.yaml"
+                            --parameter-overrides "CertificateArn=${CERT_ARN}"
+                                                  "PathRewriteLambdaARN=arn:aws:lambda:us-east-1:${AWS_PROD_ACCOUNT}:function:path_rewrite:18"
+                                                  "OrdbokCacheOriginDomain=n5speug9cl.execute-api.eu-west-1.amazonaws.com"
+                                                  "OrdbokCacheStage=PROD"
+                            --no-fail-on-empty-changeset
+                            --capabilities CAPABILITY_IAM
+    - aws s3 rm "s3://${STACK_NAME}.aws.uib.no" --recursive
+    - aws s3 sync dist/ "s3://${STACK_NAME}.aws.uib.no" --delete
+    - aws s3 sync api_static/ "s3://${STACK_NAME}.aws.uib.no"
+    - DISTRO_ID=$(aws cloudformation describe-stack-resource
+                                 --stack-name ${STACK_NAME}
+                                 --logical-resource-id Distribution
+                                 --query 'StackResourceDetail.PhysicalResourceId' | jq -r)
+    - aws cloudfront create-invalidation --distribution-id ${DISTRO_ID} --paths "/*"

CONTRIBUTING.md

+Contributing
+============
+
+Changes are published using GitLab CI/CD. When making a change:
+
+1. Test any changes to the frontend locally by runniing `npm run install` (if necessary) and `npm run serve`
+2. Push changes to GitLab. When pipeline is finished, your changes will be visible on https://dev.ordbok.uib-no (check browser cache)
+3. To publish your changes to beta, add a tag to your commit that starts with `release`, e.g. `release_2021-01-01`. When the pipeline finishes, changes up to that commit will be visible on https://beta.ordbok.uib.no
+

README.md

-# ordbok_vue
+# beta.ordbok.uib.no
 
 ## Project setup
 ```
@@ -27,3 +27,16 @@ npm run lint
 
 ### Customize configuration
 See [Configuration Reference](https://cli.vuejs.org/config/).
+
+### Universell utforming
+Nettsiden kan brukes med en skjermleser. Man kan navigere gjennom siden med Tab. Pileknapper må brukes for å navigere mellom
+radioknapper ved valget av målformen og ved navigeringen opp/ned i dropdown-menyen i søkefeltet. Det finnes en ekspress-navigasjon 
+til søkefeltet, men snarveien kan være forskjellig avhengig av nettleseren og operativsystemet. "Nøkkelbokstav" er "s": f.eks, 
+på Linux er det alt+s i Chrome og shift+alt+s i Firefox. En full oversikt over flere nettlesere og OS finnes i en tabell 
+her https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey
+
+### Workflow
+Create a merge request and merge your branch into master if and only if the issue is tagged as ready for prod.
+Before submitting the merge request, you must pull any changes from the master branch, resolve merge conflicts and test the result on the dev server.
+Deployment to dev server is now accessible on all branches. You can re-run deploy-dev without build-dev to deploy a particular branch to dev (within
+the expiry date of 1 week).
\ No newline at end of file

api_static/api/index.html

+<!DOCTYPE html>
+<html>
+<head><meta charset="utf-8">
+    <style>
+
+div {
+  flex-grow: 1;
+}
+
+   div#flexbox {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+   }
+
+div#main {
+  max-width: 800px;
+  padding: 20px;
+}
+
+  body {
+    font-family: sans-serif;
+    text-align: center;
+  }
+
+
+a img {
+
+    vertical-align: middle;
+}
+
+  .link {
+    padding: 10px;
+   }
+
+
+
+p {
+  text-align: left;
+}
+
+
+</style>
+</head>
+<body>
+<div id="flexbox">
+    <div> </div>
+    <div id="main">
+        <h1>Ordbok-API</h1>
+        <h3>Hva er dette?</h3>
+        <p>Gjennom denne ord.uib.no kan man gjøre oppslag i alle ord registrert i Bokmåls- og Nynorskordboka. Vi tilbyr foreløpig interaktiv dokumentasjon på engelsk og en mer omfattende brukerveiledning på norsk.
+        </p>
+        <div id="link-container">
+          <div class="link"> <a href="https://ord.uib.no/">Brukerveiledning</a> </div>
+          <div class="link"><a target="_blank" href ="/api/swagger-ui.html"><img src="https://unpkg.com/swagger-ui-dist@3.23.5/favicon-32x32.png"  aria-hidden="true"> Explore the REST-API</a></div>
+        </div>
+    </div>
+    <div> </div>
+</div>
+</body>

api_static/api/swagger-ui.html

+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <title>Swagger UI</title>
+    <link rel="stylesheet" type="text/css" href="https://unpkg.com/swagger-ui-dist@4/swagger-ui.css" >
+    <link rel="icon" type="image/png" href="https://unpkg.com/swagger-ui-dist@4/favicon-32x32.png" sizes="32x32" />
+    <link rel="icon" type="image/png" href="https://unpkg.com/swagger-ui-dist@4/favicon-16x16.png" sizes="16x16" />
+    <style>
+      html
+      {
+        box-sizing: border-box;
+        overflow: -moz-scrollbars-vertical;
+        overflow-y: scroll;
+      }
+
+      *,
+      *:before,
+      *:after
+      {
+        box-sizing: inherit;
+      }
+
+      body
+      {
+        margin:0;
+        background: #fafafa;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div id="swagger-ui"></div>
+
+    <script src="https://unpkg.com/swagger-ui-dist@4/swagger-ui-bundle.js" charset="UTF-8"> </script>
+    <script src="https://unpkg.com/swagger-ui-dist@4/swagger-ui-standalone-preset.js" charset="UTF-8"> </script>
+    <script>
+    window.onload = function() {
+      // Begin Swagger UI call region
+      const ui = SwaggerUIBundle({
+        url: "./swagger.yml",
+        dom_id: '#swagger-ui',
+        deepLinking: true,
+        presets: [
+          SwaggerUIBundle.presets.apis,
+          SwaggerUIStandalonePreset
+        ],
+        plugins: [
+          SwaggerUIBundle.plugins.DownloadUrl
+        ],
+        layout: "StandaloneLayout"
+      })
+      // End Swagger UI call region
+
+      window.ui = ui
+    }
+  </script>
+  </body>
+</html>

api_static/api/swagger.yml

+openapi: 3.0.1
+info:
+  title: Ordbok API
+  description: This API is developed by the University of Bergen. Its purpose is to serve the new national dictionary website wich is under development. No warranty.
+  version: 1.0.0
+servers:
+  - url: https://ord.uib.no
+paths:
+  /api/suggest:
+    get:
+      summary: Autocomplete
+      description: Suggests search keywords.
+      parameters:
+        - name: q
+          in: query
+          required: true
+          description: The search string
+          schema:
+            type: string
+          example: test
+        - name: dict
+          in: query
+          required: true
+          description: Dictionary code, 'bm' for bokmål, 'nn' for nynorsk, 'bm,nn' for both
+          schema:
+            type: string
+          example: bm,nn
+        - name: wc
+          in: query
+          description: "Filter by word class (part of speech tags: https://universaldependencies.org/u/pos/index.html). "
+          schema:
+            type: string
+          example: NOUN
+        - name: n
+          in: query
+          description: Number of results to return
+          schema:
+            type: integer
+          example: 4
+        - name: include
+          in: query
+          description: "Choose what types of suggestions you want to be included in the response. The parameter should be a concatenation of any of the following characters: e (exact lemma), f (full-text search), i (inflected forms), s (similar - fuzzy search)"
+          schema:
+            type: string
+          example: eis
+        - name: dform
+          in: query
+          description: "dfomr=int turns dictionary codes in the response into integers: 1 = bm, 2 = nn and 3 = bm,nn"
+          schema:
+            type: string
+          example: int
+
+      responses:
+        '200':
+          description: OK
+          content:
+            application/json:
+              schema:
+                type: object
+  /api/articles:
+    get:
+      summary: Article search
+      description: Search for articles. Returns lists of article IDs.
+      parameters:
+        - name: w
+          in: query
+          required: true
+          description: Word (Query string)
+          schema:
+            type: string
+          example: test
+        - name: dict
+          in: query
+          required: true
+          description: Dictionary code, 'bm' for bokmål, 'nn' for nynorsk, 'bm,nn' for both
+          schema:
+            type: string
+          example: bm,nn
+        - name: wc
+          in: query
+          description: "Filter by word class (part of speech tags: https://universaldependencies.org/u/pos/index.html). "
+          schema:
+            type: string
+          example: NOUN
+        - name: scope
+          in: query
+          description: "Define the scope of your query. The parameter should be a concatenation of any of the following characters: e (exact lemma), f (full-text search), i (inflected forms)"
+          schema:
+            type: string
+          example: eif
+
+      responses:
+        '200':
+          description: OK
+          content:
+            application/json:
+              schema:
+                type: object
+  /{dict}/article/{article_id}.json:
+    get:
+      summary: Article lookup
+      description: Returns an article with a specific numeric ID
+      parameters:
+        - name: dict
+          in: path
+          required: true
+          description: Dictionary code, 'bm' for bokmål, 'nn' for nynorsk, 'bm,nn' for both
+          schema:
+            type: string
+          example: bm
+        - name: article_id
+          in: path
+          required: true
+          description: The numeric ID of an article
+          schema:
+            type: integer
+          example: 54131
+
+      responses:
+        '200':
+          description: OK
+          content:
+            application/json:
+              schema:
+                type: object

aws/beta.ordbok.uib.no_stack.yaml

+AWSTemplateFormatVersion: '2010-09-09'
+
+Description: >
+  Script to create S3 bucket, DNS (Route53) and Cloudfront distribution.
+
+##############################################################################
+Parameters:
+##############################################################################
+
+  ZoneDomainName:
+    Type: String
+    Description: The domain name.
+    Default: 'ordbok.aws.uib.no'
+    AllowedPattern: (?!-)[a-zA-Z0-9-.]{1,63}(?<!-)
+    ConstraintDescription: must be a valid DNS zone name
+
+  DomainName:
+    Type: String
+    Description: The domain name.
+    Default: 'beta.ordbok.aws.uib.no'
+    AllowedPattern: (?!-)[a-zA-Z0-9-.]{1,63}(?<!-)
+    ConstraintDescription: must be a valid DNS zone name
+
+  AltDomainName:
+    Type: String
+    Description: The domain name.
+    Default: 'ordbokene.no'
+    AllowedPattern: (?!-)[a-zA-Z0-9-.]{1,63}(?<!-)
+    ConstraintDescription: must be a valid DNS zone name
+
+  PriceClass:
+    Type: String
+    Description: The CloudFront distribution price class
+    Default: 'PriceClass_All'
+    AllowedValues:
+      - 'PriceClass_100'
+      - 'PriceClass_200'
+      - 'PriceClass_All'
+
+  CertificateArn:
+    Type: String
+
+  PathRewriteLambdaARN:
+    Type: String
+    Description: ARN to lambda function in us-east-1 used to rewrite paths
+
+  OrdbokCacheOriginDomain:
+    Type: String
+    Description: Domain name for ordbok cache
+
+  OrdbokCacheStage:
+    Type: String
+    AllowedValues:
+      - DEV
+      - PROD
+
+###############################################################################
+Resources:
+###############################################################################
+  DNS:
+    Type: "AWS::Route53::RecordSet"
+    Properties:
+      HostedZoneName: !Sub "${ZoneDomainName}."
+      Name: !Ref DomainName
+      Type: A
+      AliasTarget:
+        HostedZoneId: Z2FDTNDATAQYW2
+        DNSName: !GetAtt Distribution.DomainName
+
+  WebBucket:
+    Type: "AWS::S3::Bucket"
+    Properties:
+      BucketName: !Sub "${AWS::StackName}.aws.uib.no"
+      VersioningConfiguration:
+        Status: Enabled
+      Tags:
+        - Key: Application
+          Value: !Ref DomainName
+
+
+  BucketPolicy:
+    Type: "AWS::S3::BucketPolicy"
+    Properties:
+      Bucket: !Ref WebBucket
+      PolicyDocument:
+        Id: MyPolicy
+        Version: 2012-10-17
+        Statement:
+          - Sid: PublicReadForGetBucketObjects
+            Effect: Allow
+            Action: s3:*
+            Resource: !Join ['', ['arn:aws:s3:::', !Ref 'WebBucket', /*]]
+            Principal:
+              CanonicalUser: !GetAtt CloudFrontOriginIdentity.S3CanonicalUserId
+
+  APICachePolicy:
+    Type: "AWS::CloudFront::CachePolicy"
+    Properties:
+      CachePolicyConfig:
+        DefaultTTL: 10800
+        MaxTTL: 28800
+        MinTTL: 60
+        Name: "APICachePolicy"
+        ParametersInCacheKeyAndForwardedToOrigin:
+          CookiesConfig:
+            CookieBehavior: all
+          EnableAcceptEncodingBrotli: false
+          EnableAcceptEncodingGzip: false
+          QueryStringsConfig:
+            QueryStringBehavior: all
+          HeadersConfig:
+              HeaderBehavior: whitelist
+              Headers:
+                - "x-api-key"
+                - cachebuster
+  Distribution:
+    Type: "AWS::CloudFront::Distribution"
+    Properties:
+      DistributionConfig:
+        Enabled: true
+        HttpVersion: http2
+        PriceClass: !Ref PriceClass
+        DefaultRootObject: index.html
+        Origins:
+        - DomainName: !Sub "${WebBucket}.s3-${AWS::Region}.amazonaws.com"
+          Id: s3ProductionBucket
+          S3OriginConfig:
+            OriginAccessIdentity: !Sub "origin-access-identity/cloudfront/${CloudFrontOriginIdentity}"
+        - Id: OrdbokCache
+          DomainName: !Ref OrdbokCacheOriginDomain
+          OriginPath: !Sub "/${OrdbokCacheStage}"
+          CustomOriginConfig:
+            OriginProtocolPolicy: https-only
+            OriginKeepaliveTimeout: 60
+        Aliases:
+        - !Ref DomainName
+        - !Ref AltDomainName
+        DefaultCacheBehavior:
+          AllowedMethods:
+          - GET
+          - HEAD
+          Compress: true
+          TargetOriginId: s3ProductionBucket
+          LambdaFunctionAssociations:
+            - EventType: viewer-request
+              IncludeBody: false
+              LambdaFunctionARN: !Ref PathRewriteLambdaARN
+          ForwardedValues:
+            QueryString: 'false'
+            Cookies:
+              Forward: none
+          ViewerProtocolPolicy: redirect-to-https
+        CacheBehaviors:
+          - PathPattern: "/api/dict/*"
+            AllowedMethods:
+              - GET
+              - HEAD
+              - OPTIONS
+            CachePolicyId: !Ref APICachePolicy
+            TargetOriginId: OrdbokCache
+            LambdaFunctionAssociations:
+              - EventType: viewer-request
+                IncludeBody: false
+                LambdaFunctionARN: !Ref PathRewriteLambdaARN
+            ForwardedValues:
+              QueryString: true
+              Cookies:
+                Forward: all
+            ViewerProtocolPolicy: redirect-to-https
+        ViewerCertificate:
+          AcmCertificateArn: !Ref CertificateArn
+          MinimumProtocolVersion: TLSv1.1_2016
+          SslSupportMethod: sni-only
+      Tags:
+        - Key: Application
+          Value: !Ref DomainName
+
+  CloudFrontOriginIdentity:
+    Type: "AWS::CloudFront::CloudFrontOriginAccessIdentity"
+    Properties:
+      CloudFrontOriginAccessIdentityConfig:
+        Comment: "origin identity"

babel.config.js

 module.exports = {
   presets: [
-    '@vue/app'
-  ]
+    '@vue/cli-plugin-babel/preset'
+  ],
+  plugins: ["@babel/plugin-proposal-nullish-coalescing-operator", "@babel/plugin-proposal-optional-chaining"]
 }

package.json

@@ -3,22 +3,44 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
+    "serve": "vue-cli-service serve --port 8081",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "i18n:report": "vue-cli-service i18n:report --src \"./src/**/*.?(js|vue)\" --locales \"./src/locales/**/*.json\""
   },
   "dependencies": {
-    "core-js": "^2.6.5",
-    "vue": "^2.6.10"
+    "axios": "^0.21.1",
+    "core-js": "~3.6.5",
+    "debounce": "^1.2.1",
+    "inflection-table": "https://git.app.uib.no/api/v4/projects/16442/jobs/artifacts/1.1.6/raw/module.tar.gz?job=publish",
+    "vue": "^2.6.12",
+    "vue-i18n": "^8.26.7",
+    "vue-i18n-bridge": "^9.2.0-beta.10",
+    "vue-material-design-icons": "^4.11.0",
+    "vue-meta": "^2.4.0",
+    "vue-plausible": "^1.3.1",
+    "vue-router": "^3.5.1",
+    "vuetify": "^2.5.8",
+    "vuex": "^3.6.2"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.11.0",
-    "@vue/cli-plugin-eslint": "^3.11.0",
-    "@vue/cli-service": "^3.11.0",
-    "babel-eslint": "^10.0.1",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8",
+    "@babel/plugin-proposal-optional-chaining": "^7.13.12",
+    "@intlify/vue-i18n-loader": "^3.2.0",
+    "@vue/cli-plugin-babel": "^4.5.12",
+    "@vue/cli-plugin-eslint": "^3.1.1",
+    "@vue/cli-service": "^4.5.13",
+    "babel-eslint": "^10.1.0",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
-    "vue-template-compiler": "^2.6.10"
+    "mark.js": "^8.11.1",
+    "material-design-icons-iconfont": "^6.1.0",
+    "sass": "^1.38.0",
+    "sass-loader": "^10.0.0",
+    "vue-cli-plugin-i18n": "~2.3.1",
+    "vue-cli-plugin-vuetify": "^2.1.1",
+    "vue-template-compiler": "^2.6.12",
+    "vuetify-loader": "^1.7.2"
   },
   "eslintConfig": {
     "root": true,
@@ -29,7 +51,11 @@
       "plugin:vue/essential",
       "eslint:recommended"
     ],
-    "rules": {},
+    "rules": {
+      "no-irregular-whitespace": "off",
+      "no-unused-vars": "off",
+      "no-console": "off"
+    },
     "parserOptions": {
       "parser": "babel-eslint"
     }