From 376b75a936dddb2dc3e10ed9867f55723075bfc0 Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Tue, 6 Sep 2022 17:23:53 -0700
Subject: [PATCH 01/12] Create custom eslint rules for vue components to
 enforce our vue SFC conventions.

---
 .../lib/rules/vue-component-block-padding.js  | 169 +++++++++
 .../rules/vue-component-block-tag-newline.js  | 165 +++++++++
 .../rules/vue-component-block-padding.spec.js | 332 ++++++++++++++++++
 .../vue-component-block-tag-newline.spec.js   | 189 ++++++++++
 4 files changed, 855 insertions(+)
 create mode 100644 packages/eslint-plugin-kolibri/lib/rules/vue-component-block-padding.js
 create mode 100644 packages/eslint-plugin-kolibri/lib/rules/vue-component-block-tag-newline.js
 create mode 100644 packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-block-padding.spec.js
 create mode 100644 packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-block-tag-newline.spec.js

diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-padding.js b/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-padding.js
new file mode 100644
index 00000000000..239e1003fad
--- /dev/null
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-padding.js
@@ -0,0 +1,169 @@
+/**
+ * @fileoverview Require padding lines between blocks
+ * Vendored and modified from:
+ * https://github.com/vuejs/eslint-plugin-vue/blob/9b55f3c18403b0a77808ba758ec3a8e72a884036/lib/rules/padding-line-between-blocks.js
+ * Modified for two padded lines.
+ */
+'use strict';
+const utils = require('eslint-plugin-vue/lib/utils');
+
+/**
+ * Split the source code into multiple lines based on the line delimiters.
+ * @param {string} text Source code as a string.
+ * @returns {string[]} Array of source code lines.
+ */
+function splitLines(text) {
+  return text.split(/\r\n|[\r\n\u2028\u2029]/gu);
+}
+
+/**
+ * Check and report blocks.
+ * This autofix inserts two blank lines between the given 2 blocks.
+ * @param {RuleContext} context The rule context to report.
+ * @param {VElement} prevBlock The previous block to check.
+ * @param {VElement} nextBlock The next block to check.
+ * @param {Token[]} betweenTokens The array of tokens between blocks.
+ * @returns {void}
+ * @private
+ */
+function verifyForAlways(context, prevBlock, nextBlock, betweenTokens) {
+  const tokenOrNodes = [...betweenTokens, nextBlock];
+  /** @type {ASTNode | Token} */
+  let prev = prevBlock;
+  let linebreaks = 0;
+  /** @type {ASTNode | Token | undefined} */
+  let linebreak;
+  const paddingLines = [];
+  for (const tokenOrNode of tokenOrNodes) {
+    const numOfLineBreaks = tokenOrNode.loc.start.line - prev.loc.end.line;
+    if (numOfLineBreaks == 3) {
+      return;
+    }
+    if (numOfLineBreaks > 3) {
+      paddingLines.push([prev, tokenOrNode]);
+    } else {
+      if (!linebreak && numOfLineBreaks > 0) {
+        linebreak = prev;
+      }
+      linebreaks = Math.max(linebreaks, numOfLineBreaks);
+    }
+    prev = tokenOrNode;
+  }
+
+  context.report({
+    node: nextBlock,
+    messageId: 'always',
+    *fix(fixer) {
+      if (paddingLines.length) {
+        for (const [prevToken, nextToken] of paddingLines) {
+          const start = prevToken.range[1];
+          const end = nextToken.range[0];
+          const paddingText = context.getSourceCode().text.slice(start, end);
+          const lastSpaces = splitLines(paddingText).pop();
+          yield fixer.replaceTextRange([start, end], `\n\n\n${lastSpaces}`);
+        }
+      } else {
+        const lines = new Array(3 - linebreaks).fill('\n').join('');
+        yield fixer.insertTextAfter(linebreak ? linebreak : prevBlock, lines);
+      }
+    },
+  });
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'layout',
+    docs: {
+      description: 'require TWO padding lines between blocks',
+      categories: undefined,
+    },
+    fixable: 'whitespace',
+    messages: {
+      always: 'Expected two blank lines before this block.',
+    },
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    if (!context.parserServices.getDocumentFragment) {
+      return {};
+    }
+    const df = context.parserServices.getDocumentFragment();
+    if (!df) {
+      return {};
+    }
+    const documentFragment = df;
+
+    const paddingType = { verify: verifyForAlways };
+
+    /** @type {Token[]} */
+    let tokens;
+    /**
+     * @returns {VElement[]}
+     */
+    function getTopLevelHTMLElements() {
+      return documentFragment.children.filter(utils.isVElement);
+    }
+
+    /**
+     * @param {VElement} prev
+     * @param {VElement} next
+     */
+    function getTokenAndCommentsBetween(prev, next) {
+      // When there is no <template>, tokenStore.getTokensBetween cannot be used.
+      if (!tokens) {
+        tokens = [
+          ...documentFragment.tokens.filter(token => token.type !== 'HTMLWhitespace'),
+          ...documentFragment.comments,
+        ].sort((a, b) => {
+          if (a.range[0] > b.range[0]) return 1;
+          return a.range[0] < b.range[0] ? -1 : 0;
+        });
+      }
+
+      let token = tokens.shift();
+
+      const results = [];
+      while (token) {
+        if (prev.range[1] <= token.range[0]) {
+          if (next.range[0] <= token.range[0]) {
+            tokens.unshift(token);
+            break;
+          } else {
+            results.push(token);
+          }
+        }
+        token = tokens.shift();
+      }
+
+      return results;
+    }
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {},
+      {
+        /** @param {Program} node */
+        Program(node) {
+          if (utils.hasInvalidEOF(node)) {
+            return;
+          }
+          const elements = [...getTopLevelHTMLElements()];
+
+          let prev = elements.shift();
+          for (const element of elements) {
+            if (!prev) {
+              return;
+            }
+            const betweenTokens = getTokenAndCommentsBetween(prev, element);
+            paddingType.verify(context, prev, element, betweenTokens);
+            prev = element;
+          }
+        },
+      }
+    );
+  },
+};
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-tag-newline.js b/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-tag-newline.js
new file mode 100644
index 00000000000..76c781c8325
--- /dev/null
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-tag-newline.js
@@ -0,0 +1,165 @@
+/**
+ * @fileoverview Enforce line breaks style after opening and before closing block-level tags.
+ * Vendored and modified from:
+ * https://github.com/vuejs/eslint-plugin-vue/blob/9b55f3c18403b0a77808ba758ec3a8e72a884036/lib/rules/block-tag-newline.js
+ */
+'use strict';
+const utils = require('eslint-plugin-vue/lib/utils');
+
+/**
+ * @param {string} text Source code as a string.
+ * @returns {number}
+ */
+function getLinebreakCount(text) {
+  return text.split(/\r\n|[\r\n\u2028\u2029]/gu).length - 1;
+}
+
+// Use a more complex regex to avoid capturing whitespace that is
+// leading whitespace on a line that is not empty.
+const beforeTextRegex = /^(\s(\r\n|[\r\n\u2028\u2029])|(\r\n|[\r\n\u2028\u2029]))*/u;
+
+const emptyLines = 1;
+
+/**
+ * @param {number} lineBreaks
+ */
+function getPhrase(lineBreaks) {
+  switch (lineBreaks) {
+    case 1:
+      return '1 line break';
+    default:
+      return `${lineBreaks} line breaks`;
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'layout',
+    docs: {
+      description: 'enforce line breaks after opening and before closing block-level tags',
+      categories: undefined,
+    },
+    fixable: 'whitespace',
+    messages: {
+      expectedOpeningLinebreak: "Expected {{expected}} after '<{{tag}}>', but {{actual}} found.",
+      expectedClosingLinebreak: "Expected {{expected}} before '</{{tag}}>', but {{actual}} found.",
+    },
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const df =
+      context.parserServices.getDocumentFragment && context.parserServices.getDocumentFragment();
+    if (!df) {
+      return {};
+    }
+
+    const sourceCode = context.getSourceCode();
+
+    /**
+     * @param {VStartTag} startTag
+     * @param {string} beforeText
+     * @param {number} beforeLinebreakCount
+     * @returns {void}
+     */
+    function verifyBeforeSpaces(startTag, beforeText, beforeLinebreakCount) {
+      if (emptyLines !== beforeLinebreakCount - 1) {
+        context.report({
+          loc: {
+            start: startTag.loc.end,
+            end: sourceCode.getLocFromIndex(startTag.range[1] + beforeText.length),
+          },
+          messageId: 'expectedOpeningLinebreak',
+          data: {
+            tag: startTag.parent.name,
+            expected: getPhrase(emptyLines + 1),
+            actual: getPhrase(beforeLinebreakCount),
+          },
+          fix(fixer) {
+            return fixer.replaceTextRange(
+              [startTag.range[1], startTag.range[1] + beforeText.length],
+              '\n'.repeat(emptyLines + 1)
+            );
+          },
+        });
+      }
+    }
+    /**
+     * @param {VEndTag} endTag
+     * @param {string} afterText
+     * @param {number} afterLinebreakCount
+     * @returns {void}
+     */
+    function verifyAfterSpaces(endTag, afterText, afterLinebreakCount) {
+      if (emptyLines !== afterLinebreakCount - 1) {
+        context.report({
+          loc: {
+            start: sourceCode.getLocFromIndex(endTag.range[0] - afterText.length),
+            end: endTag.loc.start,
+          },
+          messageId: 'expectedClosingLinebreak',
+          data: {
+            tag: endTag.parent.name,
+            expected: getPhrase(emptyLines + 1),
+            actual: getPhrase(afterLinebreakCount),
+          },
+          fix(fixer) {
+            return fixer.replaceTextRange(
+              [endTag.range[0] - afterText.length, endTag.range[0]],
+              '\n'.repeat(emptyLines + 1)
+            );
+          },
+        });
+      }
+    }
+    /**
+     * @param {VElement} element
+     * @returns {void}
+     */
+    function verifyElement(element) {
+      const { startTag, endTag } = element;
+      if (startTag.selfClosing || endTag == null) {
+        return;
+      }
+      const text = sourceCode.text.slice(startTag.range[1], endTag.range[0]);
+
+      const trimText = text.trim();
+      if (!trimText) {
+        return;
+      }
+
+      const beforeText = /** @type {RegExpExecArray} */ (beforeTextRegex.exec(text))[0];
+      const afterText = /** @type {RegExpExecArray} */ (/\s*$/u.exec(text))[0];
+      const beforeLinebreakCount = getLinebreakCount(beforeText);
+      const afterLinebreakCount = getLinebreakCount(afterText);
+
+      verifyBeforeSpaces(startTag, beforeText, beforeLinebreakCount);
+
+      verifyAfterSpaces(endTag, afterText, afterLinebreakCount);
+    }
+
+    const documentFragment = df;
+
+    return utils.defineTemplateBodyVisitor(
+      context,
+      {},
+      {
+        /** @param {Program} node */
+        Program(node) {
+          if (utils.hasInvalidEOF(node)) {
+            return;
+          }
+
+          for (const element of documentFragment.children) {
+            if (utils.isVElement(element)) {
+              verifyElement(element);
+            }
+          }
+        },
+      }
+    );
+  },
+};
diff --git a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-block-padding.spec.js b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-block-padding.spec.js
new file mode 100644
index 00000000000..d6e54567f61
--- /dev/null
+++ b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-block-padding.spec.js
@@ -0,0 +1,332 @@
+/**
+ * Vendored and modified from:
+ * https://github.com/vuejs/eslint-plugin-vue/blob/9b55f3c18403b0a77808ba758ec3a8e72a884036/tests/lib/rules/padding-line-between-blocks.js
+ */
+'use strict';
+
+const RuleTester = require('eslint').RuleTester;
+const rule = require('../../../lib/rules/vue-component-block-padding');
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 },
+});
+
+tester.run('vue-component-block-padding', rule, {
+  valid: [
+    `
+     <template></template>
+
+
+     <script></script>
+
+
+     <style></style>
+     `,
+    `<template></template>
+
+
+     <script></script>
+
+
+     <style></style>`,
+    // comments
+    `
+     <template></template>
+
+
+     <!-- comment -->
+     <script></script>
+
+
+     <!-- comment -->
+     <style></style>
+
+
+     <!-- comment -->
+     <!-- comment -->
+     <i18n></i18n>
+     `,
+    `
+     <template></template>
+
+
+     <script>
+     // comment
+
+     </script>
+
+
+     <style></style>
+
+
+     <i18n></i18n>
+     `,
+    // no template
+    `
+     <script></script>
+
+
+     <style></style>
+     `,
+    `var a = 1`,
+  ],
+  invalid: [
+    {
+      code: `
+       <template></template>
+       <script></script>
+       <style></style>
+       `,
+      output: `
+       <template></template>
+
+
+       <script></script>
+
+
+       <style></style>
+       `,
+      errors: [
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 3,
+          column: 8,
+          endLine: 3,
+          endColumn: 25,
+        },
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 4,
+          column: 8,
+          endLine: 4,
+          endColumn: 23,
+        },
+      ],
+    },
+    {
+      code: `
+       <template></template><script></script><style></style>
+       `,
+      output: `
+       <template></template>
+
+
+<script></script>
+
+
+<style></style>
+       `,
+      errors: [
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 2,
+        },
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 2,
+        },
+      ],
+    },
+    {
+      code: `
+       <template></template>
+       <!-- comment -->
+       <script></script>
+       <!-- comment -->
+       <!-- comment -->
+       <style></style>
+       `,
+      output: `
+       <template></template>
+
+
+       <!-- comment -->
+       <script></script>
+
+
+       <!-- comment -->
+       <!-- comment -->
+       <style></style>
+       `,
+      errors: [
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 4,
+        },
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 7,
+        },
+      ],
+    },
+    {
+      code: `
+       <template></template>TEXT
+       <!-- comment --><script></script><!-- comment
+       comment --><style></style>
+       `,
+      output: `
+       <template></template>TEXT
+
+
+       <!-- comment --><script></script>
+
+
+<!-- comment
+       comment --><style></style>
+       `,
+      errors: [
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 3,
+        },
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 4,
+        },
+      ],
+    },
+    {
+      code: `
+      <template></template>
+
+
+
+      <script></script>
+
+
+
+      <style></style>
+      `,
+      output: `
+      <template></template>
+
+
+      <script></script>
+
+
+      <style></style>
+      `,
+      errors: [
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 6,
+          column: 7,
+          endLine: 6,
+          endColumn: 24,
+        },
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 10,
+          column: 7,
+          endLine: 10,
+          endColumn: 22,
+        },
+      ],
+    },
+    {
+      code: `
+      <template></template>
+
+
+
+      <!-- comment -->
+      <script></script>
+
+
+
+      <!-- comment -->
+      <!-- comment -->
+      <style></style>
+      `,
+      output: `
+      <template></template>
+
+
+      <!-- comment -->
+      <script></script>
+
+
+      <!-- comment -->
+      <!-- comment -->
+      <style></style>
+      `,
+      errors: [
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 7,
+        },
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 13,
+        },
+      ],
+    },
+    {
+      code: `
+      <template></template>TEXT
+
+
+
+      <!-- comment --><script></script><!-- comment
+      comment --><style></style>
+      `,
+      output: `
+      <template></template>TEXT
+
+
+      <!-- comment --><script></script>
+
+
+<!-- comment
+      comment --><style></style>
+      `,
+      errors: [
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 6,
+        },
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 7,
+        },
+      ],
+    },
+    {
+      code: `
+      <template></template>
+
+
+
+      <script></script>
+      <style></style>
+      `,
+      output: `
+      <template></template>
+
+
+      <script></script>
+
+
+      <style></style>
+      `,
+      errors: [
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 6,
+          column: 7,
+          endLine: 6,
+          endColumn: 24,
+        },
+        {
+          message: 'Expected two blank lines before this block.',
+          line: 7,
+          column: 7,
+          endLine: 7,
+          endColumn: 22,
+        },
+      ],
+    },
+  ],
+});
diff --git a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-block-tag-newline.spec.js b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-block-tag-newline.spec.js
new file mode 100644
index 00000000000..a68d786196e
--- /dev/null
+++ b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-block-tag-newline.spec.js
@@ -0,0 +1,189 @@
+/**
+ * Vendored and modified from:
+ * https://github.com/vuejs/eslint-plugin-vue/blob/9b55f3c18403b0a77808ba758ec3a8e72a884036/tests/lib/rules/block-tag-newline.js
+ */
+'use strict';
+
+const RuleTester = require('eslint').RuleTester;
+const rule = require('../../../lib/rules/vue-component-block-tag-newline');
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015 },
+});
+
+tester.run('block-tag-newline', rule, {
+  valid: [
+    '<template>\n\n<input>\n\n</template>\n<script>\n\nlet a\n\n</script>',
+    '<template>\n\n<div>\n</div>\n\n</template>\n<script>\n\nlet a\nlet b\n\n</script>',
+    '<template></template>\n<script></script>',
+    '<template>\n\n</template>\n<script>\n\n</script>',
+    '<template>\n\n</template>\n<script>\n\n//comment\n\n</script>',
+  ],
+  invalid: [
+    {
+      code: '<template><input>\n</template>\n<script>let a\n</script>',
+      output: '<template>\n\n<input>\n\n</template>\n<script>\n\nlet a\n\n</script>',
+      errors: [
+        {
+          message: "Expected 2 line breaks after '<template>', but 0 line breaks found.",
+          line: 1,
+          column: 11,
+        },
+        {
+          message: "Expected 2 line breaks before '</template>', but 1 line break found.",
+          line: 1,
+          column: 18,
+        },
+        {
+          message: "Expected 2 line breaks after '<script>', but 0 line breaks found.",
+          line: 3,
+          column: 9,
+        },
+        {
+          message: "Expected 2 line breaks before '</script>', but 1 line break found.",
+          line: 3,
+          column: 14,
+        },
+      ],
+    },
+    {
+      code: '<template>\n<input></template>\n<script>\nlet a</script>',
+      output: '<template>\n\n<input>\n\n</template>\n<script>\n\nlet a\n\n</script>',
+      errors: [
+        {
+          message: "Expected 2 line breaks after '<template>', but 1 line break found.",
+          line: 1,
+          column: 11,
+        },
+        {
+          message: "Expected 2 line breaks before '</template>', but 0 line breaks found.",
+          line: 2,
+          column: 8,
+        },
+        {
+          message: "Expected 2 line breaks after '<script>', but 1 line break found.",
+          line: 3,
+          column: 9,
+        },
+        {
+          message: "Expected 2 line breaks before '</script>', but 0 line breaks found.",
+          line: 4,
+          column: 6,
+        },
+      ],
+    },
+    {
+      code: '<template><div>\n</div></template>\n<script>let a\nlet b</script>',
+      output: '<template>\n\n<div>\n</div>\n\n</template>\n<script>\n\nlet a\nlet b\n\n</script>',
+      errors: [
+        {
+          message: "Expected 2 line breaks after '<template>', but 0 line breaks found.",
+          line: 1,
+          column: 11,
+        },
+        {
+          message: "Expected 2 line breaks before '</template>', but 0 line breaks found.",
+          line: 2,
+          column: 7,
+        },
+        {
+          message: "Expected 2 line breaks after '<script>', but 0 line breaks found.",
+          line: 3,
+          column: 9,
+        },
+        {
+          message: "Expected 2 line breaks before '</script>', but 0 line breaks found.",
+          line: 4,
+          column: 6,
+        },
+      ],
+    },
+    {
+      code: '<template><div>\n</div></template>\n<script>let a</script>',
+      output: '<template>\n\n<div>\n</div>\n\n</template>\n<script>\n\nlet a\n\n</script>',
+      errors: [
+        {
+          message: "Expected 2 line breaks after '<template>', but 0 line breaks found.",
+          line: 1,
+          column: 11,
+        },
+        {
+          message: "Expected 2 line breaks before '</template>', but 0 line breaks found.",
+          line: 2,
+          column: 7,
+        },
+        {
+          message: "Expected 2 line breaks after '<script>', but 0 line breaks found.",
+          line: 3,
+          column: 9,
+        },
+        {
+          message: "Expected 2 line breaks before '</script>', but 0 line breaks found.",
+          line: 3,
+          column: 14,
+        },
+      ],
+    },
+    {
+      code: '<template>\n\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n\n</script>',
+      output: '<template>\n\n<input>\n\n</template>\n<script>\n\nlet a\nlet b\n\n</script>',
+      errors: [
+        {
+          message: "Expected 2 line breaks after '<template>', but 3 line breaks found.",
+          line: 1,
+          column: 11,
+        },
+        {
+          message: "Expected 2 line breaks before '</script>', but 3 line breaks found.",
+          line: 10,
+          column: 6,
+        },
+      ],
+    },
+    {
+      code: '<script>\n  //comment\n\n</script>',
+      output: '<script>\n\n  //comment\n\n</script>',
+      errors: [
+        {
+          message: "Expected 2 line breaks after '<script>', but 1 line break found.",
+          line: 1,
+          column: 9,
+        },
+      ],
+    },
+    {
+      code: '<script>\n\n  //comment\n</script>',
+      output: '<script>\n\n  //comment\n\n</script>',
+      errors: [
+        {
+          message: "Expected 2 line breaks before '</script>', but 1 line break found.",
+          line: 3,
+          column: 12,
+        },
+      ],
+    },
+    {
+      code: '<script>\n  let a\n\n</script>',
+      output: '<script>\n\n  let a\n\n</script>',
+      errors: [
+        {
+          message: "Expected 2 line breaks after '<script>', but 1 line break found.",
+          line: 1,
+          column: 9,
+        },
+      ],
+    },
+    {
+      code: '<script>\n\n  let a</script>',
+      output: '<script>\n\n  let a\n\n</script>',
+      errors: [
+        {
+          message: "Expected 2 line breaks before '</script>', but 0 line breaks found.",
+          line: 3,
+          column: 8,
+        },
+      ],
+    },
+  ],
+});

From bea8cf96321c67fc37a230ff08d0ea9b82a43adf Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Thu, 20 Jun 2024 13:27:59 -0700
Subject: [PATCH 02/12] Upgrade all linting packages and config. Remove
 HTMLHint. Add jest linting to eslint.

---
 .eslintrc.js                                  |    1 +
 .htmlhintrc.js                                |    1 -
 docs/frontend_architecture/conventions.rst    |    2 +-
 .../rules/vue-component-class-name-casing.js  |  135 ++
 .../rules/vue-component-no-duplicate-ids.js   |   50 +
 .../rules/vue-component-require-img-src.js    |   52 +
 packages/eslint-plugin-kolibri/package.json   |    2 +-
 .../vue-component-class-name-casing.spec.js   |   96 +
 .../vue-component-no-duplicate-ids.spec.js    |   37 +
 .../vue-component-require-img-src.spec.js     |   77 +
 packages/kolibri-tools/.eslintrc.js           |   29 +-
 packages/kolibri-tools/.htmlhintrc.js         |   13 -
 packages/kolibri-tools/.prettierrc.js         |    6 +-
 packages/kolibri-tools/.stylelintrc.js        |   11 +
 packages/kolibri-tools/lib/htmlhint_custom.js |   97 -
 packages/kolibri-tools/lib/lint.js            |  362 ++--
 packages/kolibri-tools/package.json           |   22 +-
 .../test/test_htmlhint_custom.spec.js         |  130 --
 yarn.lock                                     | 1652 +++++++++--------
 19 files changed, 1535 insertions(+), 1240 deletions(-)
 delete mode 100644 .htmlhintrc.js
 create mode 100644 packages/eslint-plugin-kolibri/lib/rules/vue-component-class-name-casing.js
 create mode 100644 packages/eslint-plugin-kolibri/lib/rules/vue-component-no-duplicate-ids.js
 create mode 100644 packages/eslint-plugin-kolibri/lib/rules/vue-component-require-img-src.js
 create mode 100644 packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-class-name-casing.spec.js
 create mode 100644 packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-no-duplicate-ids.spec.js
 create mode 100644 packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-require-img-src.spec.js
 delete mode 100644 packages/kolibri-tools/.htmlhintrc.js
 delete mode 100644 packages/kolibri-tools/lib/htmlhint_custom.js
 delete mode 100644 packages/kolibri-tools/test/test_htmlhint_custom.spec.js

diff --git a/.eslintrc.js b/.eslintrc.js
index 36889035daf..4fef0e87008 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1 +1,2 @@
+require("@rushstack/eslint-patch/modern-module-resolution");
 module.exports = require('kolibri-tools/.eslintrc');
diff --git a/.htmlhintrc.js b/.htmlhintrc.js
deleted file mode 100644
index 5748ea4fce3..00000000000
--- a/.htmlhintrc.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = require('kolibri-tools/.htmlhintrc');
diff --git a/docs/frontend_architecture/conventions.rst b/docs/frontend_architecture/conventions.rst
index 4de26fb3c97..e892779e212 100644
--- a/docs/frontend_architecture/conventions.rst
+++ b/docs/frontend_architecture/conventions.rst
@@ -8,7 +8,7 @@ For design conventions, see the `Kolibri Design System <http://kolibribeta.learn
 Linting and auto formatting
 ---------------------------
 
-Many of our conventions are enforced through various linters including `ESLint <https://eslint.org/>`__, `ESLint Vue plugin <https://github.com/vuejs/eslint-plugin-vue>`__, `stylelint <https://stylelint.io/>`__, and `HTMLHint <https://htmlhint.io/>`__. The enforced rules are located in the ``.eslintrc.js``, ``.stylelintrc.js``, and ``.htmlhintrc`` files located at the root of the project.
+Many of our conventions are enforced through various linters including `ESLint <https://eslint.org/>`__, `ESLint Vue plugin <https://github.com/vuejs/eslint-plugin-vue>`__, `stylelint <https://stylelint.io/>`__, and `HTMLHint <https://htmlhint.io/>`__. The enforced rules are located in the ``eslint.config.js``, ``.stylelintrc.js``, and files located at the root of the project.
 
 Also available are options and tools that enable auto-formatting of ``.vue``, ``.js``, ``.scss``, and ``.py`` files to conform to code conventions. To facilitate this, we use `Black <https://github.com/ambv/black>`__ to auto-format ``.py`` files, and  `Prettier <https://prettier.io/>`__ to auto-format the others. Auto-formatting runs by default while running the dev server, otherwise be sure to run the dev server with ``-warn`` as described in :doc:`/getting_started` to prevent it from auto-formatting.
 
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-component-class-name-casing.js b/packages/eslint-plugin-kolibri/lib/rules/vue-component-class-name-casing.js
new file mode 100644
index 00000000000..68bd45c8ba3
--- /dev/null
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-component-class-name-casing.js
@@ -0,0 +1,135 @@
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('eslint-plugin-vue/lib//utils');
+const casing = require('eslint-plugin-vue/lib//utils/casing');
+
+// -----------------------------------------------------------------------------
+// Helpers
+// -----------------------------------------------------------------------------
+
+/**
+ * Report a forbidden class casing
+ * @param {string} className
+ * @param {*} node
+ * @param {RuleContext} context
+ * @param {Set<string>} forbiddenClasses
+ */
+const reportForbiddenClassCasing = (className, node, context, caseType) => {
+  if (!casing.getChecker(caseType)(className)) {
+    const loc = node.value ? node.value.loc : node.loc;
+    context.report({
+      node,
+      loc,
+      message: 'Class name "{{class}}" is not {{caseType}}.',
+      data: {
+        class: className,
+        caseType,
+      },
+    });
+  }
+};
+
+/**
+ * @param {Expression} node
+ * @param {boolean} [textOnly]
+ * @returns {IterableIterator<{ className:string, reportNode: ESNode }>}
+ */
+function* extractClassNames(node, textOnly) {
+  if (node.type === 'Literal') {
+    yield* `${node.value}`.split(/\s+/).map(className => ({ className, reportNode: node }));
+    return;
+  }
+  if (node.type === 'TemplateLiteral') {
+    for (const templateElement of node.quasis) {
+      yield* templateElement.value.cooked
+        .split(/\s+/)
+        .map(className => ({ className, reportNode: templateElement }));
+    }
+    for (const expr of node.expressions) {
+      yield* extractClassNames(expr, true);
+    }
+    return;
+  }
+  if (node.type === 'BinaryExpression') {
+    if (node.operator !== '+') {
+      return;
+    }
+    yield* extractClassNames(node.left, true);
+    yield* extractClassNames(node.right, true);
+    return;
+  }
+  if (textOnly) {
+    return;
+  }
+  if (node.type === 'ObjectExpression') {
+    for (const prop of node.properties) {
+      if (prop.type !== 'Property') {
+        continue;
+      }
+      const classNames = utils.getStaticPropertyName(prop);
+      if (!classNames) {
+        continue;
+      }
+      yield* classNames.split(/\s+/).map(className => ({ className, reportNode: prop.key }));
+    }
+    return;
+  }
+  if (node.type === 'ArrayExpression') {
+    for (const element of node.elements) {
+      if (element == null) {
+        continue;
+      }
+      if (element.type === 'SpreadElement') {
+        continue;
+      }
+      yield* extractClassNames(element);
+    }
+    return;
+  }
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce specific casing for the class naming style in template',
+      categories: undefined,
+    },
+    fixable: null,
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const caseType = 'kebab-case';
+    return utils.defineTemplateBodyVisitor(context, {
+      /**
+       * @param {VAttribute & { value: VLiteral } } node
+       */
+      'VAttribute[directive=false][key.name="class"]'(node) {
+        node.value.value
+          .split(/\s+/)
+          .forEach(className => reportForbiddenClassCasing(className, node, context, caseType));
+      },
+
+      /** @param {VExpressionContainer} node */
+      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='class'] > VExpressionContainer.value"(
+        node,
+      ) {
+        if (!node.expression) {
+          return;
+        }
+
+        for (const { className, reportNode } of extractClassNames(
+          /** @type {Expression} */ (node.expression),
+        )) {
+          reportForbiddenClassCasing(className, reportNode, context, caseType);
+        }
+      },
+    });
+  },
+};
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-component-no-duplicate-ids.js b/packages/eslint-plugin-kolibri/lib/rules/vue-component-no-duplicate-ids.js
new file mode 100644
index 00000000000..c74d6816473
--- /dev/null
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-component-no-duplicate-ids.js
@@ -0,0 +1,50 @@
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('eslint-plugin-vue/lib//utils');
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'detect duplicate ids in Vue components',
+      categories: undefined,
+    },
+    fixable: null,
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const IdAttrsMap = new Map();
+    return utils.defineTemplateBodyVisitor(context, {
+      /**
+       * @param {VAttribute & { value: VLiteral } } node
+       */
+      'VAttribute[directive=false][key.name="id"]'(node) {
+        const idAttr = node.value;
+        if (!IdAttrsMap.has(idAttr.value)) {
+          IdAttrsMap.set(idAttr.value, []);
+        }
+        const nodes = IdAttrsMap.get(idAttr.value);
+        nodes.push(idAttr);
+      },
+      "VElement[parent.type!='VElement']:exit"() {
+        IdAttrsMap.forEach(attrs => {
+          if (Array.isArray(attrs) && attrs.length > 1) {
+            attrs.forEach(attr => {
+              context.report({
+                node: attr,
+                data: { id: attr.value },
+                message: "The id '{{id}}' is duplicated.",
+              });
+            });
+          }
+        });
+      },
+    });
+  },
+};
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-component-require-img-src.js b/packages/eslint-plugin-kolibri/lib/rules/vue-component-require-img-src.js
new file mode 100644
index 00000000000..98939d739de
--- /dev/null
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-component-require-img-src.js
@@ -0,0 +1,52 @@
+const utils = require('eslint-plugin-vue/lib/utils');
+
+module.exports = {
+  meta: {
+    type: 'code',
+
+    docs: {
+      description: 'Require `src` attribute of `<img>` tag',
+      category: undefined,
+    },
+
+    fixable: null,
+    messages: {
+      missingSrcAttribute: 'Missing `src` attribute of `<img>` tag',
+    },
+  },
+
+  create(context) {
+    function report(node) {
+      context.report({
+        node,
+        messageId: 'missingSrcAttribute',
+      });
+    }
+
+    return utils.defineTemplateBodyVisitor(context, {
+      /**
+       * @param {VElement} node
+       */
+      "VElement[rawName='img']"(node) {
+        const srcAttr = utils.getAttribute(node, 'src');
+        if (srcAttr) {
+          const value = srcAttr.value;
+          if (!value || !value.value) {
+            report(value || srcAttr);
+          }
+          return;
+        }
+        const srcDir = utils.getDirective(node, 'bind', 'src');
+        if (srcDir) {
+          const value = srcDir.value;
+          if (!value || !value.expression) {
+            report(value || srcDir);
+          }
+          return;
+        }
+
+        report(node.startTag);
+      },
+    });
+  },
+};
diff --git a/packages/eslint-plugin-kolibri/package.json b/packages/eslint-plugin-kolibri/package.json
index 66a53df2367..20d060ba562 100644
--- a/packages/eslint-plugin-kolibri/package.json
+++ b/packages/eslint-plugin-kolibri/package.json
@@ -8,7 +8,7 @@
     "requireindex": "^1.1.0"
   },
   "devDependencies": {
-    "eslint": "^5.16.0"
+    "eslint": "^8.23.0"
   },
   "engines": {
     "node": ">=0.10.0"
diff --git a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-class-name-casing.spec.js b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-class-name-casing.spec.js
new file mode 100644
index 00000000000..8f78f955b7b
--- /dev/null
+++ b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-class-name-casing.spec.js
@@ -0,0 +1,96 @@
+'use strict';
+
+const RuleTester = require('eslint').RuleTester;
+const rule = require('../../../lib/rules/vue-component-class-name-casing');
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' },
+});
+
+ruleTester.run('class-name-casing', rule, {
+  valid: [
+    { code: `<template><div class="is-allowed">Content</div></template>` },
+    {
+      code: `<template><div class="allowed" foo="barBar">Content</div></template>`,
+    },
+    {
+      code: `<template><div :class="{'is-allowed': true}">Content</div></template>`,
+    },
+  ],
+
+  invalid: [
+    {
+      code: `<template><div class="forBidden is-allowed" /></template>`,
+      errors: [
+        {
+          message: 'Class name "forBidden" is not kebab-case.',
+          type: 'VAttribute',
+        },
+      ],
+    },
+    {
+      code: `<template><div :class="'forBidden' + ' ' + 'is-allowed' + someVar" /></template>`,
+      errors: [
+        {
+          message: 'Class name "forBidden" is not kebab-case.',
+          type: 'Literal',
+        },
+      ],
+    },
+    {
+      code: `<template><div :class="{'forBidden': someBool, 'some-var': true}" /></template>`,
+      errors: [
+        {
+          message: 'Class name "forBidden" is not kebab-case.',
+          type: 'Literal',
+        },
+      ],
+    },
+    {
+      code: `<template><div :class="{forBidden: someBool}" /></template>`,
+      errors: [
+        {
+          message: 'Class name "forBidden" is not kebab-case.',
+          type: 'Identifier',
+        },
+      ],
+    },
+    {
+      code: '<template><div :class="`forBidden ${someVar}`" /></template>',
+      errors: [
+        {
+          message: 'Class name "forBidden" is not kebab-case.',
+          type: 'TemplateElement',
+        },
+      ],
+    },
+    {
+      code: `<template><div :class="'forBidden'" /></template>`,
+      errors: [
+        {
+          message: 'Class name "forBidden" is not kebab-case.',
+          type: 'Literal',
+        },
+      ],
+    },
+    {
+      code: `<template><div :class="['forBidden', 'is-allowed']" /></template>`,
+      errors: [
+        {
+          message: 'Class name "forBidden" is not kebab-case.',
+          type: 'Literal',
+        },
+      ],
+    },
+    {
+      code: `<template><div :class="['allowed forBidden', someString]" /></template>`,
+      errors: [
+        {
+          message: 'Class name "forBidden" is not kebab-case.',
+          type: 'Literal',
+        },
+      ],
+    },
+  ],
+});
diff --git a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-no-duplicate-ids.spec.js b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-no-duplicate-ids.spec.js
new file mode 100644
index 00000000000..fe906809484
--- /dev/null
+++ b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-no-duplicate-ids.spec.js
@@ -0,0 +1,37 @@
+'use strict';
+
+const RuleTester = require('eslint').RuleTester;
+const rule = require('../../../lib/rules/vue-component-no-duplicate-ids');
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' },
+});
+
+ruleTester.run('no-duplicate-ids', rule, {
+  valid: [
+    { code: `<template><div id="allowed">Content</div></template>` },
+    {
+      code: `<template><div id="allowed">Content</div><div class="allowed">Here</div></template>`,
+    },
+    {
+      code: `<template><div id="allowed">Content</div><div id="also">Here</div></template>`,
+    },
+  ],
+
+  invalid: [
+    {
+      code: `<template><div id="allowed">Content</div><div id="allowed">Here</div></template>`,
+      errors: [
+        {
+          message: "The id 'allowed' is duplicated.",
+          type: 'VLiteral',
+        },
+        {
+          message: "The id 'allowed' is duplicated.",
+          type: 'VLiteral',
+        },
+      ],
+    },
+  ],
+});
diff --git a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-require-img-src.spec.js b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-require-img-src.spec.js
new file mode 100644
index 00000000000..3f02f13c112
--- /dev/null
+++ b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-component-require-img-src.spec.js
@@ -0,0 +1,77 @@
+const RuleTester = require('eslint').RuleTester;
+const rule = require('../../../lib/rules/vue-component-require-img-src');
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2020 },
+});
+
+tester.run('require-img-src', rule, {
+  valid: [
+    {
+      code: `
+      <template>
+<img src="./image.png" />
+</template>
+`,
+    },
+  ],
+  invalid: [
+    {
+      code: `
+<template>
+<img src=""/>
+</template>
+`,
+
+      errors: [
+        {
+          messageId: 'missingSrcAttribute',
+        },
+      ],
+    },
+    {
+      code: `
+<template>
+<img src/>
+</template>
+`,
+
+      errors: [
+        {
+          messageId: 'missingSrcAttribute',
+        },
+      ],
+    },
+    {
+      code: `
+<template>
+<img :src=""/>
+</template>
+`,
+
+      errors: [
+        {
+          messageId: 'missingSrcAttribute',
+        },
+      ],
+    },
+    {
+      code: `
+  <template>
+    <img>
+  </template>
+`,
+
+      errors: [
+        {
+          messageId: 'missingSrcAttribute',
+          line: 3,
+          column: 5,
+          endColumn: 10,
+          endLine: 3,
+        },
+      ],
+    },
+  ],
+});
diff --git a/packages/kolibri-tools/.eslintrc.js b/packages/kolibri-tools/.eslintrc.js
index 0bb5bd5b9e2..e39d1bdcd18 100644
--- a/packages/kolibri-tools/.eslintrc.js
+++ b/packages/kolibri-tools/.eslintrc.js
@@ -1,4 +1,5 @@
 var path = require('path');
+
 var OFF = 0;
 var ERROR = 2;
 
@@ -36,6 +37,14 @@ module.exports = {
         jestPuppeteer: true,
       },
     },
+    // Recommended by https://eslint.vuejs.org/rules/script-indent.html
+    // When using the script indent.
+    {
+      files: ['*.vue'],
+      rules: {
+        indent: 'off',
+      },
+    },
   ],
   parserOptions: {
     sourceType: 'module',
@@ -59,7 +68,7 @@ module.exports = {
     'plugin:jest-dom/recommended',
     'prettier',
   ],
-  plugins: ['import', 'vue', 'kolibri', 'jest-dom'],
+  plugins: ['import', 'vue', 'kolibri', 'jest-dom', 'jest'],
   settings: {
     'import/resolver': {
       [path.resolve(path.join(path.dirname(__filename), './lib/alias_import_resolver.js'))]: {
@@ -110,10 +119,11 @@ module.exports = {
     'vue/max-attributes-per-line': [
       ERROR,
       {
-        singleline: 5,
+        singleline: {
+          max: 1,
+        },
         multiline: {
           max: 1,
-          allowFirstLine: false,
         },
       },
     ],
@@ -139,6 +149,7 @@ module.exports = {
         ],
       },
     ],
+    'vue/multi-word-component-names': 'off',
     'vue/no-spaces-around-equal-signs-in-attribute': ERROR,
     'vue/multiline-html-element-content-newline': [
       ERROR,
@@ -189,6 +200,13 @@ module.exports = {
         alignAttributesVertically: true,
       },
     ],
+    // Turn this rule off explicitly so that it doesn't interfere
+    // with our vendored version that implements our Kolibri
+    // specific component formatting specifications.
+    'vue/block-tag-newline': 'off',
+    // By default this rule doesn't indent switch cases, so set this to indent them
+    // by our base indent amount.
+    'vue/script-indent': [ERROR, 2, { baseIndent: 1, switchCase: 1 }],
     'vue/static-class-names-order': ERROR,
     'vue/no-deprecated-scope-attribute': ERROR,
     'vue/valid-v-bind-sync': ERROR,
@@ -221,6 +239,11 @@ module.exports = {
     'kolibri/vue-no-unused-translations': ERROR,
     'kolibri/vue-no-undefined-string-uses': ERROR,
     'kolibri/vue-string-objects-formatting': ERROR,
+    'kolibri/vue-component-block-padding': ERROR,
+    'kolibri/vue-component-block-tag-newline': ERROR,
+    'kolibri/vue-component-require-img-src': ERROR,
+    'kolibri/vue-component-class-name-casing': ERROR,
+    'kolibri/vue-component-no-duplicate-ids': ERROR,
 
     'prefer-const': [
       ERROR,
diff --git a/packages/kolibri-tools/.htmlhintrc.js b/packages/kolibri-tools/.htmlhintrc.js
deleted file mode 100644
index ed90a4ebc15..00000000000
--- a/packages/kolibri-tools/.htmlhintrc.js
+++ /dev/null
@@ -1,13 +0,0 @@
-module.exports = {
-  'tagname-lowercase': false,
-  'tag-pair': true,
-  'spec-char-escape': true,
-  'id-unique': true,
-  'src-not-empty': true,
-  'id-class-value': 'dash',
-  'inline-script-disabled': true,
-  'space-tab-mixed-disabled': 'space2',
-  'attr-value-double-quotes': true,
-  '--no-self-close-common-html5-tags': true,
-  '--vue-component-conventions': true,
-};
diff --git a/packages/kolibri-tools/.prettierrc.js b/packages/kolibri-tools/.prettierrc.js
index be105a2878c..7aee78031d3 100644
--- a/packages/kolibri-tools/.prettierrc.js
+++ b/packages/kolibri-tools/.prettierrc.js
@@ -5,7 +5,7 @@
 module.exports = {
   printWidth: 100,
   singleQuote: true,
-  trailingComma: 'es5',
-  parser: 'babel',
-  endOfLine: 'lf',
+  arrowParens: 'avoid',
+  vueIndentScriptAndStyle: true,
+  singleAttributePerLine: true,
 };
diff --git a/packages/kolibri-tools/.stylelintrc.js b/packages/kolibri-tools/.stylelintrc.js
index 48456ee236d..21a2f1d0433 100644
--- a/packages/kolibri-tools/.stylelintrc.js
+++ b/packages/kolibri-tools/.stylelintrc.js
@@ -6,6 +6,7 @@ module.exports = {
     'stylelint-config-sass-guidelines',
     'stylelint-config-recess-order',
     'stylelint-config-prettier',
+    'stylelint-config-html/vue',
   ],
   rules: {
     'color-hex-length': 'long',
@@ -34,6 +35,12 @@ module.exports = {
     'order/properties-alphabetical-order': null,
     'scss/percent-placeholder-pattern': null,
     'scss/no-global-function-names': null, // Does not distinguish between SCSS functions and CSS functions
+
+    // Custom rules
+    'import-notation': 'string', // Enforce string imports rather than 'url' as 'url' doesn't work with sass-loader
+    'media-feature-range-notation': 'prefix', // Enforce use of min-width and max-width as sass-loader breaks otherwise
+    // Enforce indentation of 2 spaces and to be indented within style blocks in Vue SFC
+    'indentation': [ 2, { baseIndentLevel: 1 } ],
   },
   "overrides": [
     {
@@ -48,5 +55,9 @@ module.exports = {
       "files": ["**/*.sass"],
       "customSyntax": "postcss-sass",
     },
+    {
+      "files": ["*.html", "**/*.html", "*.vue", "**/*.vue"],
+      "customSyntax": "postcss-html",
+    },
   ]
 };
diff --git a/packages/kolibri-tools/lib/htmlhint_custom.js b/packages/kolibri-tools/lib/htmlhint_custom.js
deleted file mode 100644
index fc79fedd3bf..00000000000
--- a/packages/kolibri-tools/lib/htmlhint_custom.js
+++ /dev/null
@@ -1,97 +0,0 @@
-/*
-  Custom rules for the HTML linter.
-  Custom rule IDs are prefixed with a double dash ('--')
-*/
-var HTMLHint = require('htmlhint').HTMLHint;
-
-/* helper to convert alternate-style newlines to unix-style */
-function clean(val) {
-  return val.replace(/\r\n?/g, '\n');
-}
-
-/*
-  Vue whitespace conventions.
-  Based on the existing `tag-pair` rule
-
-  This code attempts to enforce:
-  - two blank lines between top-level tags
-  - one blank line of padding within a top-level tag
-  - one level of indent for the contents of all top-level tags
-
-*/
-HTMLHint.addRule({
-  id: '--vue-component-conventions',
-  description: 'Internal vue file conventions.',
-  init: function(parser, reporter) {
-    var self = this;
-    var stack = [];
-    var mapEmptyTags = parser.makeMap(
-      'area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed,track,command,source,keygen,wbr'
-    ); //HTML 4.01 + HTML 5
-    // handle script and style tags
-    parser.addListener('cdata', function(event) {
-      var eventData = clean(event.raw);
-      if (stack.length === 1) {
-        if (eventData && !eventData.trim()) {
-          reporter.error(
-            'Empty top-level tags should be deleted.',
-            event.line,
-            event.col,
-            self,
-            event.raw
-          );
-        }
-      }
-    });
-    parser.addListener('tagstart', function(event) {
-      var eventData = clean(event.raw);
-      if (!stack.length && event.lastEvent) {
-        if (event.lastEvent.type === 'start') {
-          if (event.line !== 1) {
-            reporter.error(
-              'Content should start on the first line of the file.',
-              event.line,
-              event.col,
-              self,
-              event.raw
-            );
-          }
-        } else if (event.lastEvent.raw && clean(event.lastEvent.raw) !== '\n\n\n') {
-          reporter.error(
-            'Need two endlines between top-level tags.',
-            event.line,
-            event.col,
-            self,
-            event.raw
-          );
-        }
-      }
-      var tagName = event.tagName.toLowerCase();
-      if (mapEmptyTags[tagName] === undefined && !event.close) {
-        stack.push({
-          tagName: tagName,
-          line: event.line,
-          raw: eventData,
-        });
-      }
-    });
-    parser.addListener('tagend', function(event) {
-      var tagName = event.tagName.toLowerCase();
-      for (var pos = stack.length - 1; pos >= 0; pos--) {
-        if (stack[pos].tagName === tagName) {
-          break;
-        }
-      }
-      var arrTags = [];
-      for (var i = stack.length - 1; i > pos; i--) {
-        arrTags.push('</' + stack[i].tagName + '>');
-      }
-      try {
-        stack.length = pos;
-      } catch (e) {
-        // if this fails, it's because `pos < 0`, i.e. more tags are closed than were ever opened
-        // this should get caught by the standard linting rules, so we'll let it slide here.
-      }
-    });
-  },
-});
diff --git a/packages/kolibri-tools/lib/lint.js b/packages/kolibri-tools/lib/lint.js
index e0b24cb21c7..4f80d4f5041 100755
--- a/packages/kolibri-tools/lib/lint.js
+++ b/packages/kolibri-tools/lib/lint.js
@@ -1,16 +1,12 @@
+const { readFile } = require('node:fs/promises');
+
 const fs = require('node:fs');
 const path = require('node:path');
 const prettier = require('prettier');
-const compiler = require('vue-template-compiler');
-const ESLintCLIEngine = require('eslint').CLIEngine;
-const HTMLHint = require('htmlhint').HTMLHint;
-const esLintFormatter = require('eslint/lib/cli-engine/formatters/stylish');
+const { ESLint } = require('eslint');
 const stylelint = require('stylelint');
 const chalk = require('chalk');
 const stylelintFormatter = require('stylelint').formatters.string;
-const { insertContent } = require('./vueTools');
-
-require('./htmlhint_custom');
 
 // check for host project's linting configs, otherwise use defaults
 const hostProjectDir = process.cwd();
@@ -29,13 +25,6 @@ try {
   stylelintConfig = require('../.stylelintrc.js');
 }
 
-let htmlHintConfig;
-try {
-  htmlHintConfig = require(`${hostProjectDir}/.htmlhintrc.js`);
-} catch (e) {
-  htmlHintConfig = require('../.htmlhintrc.js');
-}
-
 let prettierConfig;
 try {
   prettierConfig = require(`${hostProjectDir}/.prettierrc.js`);
@@ -47,255 +36,130 @@ const logger = require('./logging');
 
 const logging = logger.getLogger('Kolibri Linter');
 
-const esLinter = new ESLintCLIEngine({
+const esLinter = new ESLint({
   baseConfig: esLintConfig,
   fix: true,
 });
 
+let esLintFormatter;
+
 // Initialize a stylelint linter for each style file type that we support
 // Create them here so that we can reuse, rather than creating many many objects.
-const styleLangs = ['scss', 'css', 'less'];
-const styleLinters = {};
-styleLangs.forEach(lang => {
-  styleLinters[lang] = stylelint.createLinter({
-    config: stylelintConfig,
-    fix: true,
-    configBasedir: path.resolve(__dirname, '..'),
-  });
-});
+const styleLangs = ['scss', 'css', 'less', 'vue', 'html'];
 
 const errorOrChange = 1;
 const noChange = 0;
 
-function lint({ file, write, encoding = 'utf-8', silent = false } = {}) {
-  return new Promise((resolve, reject) => {
-    fs.readFile(file, { encoding }, (err, buffer) => {
-      if (err) {
-        reject({ error: err.message, code: errorOrChange });
-        return;
-      }
-      const source = buffer.toString();
-      let formatted = source;
-      let messages = [];
-      // Array of promises that we need to let resolve before finishing up.
-      const promises = [];
-      // Array of callbacks to call to apply changes to style blocks.
-      // Store for application after linting has completed to prevent race conditions.
-      const styleCodeUpdates = [];
-      let notSoPretty = false;
-      let lineOffset;
-      function eslint(code) {
-        const esLintOutput = esLinter.executeOnText(code, file);
-        const result = esLintOutput.results[0];
-        if (result && result.messages.length) {
-          result.filePath = file;
-          messages.push(esLintFormatter([result]));
-        }
-        return (result && result.output) || code;
-      }
-      function prettierFormat(code, parser, vue = false) {
-        const options = Object.assign(
-          {
-            filepath: file,
-          },
-          prettierConfig,
-          {
-            parser,
-          }
-        );
-        if (vue) {
-          // Prettier strips the 2 space indentation that we enforce within script tags for vue
-          // components. So here we account for those 2 spaces that will be added.
-          options.printWidth -= 2;
-        }
-        let linted = code;
-        try {
-          linted = prettier.format(code, options);
-        } catch (e) {
-          messages.push(
-            `${chalk.underline(file)}\n${chalk.red('Parsing error during prettier formatting:')}\n${
-              e.message
-            }`
-          );
-        }
-        return linted;
-      }
-      function lintStyle(code, style, callback, { lineOffset = 0, vue = false } = {}) {
-        // Stylelint's `lint` method requires an absolute path for the codeFilename arg
-        const codeFilename = !path.isAbsolute(file) ? path.join(process.cwd(), file) : file;
-        promises.push(
-          stylelint
-            .lint({
-              code,
-              codeFilename,
-              config: stylelintConfig,
-              fix: true,
-              configBasedir: path.resolve(__dirname, '..'),
-            })
-            .then(output => {
-              let stylinted;
-              if (output.results && output.results.length) {
-                messages.push(
-                  stylelintFormatter(
-                    output.results.map(result => {
-                      result.warnings = result.warnings.map(message => {
-                        message.line += lineOffset;
-                        // Column offset for Vue template files is always 2 as we indent.
-                        message.column += vue ? 2 : 0;
-                        return message;
-                      });
-                      return result;
-                    })
-                  )
-                );
-                // There should only be one result, because we have only
-                // passed it a single file, this seems to be the only way
-                // to check if the `output` property of the output object has been set
-                // to valid style code, as opposed to a serialized copy of the formatted
-                // errors.
-                // We are doing a parallel of the check being done here:
-                // https://github.com/stylelint/stylelint/blob/master/lib/standalone.js#L159
-                if (
-                  output.results[0]._postcssResult &&
-                  !output.results[0]._postcssResult.stylelint.ignored
-                ) {
-                  stylinted = output.output;
-                }
-              }
-              const linted = prettierFormat(stylinted || code, style, vue);
-
-              if (linted.trim() !== (stylinted || code).trim()) {
-                notSoPretty = true;
-              }
-
-              styleCodeUpdates.push(() => callback(linted));
-            })
-            .catch(err => {
-              messages.push(err.toString());
-            })
-        );
-      }
-      try {
-        let extension = path.extname(file);
-        if (extension.startsWith('.')) {
-          extension = extension.slice(1);
-        }
-        // Raw JS
-        if (extension === 'js') {
-          formatted = prettierFormat(source, 'babel');
-          if (formatted !== source) {
-            notSoPretty = true;
-          }
-          formatted = eslint(formatted);
-          // Recognized style file
-        } else if (styleLangs.some(lang => lang === extension)) {
-          lintStyle(source, extension, updatedCode => {
-            formatted = updatedCode;
-          });
-        } else if (extension === 'vue') {
-          let block;
-          // First lint the whole vue component with eslint
-          formatted = eslint(source);
-
-          let vueComponent = compiler.parseComponent(formatted);
-
-          // Format template block
-          if (vueComponent.template && vueComponent.template.content) {
-            formatted = insertContent(
-              formatted,
-              vueComponent.template,
-              vueComponent.template.content
-            );
-            vueComponent = compiler.parseComponent(formatted);
-          }
-
-          // Now run htmlhint on the whole vue component
-          const htmlMessages = HTMLHint.verify(formatted, htmlHintConfig);
-          if (htmlMessages.length) {
-            messages.push(...HTMLHint.format(htmlMessages, { colors: true }));
-          }
-
-          // Format script block
-          if (vueComponent.script) {
-            block = vueComponent.script;
+async function eslint(code, file, messages) {
+  const esLintOutput = await esLinter.lintText(code, { filePath: file });
+  const result = esLintOutput[0];
+  if (result && result.messages.length) {
+    if (!esLintFormatter) {
+      esLintFormatter = await esLinter.loadFormatter('stylish');
+    }
+    messages.push(esLintFormatter.format([result]));
+  }
+  return (result && result.output) || code;
+}
 
-            const js = block.content;
-            const formattedJs = prettierFormat(js, 'babel', true);
-            formatted = insertContent(formatted, block, formattedJs);
-            if (formattedJs.trim() !== js.trim()) {
-              notSoPretty = true;
-            }
-          }
+async function prettierFormat(code, file, messages) {
+  const options = Object.assign(
+    {
+      filepath: file,
+    },
+    prettierConfig,
+  );
+  try {
+    return prettier.format(code, options);
+  } catch (e) {
+    messages.push(
+      `${chalk.underline(file)}\n${chalk.red('Parsing error during prettier formatting:')}\n${
+        e.message
+      }`,
+    );
+  }
+  return code;
+}
 
-          // Format style blocks
-          for (let i = 0; i < vueComponent.styles.length; i++) {
-            // Reparse to get updated line numbers
-            block = compiler.parseComponent(formatted).styles[i];
+async function lintStyle(code, file, messages) {
+  // Stylelint's `lint` method requires an absolute path for the codeFilename arg
+  const codeFilename = !path.isAbsolute(file) ? path.join(hostProjectDir, file) : file;
+  const output = await stylelint.lint({
+    code,
+    codeFilename,
+    config: stylelintConfig,
+    fix: true,
+    configBasedir: hostProjectDir,
+    quietDeprecationWarnings: true,
+  });
+  let stylinted = code;
+  if (output.results && output.results.length) {
+    messages.push(stylelintFormatter(output.results));
+    // There should only be one result, because we have only
+    // passed it a single file, this seems to be the only way
+    // to check if the `output` property of the output object has been set
+    // to valid style code, as opposed to a serialized copy of the formatted
+    // errors.
+    // We are doing a parallel of the check being done here:
+    // https://github.com/stylelint/stylelint/blob/master/lib/standalone.js#L159
+    if (output.results[0]._postcssResult && !output.results[0]._postcssResult.stylelint.ignored) {
+      stylinted = output.output;
+    }
+  }
+  return stylinted;
+}
 
-            // Is a scss style block
-            if (block && styleLangs.some(lang => lang === block.lang)) {
-              // Is not an empty single line style block
-              if (block.content.trim().length > 0) {
-                const start = block.start;
-                lineOffset = formatted.slice(0, start).match(/\n/g || []).length;
-                const index = i;
-                const callback = updatedCode => {
-                  const block = compiler.parseComponent(formatted).styles[index];
-                  formatted = insertContent(formatted, block, updatedCode);
-                };
-                lintStyle(block.content, block.lang, callback, { lineOffset, vue: true });
-              }
-            }
-          }
-        }
-        if (notSoPretty) {
-          messages.push(chalk.yellow(`${file} did not conform to prettier standards`));
-        }
-      } catch (e) {
-        // Something went wrong, return the source to be safe.
-        reject({ error: e.message, code: errorOrChange });
-        return;
-      }
-      Promise.all(promises)
-        .then(() => {
-          // Get rid of any empty messages
-          messages = messages.filter(msg => msg.trim());
-          // Wait until any asynchronous tasks have finished
-          styleCodeUpdates.forEach(update => update());
-          if ((!formatted || formatted === source) && !messages.length) {
-            // Nothing to lint, return the source to be safe.
-            resolve({ code: noChange });
-            return;
-          }
-          const code = errorOrChange;
-          if (messages.length && !silent) {
-            logging.log('');
-            logging.info(`Linting errors for ${file}`);
-            messages.forEach(msg => {
-              logging.log(msg);
-            });
-          }
-          // Only write if the formatted file is different to the source file.
-          if (write && formatted !== source) {
-            try {
-              fs.writeFileSync(file, formatted, { encoding });
-              if (!silent) {
-                logging.info(`Rewriting a prettier version of ${file}`);
-              }
-            } catch (error) {
-              reject({ error: error.message, code: errorOrChange });
-              return;
-            }
-          }
-          resolve({ code });
-        })
-        .catch(err => {
-          // Something went wrong, return the source to be safe.
-          reject({ error: err, code: errorOrChange });
-          return;
-        });
+async function lint({ file, write, encoding = 'utf-8', silent = false } = {}) {
+  const source = await readFile(file, { encoding });
+  let formatted = source;
+  let messages = [];
+
+  let extension = path.extname(file);
+  if (extension.startsWith('.')) {
+    extension = extension.slice(1);
+  }
+
+  // Run prettier on everything first.
+  formatted = await prettierFormat(formatted, file, messages);
+
+  // Run eslint on JS files and vue files.
+  if (extension === 'js' || extension === 'vue') {
+    formatted = await eslint(formatted, file, messages);
+  }
+
+  // Run stylelint on any file that can contain styles
+  if (styleLangs.some(lang => lang === extension)) {
+    formatted = await lintStyle(formatted, file, messages);
+  }
+
+  if (formatted !== source) {
+    messages.push(chalk.yellow(`${file} did not conform to formatting standards`));
+  }
+
+  // Get rid of any empty messages
+  messages = messages.filter(msg => msg.trim());
+  if (!messages.length) {
+    // Nothing to lint, return noChange.
+    return noChange;
+  }
+  if (messages.length && !silent) {
+    logging.info(`Linting errors for ${file}`);
+    messages.forEach(msg => {
+      logging.log(msg);
     });
-  });
+  }
+  // Only write if the formatted file is different to the source file.
+  if (write && formatted !== source) {
+    try {
+      fs.writeFileSync(file, formatted, { encoding });
+      if (!silent) {
+        logging.info(`Rewriting a reformatted version of ${file}`);
+      }
+    } catch (error) {
+      logging.error(error);
+    }
+  }
+  return errorOrChange;
 }
 
 module.exports = {
diff --git a/packages/kolibri-tools/package.json b/packages/kolibri-tools/package.json
index 878a576c812..052a7ba2e77 100644
--- a/packages/kolibri-tools/package.json
+++ b/packages/kolibri-tools/package.json
@@ -18,6 +18,7 @@
     "@babel/plugin-syntax-import-assertions": "^7.24.7",
     "@babel/plugin-transform-runtime": "^7.24.7",
     "@babel/preset-env": "^7.24.7",
+    "@rushstack/eslint-patch": "^1.10.2",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/user-event": "^14.5.2",
     "@testing-library/vue": "^5",
@@ -40,14 +41,13 @@
     "csv-writer": "^1.3.0",
     "del": "^6.1.1",
     "escodegen": "^2.1.0",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-config-vue": "^2.0.2",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jest": "^23.3.0",
+    "eslint-plugin-jest": "^28.6.0",
     "eslint-plugin-jest-dom": "^5.4.0",
     "eslint-plugin-kolibri": "0.16.1-dev.1",
-    "eslint-plugin-vue": "^7.3.0",
+    "eslint-plugin-vue": "^9.26.0",
     "espree": "10.1.0",
     "esquery": "^1.5.0",
     "express": "^4.19.2",
@@ -61,11 +61,12 @@
     "lodash": "^4.17.21",
     "mini-css-extract-plugin": "^2.9.0",
     "node-sass": "9.0.0",
+    "postcss-html": "^1.5.0",
     "postcss-less": "^6.0.0",
     "postcss-loader": "^8.1.1",
     "postcss-sass": "^0.5.0",
     "postcss-scss": "^4.0.9",
-    "prettier": "^1.18.2",
+    "prettier": "^3.3.2",
     "process": "^0.11.10",
     "query-ast": "^1.0.5",
     "readline-sync": "^1.4.9",
@@ -77,12 +78,13 @@
     "semver": "^7.6.2",
     "strip-ansi": "6.0.1",
     "style-loader": "^4.0.0",
-    "stylelint": "14.16.1",
+    "stylelint": "^15.11.0",
+    "stylelint-config-html": "^1.1.0",
     "stylelint-config-prettier": "9.0.5",
     "stylelint-config-recess-order": "4.6.0",
-    "stylelint-config-recommended-scss": "9.0.1",
-    "stylelint-config-sass-guidelines": "10.0.0",
-    "stylelint-config-standard": "24.0.0",
+    "stylelint-config-recommended-scss": "14.0.0",
+    "stylelint-config-sass-guidelines": "11.1.0",
+    "stylelint-config-standard": "34.0.0",
     "stylelint-csstree-validator": "3.0.0",
     "stylelint-scss": "5.3.2",
     "temp": "^0.8.3",
diff --git a/packages/kolibri-tools/test/test_htmlhint_custom.spec.js b/packages/kolibri-tools/test/test_htmlhint_custom.spec.js
deleted file mode 100644
index e6fc72d0b45..00000000000
--- a/packages/kolibri-tools/test/test_htmlhint_custom.spec.js
+++ /dev/null
@@ -1,130 +0,0 @@
-const path = require('path');
-const fs = require('fs');
-const HTMLHint = require('htmlhint').HTMLHint;
-
-// add base rules
-function getConfig() {
-  const configPath = path.join(__dirname, '..', '.htmlhintrc.js');
-  if (fs.existsSync(configPath)) {
-    const config = require(configPath);
-    return config;
-  }
-}
-const ruleset = getConfig();
-
-// add custom rules
-require('../lib/htmlhint_custom');
-
-//rule is currently disabled
-/*
-describe('--attr-value-single-quotes', function() {
-  describe('input is valid', function() {
-    it('should have no errors', function (done) {
-      const input = '<html class='test'></html>';
-      const output = HTMLHint.verify(input, ruleset);
-      expect(output).toHaveLength(0);
-      done();
-    });
-  });
-  describe('input is invalid', function() {
-    it('should have one error with rule id: --attr-value-single-quotes', function (done) {
-      const input = '<html class='test'></html>';
-      const output = HTMLHint.verify(input, ruleset);
-      expect(output).toHaveLength(1 &&
-      expectRuleName(output, '--attr-value-single-quotes');
-      done();
-    });
-  });
-});
-*/
-
-function expectRuleName(output, ruleName) {
-  expect(output[0].rule.id).toEqual(ruleName);
-}
-
-describe('--vue-component-conventions', function() {
-  describe('input is valid', function() {
-    it('should have no errors', function() {
-      const input =
-        '<template>\n\n  html\n\n</template>\n\n\n<script>\n\n  scripts\n\n</script>\n\n\n<style lang="stylus" scoped>\n\n  styles\n\n</style>';
-      const output = HTMLHint.verify(input, ruleset);
-      expect(output).toHaveLength(0);
-    });
-  });
-  // single quotes in lang attr
-  describe('input is invalid', function() {
-    it('should have one error', function() {
-      const input =
-        "<template>\n\n  html\n\n</template>\n\n\n<script>\n\n  scripts\n\n</script>\n\n\n<style lang='stylus' scoped>\n\n  styles\n\n</style>";
-      const output = HTMLHint.verify(input, ruleset);
-      expect(output).toHaveLength(1);
-    });
-  });
-  // first block isn't on the first line
-  describe('input is invalid', function() {
-    it('should have one error with rule id: --vue-component-conventions', function() {
-      const input =
-        '\n<template>\n\n  html\n\n</template>\n\n\n<script>\n\n  scripts\n\n</script>\n\n\n<style lang="stylus" scoped>\n\n  styles\n\n</style>';
-      const output = HTMLHint.verify(input, ruleset);
-      expect(output).toHaveLength(1);
-      expectRuleName(output, '--vue-component-conventions');
-    });
-  });
-  // missing space between template and script block
-  describe('input is invalid', function() {
-    it('should have one error with rule id: --vue-component-conventions', function() {
-      const input =
-        '<template>\n\n  html\n\n</template>\n\n<script>\n\n  scripts\n\n</script>\n\n\n<style lang="stylus" scoped>\n\n  styles\n\n</style>';
-      const output = HTMLHint.verify(input, ruleset);
-      expect(output).toHaveLength(1);
-      expectRuleName(output, '--vue-component-conventions');
-    });
-  });
-  // extra space between script and style block
-  describe('input is invalid', function() {
-    it('should have one error with rule id: --vue-component-conventions', function() {
-      const input =
-        '<template>\n\n  html\n\n</template>\n\n\n<script>\n\n  scripts\n\n</script>\n\n\n\n<style lang="stylus" scoped>\n\n  styles\n\n</style>';
-      const output = HTMLHint.verify(input, ruleset);
-      expect(output).toHaveLength(1);
-      expectRuleName(output, '--vue-component-conventions');
-    });
-  });
-  // script block with whitespace characters only
-  describe('input is invalid', function() {
-    it('should have one error with rule id: --vue-component-conventions', function() {
-      const input =
-        '<template>\n\n  html\n\n</template>\n\n\n<script>\n\n\n\n</script>\n\n\n<style lang="stylus" scoped>\n\n  styles\n\n</style>';
-      const output = HTMLHint.verify(input, ruleset);
-      expect(output).toHaveLength(1);
-      expectRuleName(output, '--vue-component-conventions');
-    });
-  });
-  // script block with whitespace characters only
-  describe('input is invalid', function() {
-    it('should have one error with rule id: --vue-component-conventions', function() {
-      const input =
-        '<template>\n\n  html\n\n</template>\n\n\n<script>  </script>\n\n\n<style lang="stylus" scoped>\n\n  styles\n\n</style>';
-      const output = HTMLHint.verify(input, ruleset);
-      expect(output).toHaveLength(1);
-      expectRuleName(output, '--vue-component-conventions');
-    });
-  });
-  describe('input is valid', function() {
-    it('should have one error with rule id: --vue-component-conventions', function() {
-      const input =
-        '<template>\n\n  html\n\n</template>\n\n\n<script></script>\n\n\n<style lang="stylus" scoped>\n\n  styles\n\n</style>';
-      const output = HTMLHint.verify(input, ruleset);
-      expect(output).toHaveLength(0);
-    });
-  });
-  describe('defer unpaired tags', function() {
-    it('should not check for, or fail on, unpaired tags', function() {
-      const input =
-        '<template>\n\n  </div>\n\n</template>\n\n\n<script>\n\n  scripts\n\n</script>\n\n\n<style lang="stylus" scoped>\n\n  styles\n\n</style>';
-      const output = HTMLHint.verify(input, ruleset);
-      expect(output).toHaveLength(1);
-      expectRuleName(output, 'tag-pair');
-    });
-  });
-});
diff --git a/yarn.lock b/yarn.lock
index 21fb81d7d71..33d1d369999 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1104,16 +1104,43 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@csstools/selector-specificity@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.0.2.tgz#1bfafe4b7ed0f3e4105837e056e0a89b108ebe36"
-  integrity sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==
+"@csstools/css-parser-algorithms@^2.3.1":
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.6.1.tgz#c45440d1efa2954006748a01697072dae5881bcd"
+  integrity sha512-ubEkAaTfVZa+WwGhs5jbo5Xfqpeaybr/RvWzvFxRs4jfq16wH8l8Ty/QEEpINxll4xhuGfdMbipRyz5QZh9+FA==
+
+"@csstools/css-tokenizer@^2.2.0":
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-2.2.4.tgz#a4b8718ed7fcd2dcd555de16b31ca59ad4b96a06"
+  integrity sha512-PuWRAewQLbDhGeTvFuq2oClaSCKPIBmHyIobCV39JHRYN0byDcUWJl5baPeNUcqrjtdMNqFooE0FGl31I3JOqw==
+
+"@csstools/media-query-list-parser@^2.1.4":
+  version "2.1.9"
+  resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.9.tgz#feb4b7268f998956eb3ded69507869e73d005dda"
+  integrity sha512-qqGuFfbn4rUmyOB0u8CVISIp5FfJ5GAR3mBrZ9/TKndHakdnm6pY0L/fbLcpPnrzwCyyTEZl1nUcXAYHEWneTA==
+
+"@csstools/selector-specificity@^3.0.0":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-3.0.3.tgz#208a3929ee614967a1fc8cd6cb758d9fcbf0caae"
+  integrity sha512-KEPNw4+WW5AVEIyzC80rTbWEUatTW2lXpN8+8ILC8PiPeWPjwUzrPZDIOZ2wwqDmeqOYTdSGyL3+vE5GC3FB3Q==
 
 "@discoveryjs/json-ext@^0.5.0":
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.2.tgz#8f03a22a04de437254e8ce8cc84ba39689288752"
   integrity sha512-HyYEUDeIj5rRQU2Hk5HTB2uHsbRQpF70nvMhVzi+VJR0X+xNEhjPui4/kBf3VeH/wqD28PT4sVOm8qqLjBrSZg==
 
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
+  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
+  dependencies:
+    eslint-visitor-keys "^3.3.0"
+
+"@eslint-community/regexpp@^4.6.1":
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
+  integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==
+
 "@eslint/eslintrc@^0.4.3":
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c"
@@ -1129,6 +1156,41 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
+"@eslint/eslintrc@^1.3.1":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.1.tgz#de0807bfeffc37b964a7d0400e0c348ce5a2543d"
+  integrity sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.4.0"
+    globals "^13.15.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@eslint/eslintrc@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz#388a269f0f25c1b6adc317b5a2c55714894c70ad"
+  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.6.0"
+    globals "^13.19.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@eslint/js@8.57.0":
+  version "8.57.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.0.tgz#a5417ae8427873f1dd08b70b3574b453e67b5f7f"
+  integrity sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==
+
 "@gar/promisify@^1.0.1":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.2.tgz#30aa825f11d438671d585bd44e7fd564535fc210"
@@ -1139,6 +1201,24 @@
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
   integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
 
+"@humanwhocodes/config-array@^0.10.4":
+  version "0.10.4"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.10.4.tgz#01e7366e57d2ad104feea63e72248f22015c520c"
+  integrity sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==
+  dependencies:
+    "@humanwhocodes/object-schema" "^1.2.1"
+    debug "^4.1.1"
+    minimatch "^3.0.4"
+
+"@humanwhocodes/config-array@^0.11.14":
+  version "0.11.14"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.14.tgz#d78e481a039f7566ecc9660b4ea7fe6b1fec442b"
+  integrity sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==
+  dependencies:
+    "@humanwhocodes/object-schema" "^2.0.2"
+    debug "^4.3.1"
+    minimatch "^3.0.5"
+
 "@humanwhocodes/config-array@^0.5.0":
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.5.0.tgz#1407967d4c6eecd7388f83acf1eaf4d0c6e58ef9"
@@ -1148,11 +1228,26 @@
     debug "^4.1.1"
     minimatch "^3.0.4"
 
-"@humanwhocodes/object-schema@^1.2.0":
+"@humanwhocodes/gitignore-to-minimatch@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/gitignore-to-minimatch/-/gitignore-to-minimatch-1.0.2.tgz#316b0a63b91c10e53f242efb4ace5c3b34e8728d"
+  integrity sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
+"@humanwhocodes/object-schema@^1.2.0", "@humanwhocodes/object-schema@^1.2.1":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
+"@humanwhocodes/object-schema@^2.0.2":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
+  integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
+
 "@isaacs/cliui@^8.0.2":
   version "8.0.2"
   resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
@@ -1868,11 +1963,24 @@
     "@nodelib/fs.stat" "2.0.3"
     run-parallel "^1.1.9"
 
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
 "@nodelib/fs.stat@2.0.3", "@nodelib/fs.stat@^2.0.2":
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.3.tgz#34dc5f4cabbc720f4e60f75a747e7ecd6c175bd3"
   integrity sha512-bQBFruR2TAwoevBEd/NWMoAAtNGzTRgdrqnYCc7dhzfoNvqPzLyqlEQnzZ3kVnNrSp25iyxE00/3h2fqGAGArA==
 
+"@nodelib/fs.stat@2.0.5":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
 "@nodelib/fs.walk@^1.2.3":
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.4.tgz#011b9202a70a6366e436ca5c065844528ab04976"
@@ -1881,6 +1989,14 @@
     "@nodelib/fs.scandir" "2.1.3"
     fastq "^1.6.0"
 
+"@nodelib/fs.walk@^1.2.8":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
 "@npmcli/fs@^1.0.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@npmcli/fs/-/fs-1.1.0.tgz#bec1d1b89c170d40e1b73ad6c943b0b75e7d2951"
@@ -1928,6 +2044,11 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
   integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
 
+"@rushstack/eslint-patch@^1.10.2":
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.10.2.tgz#053f1540703faa81dea2966b768ee5581c66aeda"
+  integrity sha512-hw437iINopmQuxWPSUEvqE56NCPsiU8N4AYtfHmJFckclktzK9YQJieD3XkDCDH4OjL+C7zgPUh73R/nrcHrqw==
+
 "@shopify/draggable@^1.0.0-beta.8":
   version "1.0.0-beta.8"
   resolved "https://registry.yarnpkg.com/@shopify/draggable/-/draggable-1.0.0-beta.8.tgz#2eb3c2f72298ce3e53fe16f34ab124cc495cd4fc"
@@ -2202,10 +2323,10 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.7.tgz#98a993516c859eb0d5c4c8f098317a9ea68db9ad"
   integrity sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA==
 
-"@types/json-schema@^7.0.3":
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.4.tgz#38fd73ddfd9b55abb1e1b2ed578cb55bd7b7d339"
-  integrity sha512-8+KAKzEvSUdeo+kmqnKrqgeE+LcA0tjYWFY7RPProVYwnqDjukzO+3b6dLD56rYX5TdWejnEOLJYOIeh4CXKuA==
+"@types/json-schema@^7.0.15":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
 "@types/json-schema@^7.0.8":
   version "7.0.11"
@@ -2251,6 +2372,11 @@
   resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.2.tgz#ee771e2ba4b3dc5b372935d549fd9617bf345b8c"
   integrity sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==
 
+"@types/minimist@^1.2.2":
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.5.tgz#ec10755e871497bcd83efe927e43ec46e8c0747e"
+  integrity sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==
+
 "@types/node-forge@^1.3.0":
   version "1.3.11"
   resolved "https://registry.yarnpkg.com/@types/node-forge/-/node-forge-1.3.11.tgz#0972ea538ddb0f4d9c2fa0ec5db5724773a604da"
@@ -2268,11 +2394,6 @@
   resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301"
   integrity sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==
 
-"@types/parse-json@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
-  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
-
 "@types/qs@*":
   version "6.9.7"
   resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb"
@@ -2288,6 +2409,11 @@
   resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.2.tgz#ed279a64fa438bb69f2480eda44937912bb7480a"
   integrity sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==
 
+"@types/semver@^7.5.8":
+  version "7.5.8"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.8.tgz#8268a8c57a3e4abd25c165ecd36237db7948a55e"
+  integrity sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==
+
 "@types/send@*":
   version "0.17.4"
   resolved "https://registry.yarnpkg.com/@types/send/-/send-0.17.4.tgz#6619cd24e7270793702e4e6a4b958a9010cfc57a"
@@ -2363,28 +2489,58 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/experimental-utils@^2.5.0":
-  version "2.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz#d3524b644cdb40eebceca67f8cf3e4cc9c8f980f"
-  integrity sha512-eS6FTkq+wuMJ+sgtuNTtcqavWXqsflWcfBnlYhg/nS4aZ1leewkXGbvBhaapn1q6qf4M71bsR1tez5JTRMuqwA==
+"@typescript-eslint/scope-manager@7.8.0":
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.8.0.tgz#bb19096d11ec6b87fb6640d921df19b813e02047"
+  integrity sha512-viEmZ1LmwsGcnr85gIq+FCYI7nO90DVbE37/ll51hjv9aG+YZMb4WDE2fyWpUR4O/UrhGRpYXK/XajcGTk2B8g==
+  dependencies:
+    "@typescript-eslint/types" "7.8.0"
+    "@typescript-eslint/visitor-keys" "7.8.0"
+
+"@typescript-eslint/types@7.8.0":
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.8.0.tgz#1fd2577b3ad883b769546e2d1ef379f929a7091d"
+  integrity sha512-wf0peJ+ZGlcH+2ZS23aJbOv+ztjeeP8uQ9GgwMJGVLx/Nj9CJt17GWgWWoSmoRVKAX2X+7fzEnAjxdvK2gqCLw==
+
+"@typescript-eslint/typescript-estree@7.8.0":
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.8.0.tgz#b028a9226860b66e623c1ee55cc2464b95d2987c"
+  integrity sha512-5pfUCOwK5yjPaJQNy44prjCwtr981dO8Qo9J9PwYXZ0MosgAbfEMB008dJ5sNo3+/BN6ytBPuSvXUg9SAqB0dg==
   dependencies:
-    "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/typescript-estree" "2.34.0"
-    eslint-scope "^5.0.0"
-    eslint-utils "^2.0.0"
+    "@typescript-eslint/types" "7.8.0"
+    "@typescript-eslint/visitor-keys" "7.8.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    minimatch "^9.0.4"
+    semver "^7.6.0"
+    ts-api-utils "^1.3.0"
+
+"@typescript-eslint/utils@^6.0.0 || ^7.0.0":
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-7.8.0.tgz#57a79f9c0c0740ead2f622e444cfaeeb9fd047cd"
+  integrity sha512-L0yFqOCflVqXxiZyXrDr80lnahQfSOfc9ELAAZ75sqicqp2i36kEZZGuUymHNFoYOqxRT05up760b4iGsl02nQ==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@types/json-schema" "^7.0.15"
+    "@types/semver" "^7.5.8"
+    "@typescript-eslint/scope-manager" "7.8.0"
+    "@typescript-eslint/types" "7.8.0"
+    "@typescript-eslint/typescript-estree" "7.8.0"
+    semver "^7.6.0"
 
-"@typescript-eslint/typescript-estree@2.34.0":
-  version "2.34.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-2.34.0.tgz#14aeb6353b39ef0732cc7f1b8285294937cf37d5"
-  integrity sha512-OMAr+nJWKdlVM9LOqCqh3pQQPwxHAN7Du8DR6dmwCrAmxtiXQnhHJ6tBNtf+cggqfo51SG/FCwnKhXCIM7hnVg==
+"@typescript-eslint/visitor-keys@7.8.0":
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.8.0.tgz#7285aab991da8bee411a42edbd5db760d22fdd91"
+  integrity sha512-q4/gibTNBQNA0lGyYQCmWRS5D15n8rXh4QjK3KV+MBPlTYHpfBUT3D3PaPR/HeNiI9W6R7FvlkcGhNyAoP+caA==
   dependencies:
-    debug "^4.1.1"
-    eslint-visitor-keys "^1.1.0"
-    glob "^7.1.6"
-    is-glob "^4.0.1"
-    lodash "^4.17.15"
-    semver "^7.3.2"
-    tsutils "^3.17.1"
+    "@typescript-eslint/types" "7.8.0"
+    eslint-visitor-keys "^3.4.3"
+
+"@ungap/structured-clone@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
+  integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
 
 "@use-gesture/core@10.3.0":
   version "10.3.0"
@@ -2664,7 +2820,7 @@ acorn-import-attributes@^1.9.5:
   resolved "https://registry.yarnpkg.com/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz#7eb1557b1ba05ef18b5ed0ec67591bfab04688ef"
   integrity sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==
 
-acorn-jsx@^5.0.0, acorn-jsx@^5.2.0, acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
+acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
@@ -2674,21 +2830,31 @@ acorn-walk@^7.1.1:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-acorn@^6.0.7:
-  version "6.4.2"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
-  integrity sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==
-
 acorn@^7.1.1, acorn@^7.4.0:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.12.0, acorn@^8.7.1, acorn@^8.8.2:
+acorn@^8.12.0:
   version "8.12.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.0.tgz#1627bfa2e058148036133b8d9b51a700663c294c"
   integrity sha512-RTvkC4w+KNXrM39/lWCUaG0IbRkWdCv7W/IOW9oU6SawyxulvkQy5HQPVTKxEjczcUvapcrw3cFx/60VN/NRNw==
 
+acorn@^8.7.1, acorn@^8.8.0:
+  version "8.8.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8"
+  integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
+
+acorn@^8.8.2:
+  version "8.8.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
+  integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
+
+acorn@^8.9.0:
+  version "8.11.3"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.3.tgz#71e0b14e13a4ec160724b38fb7b0f233b1b81d7a"
+  integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
+
 aes-decrypter@3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/aes-decrypter/-/aes-decrypter-3.1.3.tgz#65ff5f2175324d80c41083b0e135d1464b12ac35"
@@ -2751,7 +2917,7 @@ ajv-keywords@^5.1.0:
   dependencies:
     fast-deep-equal "^3.1.3"
 
-ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.4, ajv@^6.12.5, ajv@^6.9.1:
+ajv@^6.10.0, ajv@^6.12.4, ajv@^6.12.5:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -2786,11 +2952,6 @@ ansi-colors@^4.1.1:
   resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b"
   integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
 
-ansi-escapes@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
-  integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
-
 ansi-escapes@^4.2.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.1.tgz#a5c47cc43181f1f38ffd7076837700d395522a61"
@@ -2808,16 +2969,6 @@ ansi-regex@^2.0.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
   integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
 
-ansi-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
-  integrity sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=
-
-ansi-regex@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
-  integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
-
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
@@ -2833,7 +2984,7 @@ ansi-styles@^2.2.1:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
   integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
 
-ansi-styles@^3.2.0, ansi-styles@^3.2.1:
+ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
   integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
@@ -3008,11 +3159,6 @@ ast-types@^0.16.1:
   dependencies:
     tslib "^2.0.1"
 
-astral-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
-  integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==
-
 astral-regex@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
@@ -3509,12 +3655,22 @@ camelcase-keys@^6.2.2:
     map-obj "^4.0.0"
     quick-lru "^4.0.1"
 
+camelcase-keys@^7.0.0:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-7.0.2.tgz#d048d8c69448745bb0de6fc4c1c52a30dfbe7252"
+  integrity sha512-Rjs1H+A9R+Ig+4E/9oyB66UC5Mj9Xq3N//vcLf2WzgdTi/3gUu3Z9KoqmlrEG4VuuLK8wJHofxzdQXz/knhiYg==
+  dependencies:
+    camelcase "^6.3.0"
+    map-obj "^4.1.0"
+    quick-lru "^5.1.1"
+    type-fest "^1.2.1"
+
 camelcase@^5.3.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-camelcase@^6.2.0:
+camelcase@^6.2.0, camelcase@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
@@ -3575,11 +3731,6 @@ char-regex@^1.0.2:
   resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
   integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
 
-chardet@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
-  integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
-
 check-node-version@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/check-node-version/-/check-node-version-4.2.1.tgz#42f7e3c6e2427327b5c9080dae593d8997fe9a06"
@@ -3646,20 +3797,6 @@ clean-stack@^2.0.0:
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
   integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
 
-cli-cursor@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5"
-  integrity sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=
-  dependencies:
-    restore-cursor "^2.0.0"
-
-cli-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
-  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
-  dependencies:
-    restore-cursor "^3.1.0"
-
 cli-table@^0.3.11:
   version "0.3.11"
   resolved "https://registry.yarnpkg.com/cli-table/-/cli-table-0.3.11.tgz#ac69cdecbe81dccdba4889b9a18b7da312a9d3ee"
@@ -3667,11 +3804,6 @@ cli-table@^0.3.11:
   dependencies:
     colors "1.0.3"
 
-cli-width@^2.0.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.1.tgz#b0433d0b4e9c847ef18868a4ef16fd5fc8271c48"
-  integrity sha512-GRMWDxpOB6Dgk2E5Uo+3eEBvtOOlimMmpbFiKuLFnQzYDavtLFY3K5ona41jgN/WdRZtG7utuVSVTL4HbZHGkw==
-
 clipboard@^2.0.11:
   version "2.0.11"
   resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-2.0.11.tgz#62180360b97dd668b6b3a84ec226975762a70be5"
@@ -3945,16 +4077,15 @@ core-util-is@~1.0.0:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
   integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
 
-cosmiconfig@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
-  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+cosmiconfig@^8.2.0:
+  version "8.3.6"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-8.3.6.tgz#060a2b871d66dba6c8538ea1118ba1ac16f5fae3"
+  integrity sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==
   dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.2.1"
-    parse-json "^5.0.0"
+    import-fresh "^3.3.0"
+    js-yaml "^4.1.0"
+    parse-json "^5.2.0"
     path-type "^4.0.0"
-    yaml "^1.10.0"
 
 cosmiconfig@^9.0.0:
   version "9.0.0"
@@ -3987,17 +4118,6 @@ create-react-class@^15.6.3:
     loose-envify "^1.3.1"
     object-assign "^4.1.1"
 
-cross-spawn@^6.0.5:
-  version "6.0.5"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
-  integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
-  dependencies:
-    nice-try "^1.0.4"
-    path-key "^2.0.1"
-    semver "^5.5.0"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
-
 cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
@@ -4017,10 +4137,10 @@ css-element-queries@1.2.0:
   resolved "https://registry.yarnpkg.com/css-element-queries/-/css-element-queries-1.2.0.tgz#081373d7f30302adad46b7c29b83b85f8ef8f62c"
   integrity sha512-4gaxpioSFueMcp9yj1TJFCLjfooGv38y6ZdwFUS3GuS+9NIVijdeiExXKwSIHoQDADfpgnaYSTzmJs+bV+Hehg==
 
-css-functions-list@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.1.0.tgz#cf5b09f835ad91a00e5959bcfc627cd498e1321b"
-  integrity sha512-/9lCvYZaUbBGvYUgYGFJ4dcYiyqdhSjG7IPVluoV8A1ILjkF7ilmhp1OGUz8n+nmBcu0RNrQAzgD8B6FJbrt2w==
+css-functions-list@^3.2.1:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.2.2.tgz#9a54c6dd8416ed25c1079cd88234e927526c1922"
+  integrity sha512-c+N0v6wbKVxTu5gOBBFkr9BEdBWaqqjQeiJ8QvSRIJOf+UxlJh930m8e6/WNeODIK0mYLFkoONrnj16i2EcvfQ==
 
 css-in-js-utils@^2.0.0:
   version "2.0.1"
@@ -4279,7 +4399,7 @@ debug@2.6.9, debug@^2.6.8:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.3, debug@^4.3.4:
+debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -4306,6 +4426,11 @@ decamelize@^1.1.0, decamelize@^1.2.0:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
 
+decamelize@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-5.0.1.tgz#db11a92e58c741ef339fb0a2868d8a06a9a7b1e9"
+  integrity sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==
+
 decimal.js@^10.3.1:
   version "10.4.0"
   resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.0.tgz#97a7448873b01e92e5ff9117d89a7bca8e63e0fe"
@@ -4350,11 +4475,6 @@ deep-is@^0.1.3:
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
-deep-is@~0.1.3:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
-  integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
-
 deep-object-diff@^1.1.9:
   version "1.1.9"
   resolved "https://registry.yarnpkg.com/deep-object-diff/-/deep-object-diff-1.1.9.tgz#6df7ef035ad6a0caa44479c536ed7b02570f4595"
@@ -4488,11 +4608,6 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
-dlv@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
-  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
-
 dns-packet@^5.2.2:
   version "5.4.0"
   resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.4.0.tgz#1f88477cf9f27e78a213fb6d118ae38e759a879b"
@@ -4671,11 +4786,6 @@ emittery@^0.13.1:
   resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.13.1.tgz#c04b8c3457490e0847ae51fced3af52d338e3dad"
   integrity sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==
 
-emoji-regex@^7.0.1:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
-  integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
-
 emoji-regex@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
@@ -4723,7 +4833,12 @@ entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.0.2.tgz#ac74db0bba8d33808bbf36809c3a5c3683531436"
   integrity sha512-dmD3AvJQBUjKpcNkoqr+x+IF0SdRtPz9Vk0uTy4yWqga9ibB6s4v++QFWNohjiUGoMlF552ZvNyXDxz5iW0qmw==
 
-entities@^4.2.0, entities@^4.3.0, entities@^4.4.0:
+entities@^4.2.0, entities@^4.3.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.4.0.tgz#97bdaba170339446495e653cfd2db78962900174"
+  integrity sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==
+
+entities@^4.4.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
   integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
@@ -4920,17 +5035,10 @@ escodegen@^2.0.0, escodegen@^2.1.0:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-prettier@^6.15.0:
-  version "6.15.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.15.0.tgz#7f93f6cb7d45a92f1537a70ecc06366e1ac6fed9"
-  integrity sha512-a1+kOYLR8wMGustcgAjdydMsQ2A/2ipRPwRKUmfYaSxc9ZPcrku080Ctl6zrZzZNs/U82MjSv+qKREkoq3bJaw==
-  dependencies:
-    get-stdin "^6.0.0"
-
-eslint-config-vue@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/eslint-config-vue/-/eslint-config-vue-2.0.2.tgz#a3ab1004899e49327a94c63e24d47a396b2f4848"
-  integrity sha1-o6sQBImeSTJ6lMY+JNR6OWsvSEg=
+eslint-config-prettier@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz#31af3d94578645966c082fcb71a5846d3c94867f"
+  integrity sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==
 
 eslint-import-resolver-node@^0.3.9:
   version "0.3.9"
@@ -4993,24 +5101,28 @@ eslint-plugin-jest-dom@^5.4.0:
     "@babel/runtime" "^7.16.3"
     requireindex "^1.2.0"
 
-eslint-plugin-jest@^23.3.0:
-  version "23.13.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-23.13.2.tgz#7b7993b4e09be708c696b02555083ddefd7e4cc7"
-  integrity sha512-qZit+moTXTyZFNDqSIR88/L3rdBlTU7CuW6XmyErD2FfHEkdoLgThkRbiQjzgYnX6rfgLx3Ci4eJmF4Ui5v1Cw==
+eslint-plugin-jest@^28.6.0:
+  version "28.6.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-28.6.0.tgz#8410588d60bcafa68a91b6ec272e4a415502302a"
+  integrity sha512-YG28E1/MIKwnz+e2H7VwYPzHUYU4aMa19w0yGcwXnnmJH6EfgHahTJ2un3IyraUxNfnz/KUhJAFXNNwWPo12tg==
   dependencies:
-    "@typescript-eslint/experimental-utils" "^2.5.0"
+    "@typescript-eslint/utils" "^6.0.0 || ^7.0.0"
 
-eslint-plugin-vue@^7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-7.3.0.tgz#0faf0fcf0e1b1052bf800d4dee42d64f50679cb0"
-  integrity sha512-4rc9xrZgwT4aLz3XE6lrHu+FZtDLWennYvtzVvvS81kW9c65U4DUzQQWAFjDCgCFvN6HYWxi7ueEtxZVSB+f0g==
+eslint-plugin-vue@^9.26.0:
+  version "9.26.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.26.0.tgz#bf7f5cce62c8f878059b91edae44d22974133af5"
+  integrity sha512-eTvlxXgd4ijE1cdur850G6KalZqk65k1JKoOI2d1kT3hr8sPD07j1q98FRFdNnpxBELGPWxZmInxeHGF/GxtqQ==
   dependencies:
-    eslint-utils "^2.1.0"
+    "@eslint-community/eslint-utils" "^4.4.0"
+    globals "^13.24.0"
     natural-compare "^1.4.0"
-    semver "^7.3.2"
-    vue-eslint-parser "^7.3.0"
+    nth-check "^2.1.1"
+    postcss-selector-parser "^6.0.15"
+    semver "^7.6.0"
+    vue-eslint-parser "^9.4.2"
+    xml-name-validator "^4.0.0"
 
-eslint-scope@5.1.1, eslint-scope@^5.0.0, eslint-scope@^5.1.1:
+eslint-scope@5.1.1, eslint-scope@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
   integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
@@ -5018,27 +5130,21 @@ eslint-scope@5.1.1, eslint-scope@^5.0.0, eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
-  integrity sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
-eslint-utils@^1.3.1, eslint-utils@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.3.tgz#74fec7c54d0776b6f67e0251040b5806564e981f"
-  integrity sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==
+eslint-scope@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
+  integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
   dependencies:
-    eslint-visitor-keys "^1.1.0"
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
 
-eslint-utils@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.0.0.tgz#7be1cc70f27a72a76cd14aa698bcabed6890e1cd"
-  integrity sha512-0HCPuJv+7Wv1bACm8y5/ECVfYdfsAm9xmVb7saeFlxjPYALefjhbYoCkBjPdPzGH8wWyTpAez82Fh3VKYEZ8OA==
+eslint-scope@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
   dependencies:
-    eslint-visitor-keys "^1.1.0"
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
 
 eslint-utils@^2.1.0:
   version "2.1.0"
@@ -5047,7 +5153,14 @@ eslint-utils@^2.1.0:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
+eslint-utils@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
+  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
+  dependencies:
+    eslint-visitor-keys "^2.0.0"
+
+eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
   integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
@@ -5057,96 +5170,21 @@ eslint-visitor-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
+eslint-visitor-keys@^3.3.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.0.tgz#c7f0f956124ce677047ddbc192a68f999454dedc"
+  integrity sha512-HPpKPUBQcAsZOsHAFwTtIKcYlCje62XB7SEAcxjtmW6TD1WVpkS6i6/hOVtTZIl4zGj/mBqpFVGvaDneik+VoQ==
+
+eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
 eslint-visitor-keys@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.0.0.tgz#e3adc021aa038a2a8e0b2f8b0ce8f66b9483b1fb"
   integrity sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==
 
-eslint@^5.16.0:
-  version "5.16.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-5.16.0.tgz#a1e3ac1aae4a3fbd8296fcf8f7ab7314cbb6abea"
-  integrity sha512-S3Rz11i7c8AA5JPv7xAH+dOyq/Cu/VXHiHXBPOU1k/JAM5dXqQPt3qcrhpHSorXmrpu2g0gkIBVXAqCpzfoZIg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    ajv "^6.9.1"
-    chalk "^2.1.0"
-    cross-spawn "^6.0.5"
-    debug "^4.0.1"
-    doctrine "^3.0.0"
-    eslint-scope "^4.0.3"
-    eslint-utils "^1.3.1"
-    eslint-visitor-keys "^1.0.0"
-    espree "^5.0.1"
-    esquery "^1.0.1"
-    esutils "^2.0.2"
-    file-entry-cache "^5.0.1"
-    functional-red-black-tree "^1.0.1"
-    glob "^7.1.2"
-    globals "^11.7.0"
-    ignore "^4.0.6"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    inquirer "^6.2.2"
-    js-yaml "^3.13.0"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.3.0"
-    lodash "^4.17.11"
-    minimatch "^3.0.4"
-    mkdirp "^0.5.1"
-    natural-compare "^1.4.0"
-    optionator "^0.8.2"
-    path-is-inside "^1.0.2"
-    progress "^2.0.0"
-    regexpp "^2.0.1"
-    semver "^5.5.1"
-    strip-ansi "^4.0.0"
-    strip-json-comments "^2.0.1"
-    table "^5.2.3"
-    text-table "^0.2.0"
-
-eslint@^6.8.0:
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-6.8.0.tgz#62262d6729739f9275723824302fb227c8c93ffb"
-  integrity sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    ajv "^6.10.0"
-    chalk "^2.1.0"
-    cross-spawn "^6.0.5"
-    debug "^4.0.1"
-    doctrine "^3.0.0"
-    eslint-scope "^5.0.0"
-    eslint-utils "^1.4.3"
-    eslint-visitor-keys "^1.1.0"
-    espree "^6.1.2"
-    esquery "^1.0.1"
-    esutils "^2.0.2"
-    file-entry-cache "^5.0.1"
-    functional-red-black-tree "^1.0.1"
-    glob-parent "^5.0.0"
-    globals "^12.1.0"
-    ignore "^4.0.6"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    inquirer "^7.0.0"
-    is-glob "^4.0.0"
-    js-yaml "^3.13.1"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.3.0"
-    lodash "^4.17.14"
-    minimatch "^3.0.4"
-    mkdirp "^0.5.1"
-    natural-compare "^1.4.0"
-    optionator "^0.8.3"
-    progress "^2.0.0"
-    regexpp "^2.0.1"
-    semver "^6.1.2"
-    strip-ansi "^5.2.0"
-    strip-json-comments "^3.0.1"
-    table "^5.2.3"
-    text-table "^0.2.0"
-    v8-compile-cache "^2.0.3"
-
 eslint@^7.32.0:
   version "7.32.0"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.32.0.tgz#c6d328a14be3fb08c8d1d21e12c02fdb7a2a812d"
@@ -5193,6 +5231,95 @@ eslint@^7.32.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
+eslint@^8.23.0:
+  version "8.23.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.23.0.tgz#a184918d288820179c6041bb3ddcc99ce6eea040"
+  integrity sha512-pBG/XOn0MsJcKcTRLr27S5HpzQo4kLr+HjLQIyK4EiCsijDl/TB+h5uEuJU6bQ8Edvwz1XWOjpaP2qgnXGpTcA==
+  dependencies:
+    "@eslint/eslintrc" "^1.3.1"
+    "@humanwhocodes/config-array" "^0.10.4"
+    "@humanwhocodes/gitignore-to-minimatch" "^1.0.2"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    ajv "^6.10.0"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.1.1"
+    eslint-utils "^3.0.0"
+    eslint-visitor-keys "^3.3.0"
+    espree "^9.4.0"
+    esquery "^1.4.0"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    functional-red-black-tree "^1.0.1"
+    glob-parent "^6.0.1"
+    globals "^13.15.0"
+    globby "^11.1.0"
+    grapheme-splitter "^1.0.4"
+    ignore "^5.2.0"
+    import-fresh "^3.0.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.1"
+    regexpp "^3.2.0"
+    strip-ansi "^6.0.1"
+    strip-json-comments "^3.1.0"
+    text-table "^0.2.0"
+
+eslint@^8.57.0:
+  version "8.57.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.0.tgz#c786a6fd0e0b68941aaf624596fb987089195668"
+  integrity sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.4"
+    "@eslint/js" "8.57.0"
+    "@humanwhocodes/config-array" "^0.11.14"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    "@ungap/structured-clone" "^1.2.0"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
 esm@^3.2.25:
   version "3.2.25"
   resolved "https://registry.yarnpkg.com/esm/-/esm-3.2.25.tgz#342c18c29d56157688ba5ce31f8431fbb795cc10"
@@ -5217,24 +5344,6 @@ espree@10.1.0:
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^4.0.0"
 
-espree@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-5.0.1.tgz#5d6526fa4fc7f0788a5cf75b15f30323e2f81f7a"
-  integrity sha512-qWAZcWh4XE/RwzLJejfcofscgMc9CamR6Tn1+XRXNzrvUSSbiAjGOI/fggztjIi7y9VLPqnICMIPiGyr8JaZ0A==
-  dependencies:
-    acorn "^6.0.7"
-    acorn-jsx "^5.0.0"
-    eslint-visitor-keys "^1.0.0"
-
-espree@^6.1.2, espree@^6.2.1:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
-  integrity sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==
-  dependencies:
-    acorn "^7.1.1"
-    acorn-jsx "^5.2.0"
-    eslint-visitor-keys "^1.1.0"
-
 espree@^7.3.0, espree@^7.3.1:
   version "7.3.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.1.tgz#f2df330b752c6f55019f8bd89b7660039c1bbbb6"
@@ -5244,25 +5353,43 @@ espree@^7.3.0, espree@^7.3.1:
     acorn-jsx "^5.3.1"
     eslint-visitor-keys "^1.3.0"
 
+espree@^9.3.1, espree@^9.4.0:
+  version "9.4.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.4.0.tgz#cd4bc3d6e9336c433265fc0aa016fc1aaf182f8a"
+  integrity sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==
+  dependencies:
+    acorn "^8.8.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.3.0"
+
+espree@^9.6.0, espree@^9.6.1:
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
+  dependencies:
+    acorn "^8.9.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.4.1"
+
 esprima@^4.0.0, esprima@^4.0.1, esprima@~4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.0.1, esquery@^1.4.0, esquery@^1.5.0:
+esquery@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.4.0.tgz#2148ffc38b82e8c7057dfed48425b3e61f0f24a5"
+  integrity sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==
+  dependencies:
+    estraverse "^5.1.0"
+
+esquery@^1.4.2, esquery@^1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
   integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
   dependencies:
     estraverse "^5.1.0"
 
-esrecurse@^4.1.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.1.tgz#007a3b9fdbc2b3bb87e4879ea19c92fdbd3942cf"
-  integrity sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==
-  dependencies:
-    estraverse "^4.1.0"
-
 esrecurse@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
@@ -5270,7 +5397,7 @@ esrecurse@^4.3.0:
   dependencies:
     estraverse "^5.2.0"
 
-estraverse@^4.1.0, estraverse@^4.1.1:
+estraverse@^4.1.1:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
@@ -5427,15 +5554,6 @@ extend-shallow@^2.0.1:
   dependencies:
     is-extendable "^0.1.0"
 
-external-editor@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
-  integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==
-  dependencies:
-    chardet "^0.7.0"
-    iconv-lite "^0.4.24"
-    tmp "^0.0.33"
-
 extract-from-css@^0.4.4:
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/extract-from-css/-/extract-from-css-0.4.4.tgz#1ea7df2e7c7c6eb9922fa08e8adaea486f6f8f92"
@@ -5448,7 +5566,18 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-glob@^3.2.12, fast-glob@^3.2.9, fast-glob@^3.3.2:
+fast-glob@^3.2.9:
+  version "3.2.11"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
+  integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
+fast-glob@^3.3.1, fast-glob@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
   integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
@@ -5464,7 +5593,7 @@ fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
+fast-levenshtein@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
@@ -5500,27 +5629,6 @@ fflate@^0.8.2:
   resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.8.2.tgz#fc8631f5347812ad6028bbe4a2308b2792aa1dea"
   integrity sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==
 
-figures@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
-  integrity sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=
-  dependencies:
-    escape-string-regexp "^1.0.5"
-
-figures@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
-  integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
-  dependencies:
-    escape-string-regexp "^1.0.5"
-
-file-entry-cache@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c"
-  integrity sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==
-  dependencies:
-    flat-cache "^2.0.1"
-
 file-entry-cache@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
@@ -5528,6 +5636,13 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
+file-entry-cache@^7.0.0:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-7.0.2.tgz#2d61bb70ba89b9548e3035b7c9173fe91deafff0"
+  integrity sha512-TfW7/1iI4Cy7Y8L6iqNdZQVvdXn0f8B4QcIXmkIbtTIe/Okm/nSlHb4IwGzRVOd3WfSieCgvf5cMzEfySAIl0g==
+  dependencies:
+    flat-cache "^3.2.0"
+
 file-uri-to-path@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
@@ -5593,15 +5708,6 @@ find-up@^6.3.0:
     locate-path "^7.1.0"
     path-exists "^5.0.0"
 
-flat-cache@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0"
-  integrity sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==
-  dependencies:
-    flatted "^2.0.0"
-    rimraf "2.6.3"
-    write "1.0.3"
-
 flat-cache@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
@@ -5610,21 +5716,30 @@ flat-cache@^3.0.4:
     flatted "^3.1.0"
     rimraf "^3.0.2"
 
+flat-cache@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee"
+  integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==
+  dependencies:
+    flatted "^3.2.9"
+    keyv "^4.5.3"
+    rimraf "^3.0.2"
+
 flat@^5.0.2:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
   integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==
 
-flatted@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
-  integrity sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==
-
 flatted@^3.1.0:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.4.tgz#28d9969ea90661b5134259f312ab6aa7929ac5e2"
   integrity sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==
 
+flatted@^3.2.9:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a"
+  integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==
+
 flush-promises@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/flush-promises/-/flush-promises-1.0.2.tgz#4948fd58f15281fed79cbafc86293d5bb09b2ced"
@@ -5801,7 +5916,16 @@ get-intrinsic@^1.1.3:
     has "^1.0.3"
     has-symbols "^1.0.3"
 
-get-intrinsic@^1.2.0, get-intrinsic@^1.2.1:
+get-intrinsic@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.0.tgz#7ad1dc0535f3a2904bba075772763e5051f6d05f"
+  integrity sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==
+  dependencies:
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.3"
+
+get-intrinsic@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.1.tgz#d295644fed4505fc9cde952c37ee12b477a83d82"
   integrity sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==
@@ -5831,11 +5955,6 @@ get-stdin@^4.0.1:
   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
   integrity sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=
 
-get-stdin@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
-  integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==
-
 get-stream@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.0.tgz#3e0012cb6827319da2706e601a1583e8629a6718"
@@ -5849,13 +5968,20 @@ get-symbol-description@^1.0.0:
     call-bind "^1.0.2"
     get-intrinsic "^1.1.1"
 
-glob-parent@^5.0.0, glob-parent@^5.1.2, glob-parent@~5.1.2:
+glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
   dependencies:
     is-glob "^4.0.1"
 
+glob-parent@^6.0.1, glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
 glob-to-regexp@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
@@ -5872,7 +5998,7 @@ glob@^10.3.10, glob@^10.3.7:
     minipass "^7.0.4"
     path-scurry "^1.10.2"
 
-glob@^7.0.0, glob@^7.0.3, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@^7.2.0:
+glob@^7.0.0, glob@^7.0.3, glob@^7.1.3, glob@^7.1.4, glob@^7.2.0:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -5931,19 +6057,19 @@ global@^4.3.0, global@^4.3.1, global@^4.4.0, global@~4.4.0:
     min-document "^2.19.0"
     process "^0.11.10"
 
-globals@^11.1.0, globals@^11.7.0:
+globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^12.1.0:
-  version "12.4.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-12.4.0.tgz#a18813576a41b00a24a97e7f815918c2e19925f8"
-  integrity sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==
+globals@^13.15.0, globals@^13.6.0, globals@^13.9.0:
+  version "13.17.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.17.0.tgz#902eb1e680a41da93945adbdcb5a9f361ba69bd4"
+  integrity sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==
   dependencies:
-    type-fest "^0.8.1"
+    type-fest "^0.20.2"
 
-globals@^13.24.0, globals@^13.6.0, globals@^13.9.0:
+globals@^13.19.0, globals@^13.24.0:
   version "13.24.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
   integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
@@ -6014,6 +6140,16 @@ graceful-fs@^4.1.2, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6,
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
 
+grapheme-splitter@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
+  integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
+
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
 hammerjs@^2.0.8:
   version "2.0.8"
   resolved "https://registry.yarnpkg.com/hammerjs/-/hammerjs-2.0.8.tgz#04ef77862cff2bb79d30f7692095930222bf60f1"
@@ -6185,10 +6321,10 @@ html-minifier-terser@^6.0.2:
     relateurl "^0.2.7"
     terser "^5.10.0"
 
-html-tags@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.2.0.tgz#dbb3518d20b726524e4dd43de397eb0a95726961"
-  integrity sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==
+html-tags@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
+  integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
 
 html-webpack-plugin@5.6.0:
   version "5.6.0"
@@ -6225,6 +6361,16 @@ htmlparser2@^6.1.0:
     domutils "^2.5.2"
     entities "^2.0.0"
 
+htmlparser2@^8.0.0:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-8.0.1.tgz#abaa985474fcefe269bc761a779b544d7196d010"
+  integrity sha512-4lVbmc1diZC7GUJQtRQ5yBAeUCL1exyMwmForWkRLnwyzWBFxN633SALPMGYaWZvKe9j1pRZJpauvmxENSp/EA==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    domutils "^3.0.1"
+    entities "^4.3.0"
+
 http-cache-semantics@^4.1.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz#abe02fcb2985460bf0323be664436ec3476a6d5a"
@@ -6332,7 +6478,7 @@ hyphenate-style-name@^1.0.2:
   resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
   integrity sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==
 
-iconv-lite@0.4.24, iconv-lite@^0.4.24:
+iconv-lite@0.4.24:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
   integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
@@ -6356,7 +6502,7 @@ ignore@^4.0.6:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
-ignore@^5.2.0, ignore@^5.2.1:
+ignore@^5.2.0, ignore@^5.2.4:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
   integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==
@@ -6366,15 +6512,7 @@ immediate@~3.0.5:
   resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
   integrity sha1-nbHb0Pr43m++D13V5Wu2BigN5ps=
 
-import-fresh@^3.0.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
-  integrity sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==
-  dependencies:
-    parent-module "^1.0.0"
-    resolve-from "^4.0.0"
-
-import-fresh@^3.2.1, import-fresh@^3.3.0:
+import-fresh@^3.0.0, import-fresh@^3.2.1, import-fresh@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
   integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
@@ -6405,6 +6543,11 @@ indent-string@^4.0.0:
   resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
   integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
 
+indent-string@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-5.0.0.tgz#4fd2980fccaf8622d14c64d694f4cf33c81951a5"
+  integrity sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==
+
 individual@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/individual/-/individual-2.0.0.tgz#833b097dad23294e76117a98fb38e0d9ad61bb97"
@@ -6451,44 +6594,6 @@ inline-style-prefixer@^4.0.2:
     bowser "^1.7.3"
     css-in-js-utils "^2.0.0"
 
-inquirer@^6.2.2:
-  version "6.5.2"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.5.2.tgz#ad50942375d036d327ff528c08bd5fab089928ca"
-  integrity sha512-cntlB5ghuB0iuO65Ovoi8ogLHiWGs/5yNrtUcKjFhSSiVeAIVpD7koaSU9RM8mpXw5YDi9RdYXGQMaOURB7ycQ==
-  dependencies:
-    ansi-escapes "^3.2.0"
-    chalk "^2.4.2"
-    cli-cursor "^2.1.0"
-    cli-width "^2.0.0"
-    external-editor "^3.0.3"
-    figures "^2.0.0"
-    lodash "^4.17.12"
-    mute-stream "0.0.7"
-    run-async "^2.2.0"
-    rxjs "^6.4.0"
-    string-width "^2.1.0"
-    strip-ansi "^5.1.0"
-    through "^2.3.6"
-
-inquirer@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.1.0.tgz#1298a01859883e17c7264b82870ae1034f92dd29"
-  integrity sha512-5fJMWEmikSYu0nv/flMc475MhGbB7TSPd/2IpFV4I4rMklboCH2rQjYY5kKiYGHqUF9gvaambupcJFFG9dvReg==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    chalk "^3.0.0"
-    cli-cursor "^3.1.0"
-    cli-width "^2.0.0"
-    external-editor "^3.0.3"
-    figures "^3.0.0"
-    lodash "^4.17.15"
-    mute-stream "0.0.8"
-    run-async "^2.4.0"
-    rxjs "^6.5.3"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-    through "^2.3.6"
-
 internal-slot@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.6.tgz#37e756098c4911c5e912b8edbf71ed3aa116f930"
@@ -6586,7 +6691,16 @@ is-arguments@^1.1.1:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
-is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
+is-array-buffer@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.1.tgz#deb1db4fcae48308d54ef2442706c0393997052a"
+  integrity sha512-ASfLknmY8Xa2XtB4wmbz13Wu202baeA18cJBCeCy0wXUHZF0IPyVEXqKEcd+t2fNSLLL1vC6k7lxZEojNbISXQ==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.1.3"
+    is-typed-array "^1.1.10"
+
+is-array-buffer@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.2.tgz#f2653ced8412081638ecb0ebbd0c41c6e0aecbbe"
   integrity sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==
@@ -6637,13 +6751,34 @@ is-callable@^1.1.4:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.5.tgz#f7e46b596890456db74e7f6e976cb3273d06faab"
   integrity sha512-ESKv5sMCJB2jnHTWZ3O5itG+O128Hsus4K4Qh1h2/cgn2vbgnLSVqfV46AeJA9D5EeeLa9w81KUXMtn34zhX+Q==
 
-is-core-module@^2.12.0, is-core-module@^2.13.0, is-core-module@^2.13.1, is-core-module@^2.5.0:
+is-core-module@^2.13.0:
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.0.tgz#bb52aa6e2cbd49a30c2ba68c42bf3435ba6072db"
+  integrity sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==
+  dependencies:
+    has "^1.0.3"
+
+is-core-module@^2.13.1:
   version "2.13.1"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384"
   integrity sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==
   dependencies:
     hasown "^2.0.0"
 
+is-core-module@^2.5.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.10.0.tgz#9012ede0a91c69587e647514e1d5277019e728ed"
+  integrity sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==
+  dependencies:
+    has "^1.0.3"
+
+is-core-module@^2.9.0:
+  version "2.12.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.1.tgz#0c0b6885b6f80011c71541ce15c8d66cf5a4f9fd"
+  integrity sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==
+  dependencies:
+    has "^1.0.3"
+
 is-date-object@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.2.tgz#bda736f2cd8fd06d32844e7743bfa7494c3bfd7e"
@@ -6671,11 +6806,6 @@ is-extglob@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
 
-is-fullwidth-code-point@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
-  integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
-
 is-fullwidth-code-point@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
@@ -6754,6 +6884,11 @@ is-path-inside@^3.0.2:
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.2.tgz#f5220fc82a3e233757291dddc9c5877f2a1f3017"
   integrity sha512-/2UGPSgmtqwo1ktx8NDHjuPwZWmHhO+gj0f93EkhLB5RgW9RZevWYYlIkS6zePc6U2WpOdQYIwHe9YC4DWEBVg==
 
+is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
 is-plain-obj@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
@@ -7413,7 +7548,12 @@ js-tokens@^3.0.2:
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
   integrity sha1-mGbfOVECEw449/mWvOtlRDIJwls=
 
-js-yaml@^3.13.0, js-yaml@^3.13.1:
+js-tokens@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-8.0.0.tgz#5dbe2cdfa9afc93251d3a77bf18c3ad6fa8a4de4"
+  integrity sha512-PC7MzqInq9OqKyTXfIvQNcjMkODJYC8A17kAaQgeW79yfhqTWSOfjHYQ2mDDcwJ96Iibtwkfh0C7R/OvqPlgVA==
+
+js-yaml@^3.13.1:
   version "3.14.0"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482"
   integrity sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==
@@ -7471,6 +7611,11 @@ jsesc@~0.5.0:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
   integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
 
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
 json-parse-better-errors@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
@@ -7542,6 +7687,13 @@ keycode@^2.2.0:
   resolved "https://registry.yarnpkg.com/keycode/-/keycode-2.2.0.tgz#3d0af56dc7b8b8e5cba8d0a97f107204eec22b04"
   integrity sha1-PQr1bce4uOXLqNCpfxByBO7CKwQ=
 
+keyv@^4.5.3:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
 kind-of@^3.0.2:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
@@ -7559,11 +7711,6 @@ kleur@^3.0.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
-known-css-properties@^0.26.0:
-  version "0.26.0"
-  resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.26.0.tgz#008295115abddc045a9f4ed7e2a84dc8b3a77649"
-  integrity sha512-5FZRzrZzNTBruuurWpvZnvP9pum+fe0HcK8z/ooo+U+Hmp4vtbyp1/QDsqmufirXy4egGzbaH/y2uCZf+6W5Kg==
-
 known-css-properties@^0.29.0:
   version "0.29.0"
   resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.29.0.tgz#e8ba024fb03886f23cb882e806929f32d814158f"
@@ -7620,14 +7767,6 @@ leven@^3.1.0:
   resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
   integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
 
-levn@^0.3.0, levn@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=
-  dependencies:
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-
 levn@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
@@ -7748,7 +7887,7 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
-lodash@4.17.21, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4, lodash@~4.17.12:
+lodash@4.17.21, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4, lodash@~4.17.12:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -7892,7 +8031,7 @@ map-obj@^1.0.0:
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
   integrity sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=
 
-map-obj@^4.0.0:
+map-obj@^4.0.0, map-obj@^4.1.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-4.3.0.tgz#9304f906e93faae70880da102a9f1df0ea8bb05a"
   integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==
@@ -7975,6 +8114,24 @@ memfs@^4.6.0:
   resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
   integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==
 
+meow@^10.1.5:
+  version "10.1.5"
+  resolved "https://registry.yarnpkg.com/meow/-/meow-10.1.5.tgz#be52a1d87b5f5698602b0f32875ee5940904aa7f"
+  integrity sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==
+  dependencies:
+    "@types/minimist" "^1.2.2"
+    camelcase-keys "^7.0.0"
+    decamelize "^5.0.0"
+    decamelize-keys "^1.1.0"
+    hard-rejection "^2.1.0"
+    minimist-options "4.1.0"
+    normalize-package-data "^3.0.2"
+    read-pkg-up "^8.0.0"
+    redent "^4.0.0"
+    trim-newlines "^4.0.2"
+    type-fest "^1.2.2"
+    yargs-parser "^20.2.9"
+
 meow@^9.0.0:
   version "9.0.0"
   resolved "https://registry.yarnpkg.com/meow/-/meow-9.0.0.tgz#cd9510bc5cac9dee7d03c73ee1f9ad959f4ea364"
@@ -8050,11 +8207,6 @@ mime@1.6.0:
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
 
-mimic-fn@^1.0.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
-  integrity sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==
-
 mimic-fn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
@@ -8067,7 +8219,7 @@ min-document@^2.19.0:
   dependencies:
     dom-walk "^0.1.0"
 
-min-indent@^1.0.0:
+min-indent@^1.0.0, min-indent@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
@@ -8093,7 +8245,7 @@ minimalistic-assert@^1.0.0:
   resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
   integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
 
-minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
+minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -8114,6 +8266,13 @@ minimatch@^9.0.1:
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^9.0.4:
+  version "9.0.4"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.4.tgz#8e49c731d1749cbec05050ee5145147b32496a51"
+  integrity sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimatch@~3.0.2:
   version "3.0.8"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.8.tgz#5e6a59bd11e2ab0de1cfb843eb2d82e546c321c1"
@@ -8215,13 +8374,6 @@ mj-context-menu@^0.6.1:
   resolved "https://registry.yarnpkg.com/mj-context-menu/-/mj-context-menu-0.6.1.tgz#a043c5282bf7e1cf3821de07b13525ca6f85aa69"
   integrity sha512-7NO5s6n10TIV96d4g2uDpG7ZDpIhMh0QNfGdJw/W47JswFcosz457wqz/b5sAKvl12sxINGFCn80NZHKwxQEXA==
 
-mkdirp@^0.5.1:
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
-  integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
-  dependencies:
-    minimist "^1.2.5"
-
 mkdirp@^1.0.3, mkdirp@^1.0.4, mkdirp@~1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
@@ -8270,16 +8422,6 @@ mutationobserver-shim@^0.3.7:
   resolved "https://registry.yarnpkg.com/mutationobserver-shim/-/mutationobserver-shim-0.3.7.tgz#8bf633b0c0b0291a1107255ed32c13088a8c5bf3"
   integrity sha512-oRIDTyZQU96nAiz2AQyngwx1e89iApl2hN5AOYwyxLUB47UYsU3Wv9lJWqH5y/QdiYkc5HQLi23ZNB3fELdHcQ==
 
-mute-stream@0.0.7:
-  version "0.0.7"
-  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
-  integrity sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=
-
-mute-stream@0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
-  integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
-
 mux.js@6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/mux.js/-/mux.js-6.0.1.tgz#65ce0f7a961d56c006829d024d772902d28c7755"
@@ -8293,6 +8435,11 @@ nan@^2.17.0:
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.17.0.tgz#c0150a2368a182f033e9aa5195ec76ea41a199cb"
   integrity sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==
 
+nanoid@^3.3.4:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
+  integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
+
 nanoid@^3.3.7:
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
@@ -8323,11 +8470,6 @@ next-tick@^1.1.0:
   resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.1.0.tgz#1836ee30ad56d67ef281b22bd199f709449b35eb"
   integrity sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==
 
-nice-try@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
-  integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
-
 no-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
@@ -8350,9 +8492,9 @@ node-cache@^4.1.1:
     lodash "^4.17.15"
 
 node-fetch@^2.6.2:
-  version "2.6.7"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
-  integrity sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.9.tgz#7c7f744b5cc6eb5fd404e0c7a9fec630a55657e6"
+  integrity sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==
   dependencies:
     whatwg-url "^5.0.0"
 
@@ -8432,7 +8574,7 @@ normalize-package-data@^2.5.0:
     semver "2 || 3 || 4 || 5"
     validate-npm-package-license "^3.0.1"
 
-normalize-package-data@^3.0.0:
+normalize-package-data@^3.0.0, normalize-package-data@^3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-3.0.3.tgz#dbcc3e2da59509a0983422884cd172eefdfa525e"
   integrity sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==
@@ -8476,6 +8618,13 @@ nth-check@^2.0.1:
   dependencies:
     boolbase "^1.0.0"
 
+nth-check@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
 nwsapi@^2.2.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.1.tgz#10a9f268fbf4c461249ebcfe38e359aa36e2577c"
@@ -8581,20 +8730,6 @@ once@^1.3.0:
   dependencies:
     wrappy "1"
 
-onetime@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.1.tgz#067428230fd67443b2794b22bba528b6867962d4"
-  integrity sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=
-  dependencies:
-    mimic-fn "^1.0.0"
-
-onetime@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.0.tgz#fff0f3c91617fe62bb50189636e99ac8a6df7be5"
-  integrity sha512-5NcSkPHhwTVFIQN+TUqXoS5+dlElHXdpAWu9I0HP20YOtIi+aZ0Ct82jdlILDxjLEAWwvm+qj1m6aEtsDVmm6Q==
-  dependencies:
-    mimic-fn "^2.1.0"
-
 onetime@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
@@ -8612,18 +8747,6 @@ open@^10.0.3:
     is-inside-container "^1.0.0"
     is-wsl "^3.1.0"
 
-optionator@^0.8.2, optionator@^0.8.3:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
-  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
-  dependencies:
-    deep-is "~0.1.3"
-    fast-levenshtein "~2.0.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
-
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
@@ -8636,12 +8759,24 @@ optionator@^0.9.1:
     type-check "^0.4.0"
     word-wrap "^1.2.3"
 
+optionator@^0.9.3:
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
+  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.5"
+
 os-homedir@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
   integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
 
-os-tmpdir@^1.0.0, os-tmpdir@~1.0.2:
+os-tmpdir@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
   integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
@@ -8797,16 +8932,6 @@ path-is-absolute@^1.0.0:
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
 
-path-is-inside@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
-  integrity sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=
-
-path-key@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
-  integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=
-
 path-key@^3.0.0, path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
@@ -8957,6 +9082,16 @@ postcss-discard-overridden@^7.0.0:
   resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-7.0.0.tgz#b123ea51e3d4e1d0a254cf71eaff1201926d319c"
   integrity sha512-GmNAzx88u3k2+sBTZrJSDauR0ccpE24omTQCVmaTTZFz1du6AasspjaUPMJ2ud4RslZpoFKyf+6MSPETLojc6w==
 
+postcss-html@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/postcss-html/-/postcss-html-1.5.0.tgz#57a43bc9e336f516ecc448a37d2e8c2290170a6f"
+  integrity sha512-kCMRWJRHKicpA166kc2lAVUGxDZL324bkj/pVOb6RhjB0Z5Krl7mN0AsVkBhVIRZZirY0lyQXG38HCVaoKVNoA==
+  dependencies:
+    htmlparser2 "^8.0.0"
+    js-tokens "^8.0.0"
+    postcss "^8.4.0"
+    postcss-safe-parser "^6.0.0"
+
 postcss-less@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/postcss-less/-/postcss-less-6.0.0.tgz#463b34c60f53b648c237f569aeb2e09149d85af4"
@@ -9157,12 +9292,20 @@ postcss-sass@^0.5.0:
     gonzales-pe "^4.3.0"
     postcss "^8.2.14"
 
-postcss-scss@^4.0.2, postcss-scss@^4.0.6, postcss-scss@^4.0.9:
+postcss-scss@^4.0.9:
   version "4.0.9"
   resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.9.tgz#a03c773cd4c9623cb04ce142a52afcec74806685"
   integrity sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==
 
-postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.13, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.7:
+postcss-selector-parser@^6.0.13:
+  version "6.0.13"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz#d05d8d76b1e8e173257ef9d60b706a8e5e99bf1b"
+  integrity sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-selector-parser@^6.0.15:
   version "6.0.15"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz#11cc2b21eebc0b99ea374ffb9887174855a01535"
   integrity sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==
@@ -9178,6 +9321,22 @@ postcss-selector-parser@^6.0.16:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
+postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
+  version "6.0.10"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d"
+  integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-selector-parser@^6.0.7:
+  version "6.0.11"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
+  integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
 postcss-sorting@^8.0.2:
   version "8.0.2"
   resolved "https://registry.yarnpkg.com/postcss-sorting/-/postcss-sorting-8.0.2.tgz#6393385ece272baf74bee9820fb1b58098e4eeca"
@@ -9211,7 +9370,25 @@ postcss@^7.0.36:
     picocolors "^0.2.1"
     source-map "^0.6.1"
 
-postcss@^8.2.14, postcss@^8.4.19, postcss@^8.4.21, postcss@^8.4.33, postcss@^8.4.38, postcss@^8.4.4:
+postcss@^8.2.14, postcss@^8.4.0:
+  version "8.4.16"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.16.tgz#33a1d675fac39941f5f445db0de4db2b6e01d43c"
+  integrity sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==
+  dependencies:
+    nanoid "^3.3.4"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+postcss@^8.4.21, postcss@^8.4.4:
+  version "8.4.21"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
+  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
+  dependencies:
+    nanoid "^3.3.4"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+postcss@^8.4.28, postcss@^8.4.38:
   version "8.4.38"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.38.tgz#b387d533baf2054288e337066d81c6bee9db9e0e"
   integrity sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==
@@ -9220,26 +9397,30 @@ postcss@^8.2.14, postcss@^8.4.19, postcss@^8.4.21, postcss@^8.4.33, postcss@^8.4
     picocolors "^1.0.0"
     source-map-js "^1.2.0"
 
+postcss@^8.4.33:
+  version "8.4.33"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.33.tgz#1378e859c9f69bf6f638b990a0212f43e2aaa742"
+  integrity sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prelude-ls@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
-
-prettier@^1.18.2:
-  version "1.19.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
-  integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
-
 "prettier@^1.18.2 || ^2.0.0":
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.5.1.tgz#fff75fa9d519c54cf0fce328c1017d94546bc56a"
   integrity sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==
 
+prettier@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.2.tgz#03ff86dc7c835f2d2559ee76876a3914cec4a90a"
+  integrity sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==
+
 pretty-error@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
@@ -9420,6 +9601,11 @@ quick-lru@^4.0.1:
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
   integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
 
+quick-lru@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
+  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
+
 randombytes@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@@ -9562,6 +9748,15 @@ read-pkg-up@^7.0.1:
     read-pkg "^5.2.0"
     type-fest "^0.8.1"
 
+read-pkg-up@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-8.0.0.tgz#72f595b65e66110f43b052dd9af4de6b10534670"
+  integrity sha512-snVCqPczksT0HS2EC+SxUndvSzn6LRCwpfSvLrIfR5BKDQQZMaI6jPRC9dYvYFDRAuFEAnkwww8kBBNE/3VvzQ==
+  dependencies:
+    find-up "^5.0.0"
+    read-pkg "^6.0.0"
+    type-fest "^1.0.1"
+
 read-pkg@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
@@ -9572,6 +9767,16 @@ read-pkg@^5.2.0:
     parse-json "^5.0.0"
     type-fest "^0.6.0"
 
+read-pkg@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-6.0.0.tgz#a67a7d6a1c2b0c3cd6aa2ea521f40c458a4a504c"
+  integrity sha512-X1Fu3dPuk/8ZLsMhEj5f4wFAF0DWoK7qhGJvgaijocXxBmSToKfbFtqbxMO7bVjNA1dmE5huAzjXj/ey86iw9Q==
+  dependencies:
+    "@types/normalize-package-data" "^2.4.0"
+    normalize-package-data "^3.0.2"
+    parse-json "^5.2.0"
+    type-fest "^1.0.1"
+
 readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
@@ -9632,6 +9837,14 @@ redent@^3.0.0:
     indent-string "^4.0.0"
     strip-indent "^3.0.0"
 
+redent@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/redent/-/redent-4.0.0.tgz#0c0ba7caabb24257ab3bb7a4fd95dd1d5c5681f9"
+  integrity sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==
+  dependencies:
+    indent-string "^5.0.0"
+    strip-indent "^4.0.0"
+
 regenerate-unicode-properties@^10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.0.1.tgz#7f442732aa7934a3740c779bb9b3340dccc1fb56"
@@ -9687,12 +9900,7 @@ regexp.prototype.flags@^1.5.1:
     define-properties "^1.2.0"
     set-function-name "^2.0.0"
 
-regexpp@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
-  integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==
-
-regexpp@^3.1.0:
+regexpp@^3.1.0, regexpp@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
   integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
@@ -9809,11 +10017,11 @@ resolve.exports@^2.0.0:
   integrity sha512-6K/gDlqgQscOlg9fSRpWstA8sYe8rbELsSTNpx+3kTrsVCzvSl0zIvRErM7fdl9ERWDsKnrLnwB+Ne89918XOg==
 
 resolve@^1.10.0, resolve@^1.14.2, resolve@^1.20.0:
-  version "1.22.3"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.3.tgz#4b4055349ffb962600972da1fdc33c46a4eb3283"
-  integrity sha512-P8ur/gp/AmbEzjr729bZnLjXK5Z+4P0zhIJgBgzqRih7hL7BOukHGtSTA3ACMY467GRFz3duQsi0bDZdR7DKdw==
+  version "1.22.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
+  integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
   dependencies:
-    is-core-module "^2.12.0"
+    is-core-module "^2.9.0"
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
@@ -9826,22 +10034,6 @@ resolve@^1.22.4:
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
-restore-cursor@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
-  integrity sha1-n37ih/gv0ybU/RYpI9YhKe7g368=
-  dependencies:
-    onetime "^2.0.0"
-    signal-exit "^3.0.2"
-
-restore-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
-  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
-  dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-
 retry@^0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
@@ -9864,13 +10056,6 @@ rewire@^6.0.0:
   dependencies:
     eslint "^7.32.0"
 
-rimraf@2.6.3, rimraf@~2.6.2:
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
-  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
-  dependencies:
-    glob "^7.1.3"
-
 rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
@@ -9885,6 +10070,13 @@ rimraf@^5.0.5:
   dependencies:
     glob "^10.3.7"
 
+rimraf@~2.6.2:
+  version "2.6.3"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
+  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
+  dependencies:
+    glob "^7.1.3"
+
 rtlcss@4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/rtlcss/-/rtlcss-4.1.1.tgz#f20409fcc197e47d1925996372be196fee900c0c"
@@ -9900,12 +10092,12 @@ run-applescript@^7.0.0:
   resolved "https://registry.yarnpkg.com/run-applescript/-/run-applescript-7.0.0.tgz#e5a553c2bffd620e169d276c1cd8f1b64778fbeb"
   integrity sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==
 
-run-async@^2.2.0, run-async@^2.4.0:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
-  integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
+run-parallel@^1.1.4:
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
+  integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==
 
-run-parallel@^1.1.4, run-parallel@^1.1.9:
+run-parallel@^1.1.9:
   version "1.1.10"
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.10.tgz#60a51b2ae836636c81377df16cb107351bcd13ef"
   integrity sha512-zb/1OuZ6flOlH6tQyMPUrE3x3Ulxjlo9WIVXR4yVYi4H9UXQaeIsPbLn2R3O3vQCnDKkAl2qHiuocKKX4Tz/Sw==
@@ -9917,13 +10109,6 @@ rust-result@^1.0.0:
   dependencies:
     individual "^2.0.0"
 
-rxjs@^6.4.0, rxjs@^6.5.3:
-  version "6.5.5"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.5.tgz#c5c884e3094c8cfee31bf27eb87e54ccfc87f9ec"
-  integrity sha512-WfQI+1gohdf0Dai/Bbmk5L5ItH5tYqm3ki2c5GdWhKjalzjg93N3avFjVStyZZz+A2Em+ZxKH5bNghw9UeylGQ==
-  dependencies:
-    tslib "^1.9.0"
-
 rxjs@^7.8.0:
   version "7.8.1"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.1.tgz#6f6f3d99ea8044291efd92e7c7fcf562c4057543"
@@ -10081,17 +10266,50 @@ selfsigned@^2.4.1:
     "@types/node-forge" "^1.3.0"
     node-forge "^1"
 
-"semver@2 || 3 || 4 || 5", semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:
+"semver@2 || 3 || 4 || 5", semver@^5.6.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
 
-semver@^6.0.0, semver@^6.1.2, semver@^6.3.0, semver@^6.3.1:
+semver@^6.0.0, semver@^6.3.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
+  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
+
+semver@^6.3.1:
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.5.3, semver@^7.5.4, semver@^7.6.0, semver@^7.6.2:
+semver@^7.2.1, semver@^7.3.4, semver@^7.3.5, semver@^7.3.6:
+  version "7.3.7"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.7.tgz#12c5b649afdbf9049707796e22a4028814ce523f"
+  integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^7.5.3:
+  version "7.5.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.3.tgz#161ce8c2c6b4b3bdca6caadc9fa3317a4c4fe88e"
+  integrity sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^7.5.4:
+  version "7.5.4"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^7.6.0:
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.0.tgz#1a46a4db4bffcccd97b743b5005c8325f23d4e2d"
+  integrity sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^7.6.2:
   version "7.6.2"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.2.tgz#1e3b34759f896e8f14d6134732ce798aeb0c6e13"
   integrity sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==
@@ -10191,13 +10409,6 @@ shallow-clone@^3.0.0:
   dependencies:
     kind-of "^6.0.2"
 
-shebang-command@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
-  integrity sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=
-  dependencies:
-    shebang-regex "^1.0.0"
-
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
@@ -10205,11 +10416,6 @@ shebang-command@^2.0.0:
   dependencies:
     shebang-regex "^3.0.0"
 
-shebang-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
-  integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
-
 shebang-regex@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
@@ -10234,7 +10440,7 @@ sigmund@^1.0.1:
   resolved "https://registry.yarnpkg.com/sigmund/-/sigmund-1.0.1.tgz#3ff21f198cad2175f9f3b781853fd94d0d19b590"
   integrity sha1-P/IfGYytIXX587eBhT/ZTQ0ZtZA=
 
-signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3:
+signal-exit@^3.0.0, signal-exit@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
   integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==
@@ -10259,15 +10465,6 @@ slash@^3.0.0:
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
-slice-ansi@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
-  integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==
-  dependencies:
-    ansi-styles "^3.2.0"
-    astral-regex "^1.0.0"
-    is-fullwidth-code-point "^2.0.0"
-
 slice-ansi@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b"
@@ -10330,7 +10527,7 @@ source-map-js@^1.0.1:
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
-source-map-js@^1.2.0:
+source-map-js@^1.0.2, source-map-js@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
   integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
@@ -10525,23 +10722,6 @@ string-length@^4.0.1:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string-width@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
-  integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
-  dependencies:
-    is-fullwidth-code-point "^2.0.0"
-    strip-ansi "^4.0.0"
-
-string-width@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
-  integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
-  dependencies:
-    emoji-regex "^7.0.1"
-    is-fullwidth-code-point "^2.0.0"
-    strip-ansi "^5.1.0"
-
 string-width@^5.0.1, string-width@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
@@ -10606,20 +10786,6 @@ strip-ansi@^3.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
-strip-ansi@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
-  integrity sha1-qEeQIusaw2iocTibY1JixQXuNo8=
-  dependencies:
-    ansi-regex "^3.0.0"
-
-strip-ansi@^5.1.0, strip-ansi@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
-  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
-  dependencies:
-    ansi-regex "^4.1.0"
-
 strip-ansi@^7.0.1:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
@@ -10649,17 +10815,24 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
+strip-indent@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-4.0.0.tgz#b41379433dd06f5eae805e21d631e07ee670d853"
+  integrity sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==
+  dependencies:
+    min-indent "^1.0.1"
+
 strip-json-comments@3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.0.tgz#7638d31422129ecf4457440009fba03f9f9ac180"
   integrity sha512-e6/d0eBu7gHtdCqFt0xJr642LdToM5/cN4Qb9DbHjVx1CP5RyeM+zH7pbecEmDv/lBqb0QH+6Uqq75rxFPkM0w==
 
-strip-json-comments@^2.0.0, strip-json-comments@^2.0.1:
+strip-json-comments@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
 
-strip-json-comments@^3.0.1, strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
+strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
@@ -10672,7 +10845,7 @@ style-loader@^4.0.0:
 style-search@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902"
-  integrity sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=
+  integrity sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==
 
 stylehacks@^7.0.0:
   version "7.0.0"
@@ -10682,6 +10855,11 @@ stylehacks@^7.0.0:
     browserslist "^4.23.0"
     postcss-selector-parser "^6.0.16"
 
+stylelint-config-html@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-html/-/stylelint-config-html-1.1.0.tgz#999db19aea713b7ff6dde92ada76e4c1bd812b66"
+  integrity sha512-IZv4IVESjKLumUGi+HWeb7skgO6/g4VMuAYrJdlqQFndgbj6WJAXPhaysvBiXefX79upBdQVumgYcdd17gCpjQ==
+
 stylelint-config-prettier@9.0.5:
   version "9.0.5"
   resolved "https://registry.yarnpkg.com/stylelint-config-prettier/-/stylelint-config-prettier-9.0.5.tgz#9f78bbf31c7307ca2df2dd60f42c7014ee9da56e"
@@ -10694,39 +10872,39 @@ stylelint-config-recess-order@4.6.0:
   dependencies:
     stylelint-order "6.x"
 
-stylelint-config-recommended-scss@9.0.1:
-  version "9.0.1"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-9.0.1.tgz#7ea233ea637ac2d8f0b50d8aad236257e44e2cbb"
-  integrity sha512-qAmz/TdrqslwiMTuLM3QXeISUkfEDUXGMfRBCHm/xrkCJNnQefv+mzG2mWTsWkqcVk8HAyUkug10dwAcYp2fCQ==
+stylelint-config-recommended-scss@14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-14.0.0.tgz#d3482c9817dada80b5ec01685b38fc8af8f7263f"
+  integrity sha512-HDvpoOAQ1RpF+sPbDOT2Q2/YrBDEJDnUymmVmZ7mMCeNiFSdhRdyGEimBkz06wsN+HaFwUh249gDR+I9JR7Onw==
   dependencies:
-    postcss-scss "^4.0.2"
-    stylelint-config-recommended "^10.0.1"
-    stylelint-scss "^4.4.0"
+    postcss-scss "^4.0.9"
+    stylelint-config-recommended "^14.0.0"
+    stylelint-scss "^6.0.0"
 
-stylelint-config-recommended@^10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-10.0.1.tgz#25a8828acf6cde87dac6db2950c8c4ed82a69ae1"
-  integrity sha512-TQ4xQ48tW4QSlODcti7pgSRqBZcUaBzuh0jPpfiMhwJKBPkqzTIAU+IrSWL/7BgXlOM90DjB7YaNgFpx8QWhuA==
+stylelint-config-recommended@^13.0.0:
+  version "13.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-13.0.0.tgz#c48a358cc46b629ea01f22db60b351f703e00597"
+  integrity sha512-EH+yRj6h3GAe/fRiyaoO2F9l9Tgg50AOFhaszyfov9v6ayXJ1IkSHwTxd7lB48FmOeSGDPLjatjO11fJpmarkQ==
 
-stylelint-config-recommended@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-6.0.0.tgz#fd2523a322836005ad9bf473d3e5534719c09f9d"
-  integrity sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw==
+stylelint-config-recommended@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-14.0.0.tgz#b395c7014838d2aaca1755eebd914d0bb5274994"
+  integrity sha512-jSkx290CglS8StmrLp2TxAppIajzIBZKYm3IxT89Kg6fGlxbPiTiyH9PS5YUuVAFwaJLl1ikiXX0QWjI0jmgZQ==
 
-stylelint-config-sass-guidelines@10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-sass-guidelines/-/stylelint-config-sass-guidelines-10.0.0.tgz#ace99689eb6769534c9b40d62e2a8562b1ddc9f2"
-  integrity sha512-+Rr2Dd4b72CWA4qoj1Kk+y449nP/WJsrD0nzQAWkmPPIuyVcy2GMIcfNr0Z8JJOLjRvtlkKxa49FCNXMePBikQ==
+stylelint-config-sass-guidelines@11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-sass-guidelines/-/stylelint-config-sass-guidelines-11.1.0.tgz#0106f3ec4991a598823b55841bf45fce63268c8c"
+  integrity sha512-mVE3UmN8MlshK4Gb3eYk6f8tw9DkQ9yjMF4W9krlmpaNZpSXOdh13AL0sU7l/9l4Pnpt4KMobNNIRI0tJl56Cw==
   dependencies:
-    postcss-scss "^4.0.6"
-    stylelint-scss "^4.4.0"
+    postcss-scss "^4.0.9"
+    stylelint-scss "^6.2.1"
 
-stylelint-config-standard@24.0.0:
-  version "24.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-24.0.0.tgz#6823f207ab997ae0b641f9a636d007cc44d77541"
-  integrity sha512-+RtU7fbNT+VlNbdXJvnjc3USNPZRiRVp/d2DxOF/vBDDTi0kH5RX2Ny6errdtZJH3boO+bmqIYEllEmok4jiuw==
+stylelint-config-standard@34.0.0:
+  version "34.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-34.0.0.tgz#309f3c48118a02aae262230c174282e40e766cf4"
+  integrity sha512-u0VSZnVyW9VSryBG2LSO+OQTjN7zF9XJaAJRX/4EwkmU0R2jYwmBSN10acqZisDitS0CLiEiGjX7+Hrq8TAhfQ==
   dependencies:
-    stylelint-config-recommended "^6.0.0"
+    stylelint-config-recommended "^13.0.0"
 
 stylelint-csstree-validator@3.0.0:
   version "3.0.0"
@@ -10754,60 +10932,73 @@ stylelint-scss@5.3.2:
     postcss-selector-parser "^6.0.13"
     postcss-value-parser "^4.2.0"
 
-stylelint-scss@^4.4.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/stylelint-scss/-/stylelint-scss-4.6.0.tgz#f7602d6d562bb256802e38e3fd5e49c46d2e31b6"
-  integrity sha512-M+E0BQim6G4XEkaceEhfVjP/41C9Klg5/tTPTCQVlgw/jm2tvB+OXJGaU0TDP5rnTCB62aX6w+rT+gqJW/uwjA==
+stylelint-scss@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-scss/-/stylelint-scss-6.0.0.tgz#bf6be6798d71c898484b7e97007d5ed69a89308d"
+  integrity sha512-N1xV/Ef5PNRQQt9E45unzGvBUN1KZxCI8B4FgN/pMfmyRYbZGVN4y9qWlvOMdScU17c8VVCnjIHTVn38Bb6qSA==
+  dependencies:
+    known-css-properties "^0.29.0"
+    postcss-media-query-parser "^0.2.3"
+    postcss-resolve-nested-selector "^0.1.1"
+    postcss-selector-parser "^6.0.13"
+    postcss-value-parser "^4.2.0"
+
+stylelint-scss@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/stylelint-scss/-/stylelint-scss-6.2.1.tgz#7675f3f5034a3b1d7d064d480e0d834ef9353244"
+  integrity sha512-ZoGLbVb1keZYRVGQlhB8G6sZOoNqw61whzzzGFWp05N12ErqLFfBv3JPrXiMLZaW98sBS7K/vUQhRnvUj4vwdw==
   dependencies:
-    dlv "^1.1.3"
+    known-css-properties "^0.29.0"
     postcss-media-query-parser "^0.2.3"
     postcss-resolve-nested-selector "^0.1.1"
-    postcss-selector-parser "^6.0.11"
+    postcss-selector-parser "^6.0.15"
     postcss-value-parser "^4.2.0"
 
-stylelint@14.16.1:
-  version "14.16.1"
-  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-14.16.1.tgz#b911063530619a1bbe44c2b875fd8181ebdc742d"
-  integrity sha512-ErlzR/T3hhbV+a925/gbfc3f3Fep9/bnspMiJPorfGEmcBbXdS+oo6LrVtoUZ/w9fqD6o6k7PtUlCOsCRdjX/A==
+stylelint@^15.11.0:
+  version "15.11.0"
+  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-15.11.0.tgz#3ff8466f5f5c47362bc7c8c9d382741c58bc3292"
+  integrity sha512-78O4c6IswZ9TzpcIiQJIN49K3qNoXTM8zEJzhaTE/xRTCZswaovSEVIa/uwbOltZrk16X4jAxjaOhzz/hTm1Kw==
   dependencies:
-    "@csstools/selector-specificity" "^2.0.2"
+    "@csstools/css-parser-algorithms" "^2.3.1"
+    "@csstools/css-tokenizer" "^2.2.0"
+    "@csstools/media-query-list-parser" "^2.1.4"
+    "@csstools/selector-specificity" "^3.0.0"
     balanced-match "^2.0.0"
     colord "^2.9.3"
-    cosmiconfig "^7.1.0"
-    css-functions-list "^3.1.0"
+    cosmiconfig "^8.2.0"
+    css-functions-list "^3.2.1"
+    css-tree "^2.3.1"
     debug "^4.3.4"
-    fast-glob "^3.2.12"
+    fast-glob "^3.3.1"
     fastest-levenshtein "^1.0.16"
-    file-entry-cache "^6.0.1"
+    file-entry-cache "^7.0.0"
     global-modules "^2.0.0"
     globby "^11.1.0"
     globjoin "^0.1.4"
-    html-tags "^3.2.0"
-    ignore "^5.2.1"
+    html-tags "^3.3.1"
+    ignore "^5.2.4"
     import-lazy "^4.0.0"
     imurmurhash "^0.1.4"
     is-plain-object "^5.0.0"
-    known-css-properties "^0.26.0"
+    known-css-properties "^0.29.0"
     mathml-tag-names "^2.1.3"
-    meow "^9.0.0"
+    meow "^10.1.5"
     micromatch "^4.0.5"
     normalize-path "^3.0.0"
     picocolors "^1.0.0"
-    postcss "^8.4.19"
-    postcss-media-query-parser "^0.2.3"
+    postcss "^8.4.28"
     postcss-resolve-nested-selector "^0.1.1"
     postcss-safe-parser "^6.0.0"
-    postcss-selector-parser "^6.0.11"
+    postcss-selector-parser "^6.0.13"
     postcss-value-parser "^4.2.0"
     resolve-from "^5.0.0"
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
     style-search "^0.1.0"
-    supports-hyperlinks "^2.3.0"
+    supports-hyperlinks "^3.0.0"
     svg-tags "^1.0.0"
     table "^6.8.1"
-    v8-compile-cache "^2.3.0"
-    write-file-atomic "^4.0.2"
+    write-file-atomic "^5.0.1"
 
 supports-color@^2.0.0:
   version "2.0.0"
@@ -10835,10 +11026,10 @@ supports-color@^8.0.0, supports-color@^8.1.1:
   dependencies:
     has-flag "^4.0.0"
 
-supports-hyperlinks@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
-  integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
+supports-hyperlinks@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-3.0.0.tgz#c711352a5c89070779b4dad54c05a2f14b15c94b"
+  integrity sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==
   dependencies:
     has-flag "^4.0.0"
     supports-color "^7.0.0"
@@ -10871,20 +11062,21 @@ symbol-tree@^3.2.4:
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
-table@^5.2.3:
-  version "5.4.6"
-  resolved "https://registry.yarnpkg.com/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
-  integrity sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==
+table@^6.0.9:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/table/-/table-6.8.0.tgz#87e28f14fa4321c3377ba286f07b79b281a3b3ca"
+  integrity sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==
   dependencies:
-    ajv "^6.10.2"
-    lodash "^4.17.14"
-    slice-ansi "^2.1.0"
-    string-width "^3.0.0"
+    ajv "^8.0.1"
+    lodash.truncate "^4.4.2"
+    slice-ansi "^4.0.0"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
 
-table@^6.0.9, table@^6.8.1:
-  version "6.8.1"
-  resolved "https://registry.yarnpkg.com/table/-/table-6.8.1.tgz#ea2b71359fe03b017a5fbc296204471158080bdf"
-  integrity sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==
+table@^6.8.1:
+  version "6.8.2"
+  resolved "https://registry.yarnpkg.com/table/-/table-6.8.2.tgz#c5504ccf201213fa227248bdc8c5569716ac6c58"
+  integrity sha512-w2sfv80nrAh2VCbqR5AK27wswXhqcck2AhfnNW76beQXskGZ1V12GwS//yYVa3d3fcvAip2OUnbDAjW2k3v9fA==
   dependencies:
     ajv "^8.0.1"
     lodash.truncate "^4.4.2"
@@ -10951,11 +11143,6 @@ text-table@^0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
 
-through@^2.3.6:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
-  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
-
 thunky@^1.0.2:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
@@ -10988,13 +11175,6 @@ tippy.js@4.2.1:
   dependencies:
     popper.js "^1.14.7"
 
-tmp@^0.0.33:
-  version "0.0.33"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
-  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
-  dependencies:
-    os-tmpdir "~1.0.2"
-
 tmpl@1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
@@ -11064,6 +11244,11 @@ trim-newlines@^3.0.0:
   resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-3.0.1.tgz#260a5d962d8b752425b32f3a7db0dcacd176c144"
   integrity sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==
 
+trim-newlines@^4.0.2:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-4.1.1.tgz#28c88deb50ed10c7ba6dc2474421904a00139125"
+  integrity sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==
+
 "true-case-path@^2.2.1":
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/true-case-path/-/true-case-path-2.2.1.tgz#c5bf04a5bbec3fd118be4084461b3a27c4d796bf"
@@ -11076,6 +11261,11 @@ truncate-utf8-bytes@^1.0.2:
   dependencies:
     utf8-byte-length "^1.0.1"
 
+ts-api-utils@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.3.0.tgz#4b490e27129f1e8e686b45cc4ab63714dc60eea1"
+  integrity sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==
+
 tsconfig-paths@^3.15.0:
   version "3.15.0"
   resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
@@ -11096,7 +11286,7 @@ tsconfig@^7.0.0:
     strip-bom "^3.0.0"
     strip-json-comments "^2.0.0"
 
-tslib@^1.8.1, tslib@^1.9.0:
+tslib@^1.9.0:
   version "1.13.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
   integrity sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==
@@ -11106,13 +11296,6 @@ tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
 
-tsutils@^3.17.1:
-  version "3.17.1"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.17.1.tgz#ed719917f11ca0dee586272b2ac49e015a2dd759"
-  integrity sha512-kzeQ5B8H3w60nFY2g8cJIuH7JDpsALXySGtwGJ0p2LSjLgay3NdIpqq5SoOBe46bKDW2iq25irHCr8wjomUS2g==
-  dependencies:
-    tslib "^1.8.1"
-
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
@@ -11120,13 +11303,6 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
-type-check@~0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=
-  dependencies:
-    prelude-ls "~1.1.2"
-
 type-detect@4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
@@ -11157,6 +11333,11 @@ type-fest@^0.8.1:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
   integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
 
+type-fest@^1.0.1, type-fest@^1.2.1, type-fest@^1.2.2:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-1.4.0.tgz#e9fb813fe3bf1744ec359d55d1affefa76f14be1"
+  integrity sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==
+
 type-is@~1.6.18:
   version "1.6.18"
   resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
@@ -11402,7 +11583,7 @@ uuid@^8.3.2:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
 
-v8-compile-cache@^2.0.3, v8-compile-cache@^2.3.0:
+v8-compile-cache@^2.0.3:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
   integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
@@ -11470,17 +11651,18 @@ vue-demi@*:
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.9.0.tgz#b30da61450079d60a132d7aaf9e86d1949e8445e"
   integrity sha512-f8vVUpC726YXv99fF/3zHaw5CUYbP5H/DVWBN+pncXM8P2Uz88kkffwj9yD7MukuVzPICDHNrgS3VC2ursaP7g==
 
-vue-eslint-parser@^7.3.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.3.0.tgz#894085839d99d81296fa081d19643733f23d7559"
-  integrity sha512-n5PJKZbyspD0+8LnaZgpEvNCrjQx1DyDHw8JdWwoxhhC+yRip4TAvSDpXGf9SWX6b0umeB5aR61gwUo6NVvFxw==
+vue-eslint-parser@^9.4.2:
+  version "9.4.2"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-9.4.2.tgz#02ffcce82042b082292f2d1672514615f0d95b6d"
+  integrity sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==
   dependencies:
-    debug "^4.1.1"
-    eslint-scope "^5.0.0"
-    eslint-visitor-keys "^1.1.0"
-    espree "^6.2.1"
-    esquery "^1.0.1"
-    lodash "^4.17.15"
+    debug "^4.3.4"
+    eslint-scope "^7.1.1"
+    eslint-visitor-keys "^3.3.0"
+    espree "^9.3.1"
+    esquery "^1.4.0"
+    lodash "^4.17.21"
+    semver "^7.3.6"
 
 vue-focus-lock@^1.4.1:
   version "1.4.1"
@@ -11863,7 +12045,7 @@ which-typed-array@^1.1.13:
     gopd "^1.0.1"
     has-tostringtag "^1.0.0"
 
-which@^1.2.9, which@^1.3.1:
+which@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
   integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
@@ -11894,10 +12076,15 @@ wildcard@^2.0.0:
   resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
   integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
 
-word-wrap@^1.2.3, word-wrap@~1.2.3:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.4.tgz#cb4b50ec9aca570abd1f52f33cd45b6c61739a9f"
-  integrity sha512-2V81OA4ugVo5pRo46hAoD2ivUJx8jXmWXfUkY4KFNw0hEptvN0QfH3K4nHiwzGeKl5rFKedV48QVoqYavy4YpA==
+word-wrap@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
+  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
+
+word-wrap@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
+  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
 
 "wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
   version "7.0.0"
@@ -11930,17 +12117,23 @@ write-file-atomic@^4.0.2:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.7"
 
-write@1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/write/-/write-1.0.3.tgz#0800e14523b923a387e415123c865616aae0f5c3"
-  integrity sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==
+write-file-atomic@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-5.0.1.tgz#68df4717c55c6fa4281a7860b4c2ba0a6d2b11e7"
+  integrity sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==
   dependencies:
-    mkdirp "^0.5.1"
+    imurmurhash "^0.1.4"
+    signal-exit "^4.0.1"
+
+ws@^8.16.0:
+  version "8.16.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.16.0.tgz#d1cd774f36fbc07165066a60e40323eab6446fd4"
+  integrity sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==
 
-ws@^8.16.0, ws@^8.8.0:
-  version "8.17.1"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.17.1.tgz#9293da530bb548febc95371d90f9c878727d919b"
-  integrity sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==
+ws@^8.8.0:
+  version "8.8.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.8.1.tgz#5dbad0feb7ade8ecc99b830c1d77c913d4955ff0"
+  integrity sha512-bGy2JzvzkPowEJV++hF07hAD6niYSr0JzBNo/J29WsB57A2r7Wlc1UFcTR9IzrPvuNVO4B8LGqF8qcpsVOhJCA==
 
 xhr-mock@^2.5.1:
   version "2.5.1"
@@ -12000,12 +12193,7 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^1.10.0:
-  version "1.10.2"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
-  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
-
-yargs-parser@^20.2.3:
+yargs-parser@^20.2.3, yargs-parser@^20.2.9:
   version "20.2.9"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
   integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==

From b6e4f3786e73d45c2ed7f7511fed8f099ce962a9 Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Sat, 16 Mar 2024 18:09:17 -0700
Subject: [PATCH 03/12] Fix bug with ignore pattern that prevented selective
 linting.

---
 packages/kolibri-tools/lib/cli.js | 16 ++--------------
 1 file changed, 2 insertions(+), 14 deletions(-)

diff --git a/packages/kolibri-tools/lib/cli.js b/packages/kolibri-tools/lib/cli.js
index befd7a332c7..51907cce497 100755
--- a/packages/kolibri-tools/lib/cli.js
+++ b/packages/kolibri-tools/lib/cli.js
@@ -345,21 +345,9 @@ program
   .option('-w, --write', 'Write autofixes to file', false)
   .option('-e, --encoding <string>', 'Text encoding of file', 'utf-8')
   .option('-m, --monitor', 'Monitor files and check on change', false)
-  .option(
-    '-i, --ignore <patterns...>',
-    'Ignore these comma separated patterns',
-    list,
-    ignoreDefaults
-  )
+  .option('-i, --ignore <string>', 'Ignore these comma separated patterns', list, ignoreDefaults)
   .option('-p, --pattern <string>', 'Lint only files that match this comma separated pattern', null)
-  .action(function(args, options) {
-    const files = [];
-    if (!(args instanceof Command)) {
-      files.push(...args);
-    } else {
-      options = args;
-    }
-
+  .action(function (files, options) {
     let patternCheck;
     if (!files.length && !options.pattern) {
       cliLogging.error('Must specify files or glob patterns to lint!');

From b1db72c88d0bea4078b5800ccbed7b8c2aa31227 Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Wed, 7 Sep 2022 16:38:42 -0700
Subject: [PATCH 04/12] Update parser resolution in tests.

---
 .../tests/lib/rules/vue-no-undefined-string-uses.spec.js        | 2 +-
 .../tests/lib/rules/vue-no-unused-methods.spec.js               | 2 +-
 .../tests/lib/rules/vue-no-unused-properties.spec.js            | 2 +-
 .../tests/lib/rules/vue-no-unused-translations.spec.js          | 2 +-
 .../tests/lib/rules/vue-no-unused-vuex-methods.spec.js          | 2 +-
 .../tests/lib/rules/vue-no-unused-vuex-properties.spec.js       | 2 +-
 .../tests/lib/rules/vue-watch-no-string.spec.js                 | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-undefined-string-uses.spec.js b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-undefined-string-uses.spec.js
index 8dcff408848..cbd03e9a6ea 100644
--- a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-undefined-string-uses.spec.js
+++ b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-undefined-string-uses.spec.js
@@ -4,7 +4,7 @@ const RuleTester = require('eslint').RuleTester;
 const rule = require('../../../lib/rules/vue-no-undefined-string-uses');
 
 const tester = new RuleTester({
-  parser: 'vue-eslint-parser',
+  parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
diff --git a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-methods.spec.js b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-methods.spec.js
index d5b8a30b8a3..21a3e073d13 100644
--- a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-methods.spec.js
+++ b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-methods.spec.js
@@ -4,7 +4,7 @@ const RuleTester = require('eslint').RuleTester;
 const rule = require('../../../lib/rules/vue-no-unused-methods');
 
 const tester = new RuleTester({
-  parser: 'vue-eslint-parser',
+  parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
diff --git a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-properties.spec.js b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-properties.spec.js
index 9feda4680f7..56da0417e47 100644
--- a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-properties.spec.js
+++ b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-properties.spec.js
@@ -4,7 +4,7 @@ const RuleTester = require('eslint').RuleTester;
 const rule = require('../../../lib/rules/vue-no-unused-properties');
 
 const tester = new RuleTester({
-  parser: 'vue-eslint-parser',
+  parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
diff --git a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-translations.spec.js b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-translations.spec.js
index 8cac06e1e9c..2fe7610c1e1 100644
--- a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-translations.spec.js
+++ b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-translations.spec.js
@@ -4,7 +4,7 @@ const RuleTester = require('eslint').RuleTester;
 const rule = require('../../../lib/rules/vue-no-unused-translations');
 
 const tester = new RuleTester({
-  parser: 'vue-eslint-parser',
+  parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
diff --git a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-vuex-methods.spec.js b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-vuex-methods.spec.js
index aae177fd9fa..33cdda92e14 100644
--- a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-vuex-methods.spec.js
+++ b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-vuex-methods.spec.js
@@ -4,7 +4,7 @@ const RuleTester = require('eslint').RuleTester;
 const rule = require('../../../lib/rules/vue-no-unused-vuex-methods');
 
 const tester = new RuleTester({
-  parser: 'vue-eslint-parser',
+  parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
diff --git a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-vuex-properties.spec.js b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-vuex-properties.spec.js
index 15ebb06dcde..d155923619e 100644
--- a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-vuex-properties.spec.js
+++ b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-no-unused-vuex-properties.spec.js
@@ -4,7 +4,7 @@ const RuleTester = require('eslint').RuleTester;
 const rule = require('../../../lib/rules/vue-no-unused-vuex-properties');
 
 const tester = new RuleTester({
-  parser: 'vue-eslint-parser',
+  parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
diff --git a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-watch-no-string.spec.js b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-watch-no-string.spec.js
index b84cb49cfc5..88df5e5f0cd 100644
--- a/packages/eslint-plugin-kolibri/tests/lib/rules/vue-watch-no-string.spec.js
+++ b/packages/eslint-plugin-kolibri/tests/lib/rules/vue-watch-no-string.spec.js
@@ -4,7 +4,7 @@ const RuleTester = require('eslint').RuleTester;
 const rule = require('../../../lib/rules/vue-watch-no-string');
 
 const tester = new RuleTester({
-  parser: 'vue-eslint-parser',
+  parser: require.resolve('vue-eslint-parser'),
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',

From f3282181c812bf89a9ee852023467c397e095fdf Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Fri, 29 Mar 2024 09:10:54 -0700
Subject: [PATCH 05/12] Move markdown-it to package it is used in. Mark as
 nohoist to prevent entities dependency collisions.

---
 kolibri/core/package.json                     | 1 -
 kolibri/plugins/coach/package.json            | 4 ++++
 packages/kolibri-core-for-export/package.json | 1 -
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/kolibri/core/package.json b/kolibri/core/package.json
index 08bbe320e8a..f5fb7ff977f 100644
--- a/kolibri/core/package.json
+++ b/kolibri/core/package.json
@@ -25,7 +25,6 @@
     "lockr": "0.8.5",
     "lodash": "^4.17.21",
     "loglevel": "^1.9.1",
-    "markdown-it": "14.1.0",
     "path-to-regexp": "1.8.0",
     "screenfull": "^5.2.0",
     "tinycolor2": "^1.6.0",
diff --git a/kolibri/plugins/coach/package.json b/kolibri/plugins/coach/package.json
index 8f92c01e070..6cbf2ca6851 100644
--- a/kolibri/plugins/coach/package.json
+++ b/kolibri/plugins/coach/package.json
@@ -3,7 +3,11 @@
   "description": "Coach Plugin for Kolibri",
   "private": true,
   "version": "0.0.1",
+  "workspaces": {
+    "nohoist": ["markdown-it", "markdown-it/**"]
+  },
   "dependencies": {
+    "markdown-it": "14.1.0",
     "truncate-utf8-bytes": "^1.0.2"
   }
 }
diff --git a/packages/kolibri-core-for-export/package.json b/packages/kolibri-core-for-export/package.json
index 439b0f41bce..eae3f506fdc 100644
--- a/packages/kolibri-core-for-export/package.json
+++ b/packages/kolibri-core-for-export/package.json
@@ -28,7 +28,6 @@
     "lockr": "0.8.5",
     "lodash": "^4.17.21",
     "loglevel": "^1.9.1",
-    "markdown-it": "14.1.0",
     "path-to-regexp": "1.8.0",
     "screenfull": "^5.2.0",
     "tinycolor2": "^1.6.0",

From df9bf9390c872435a87a3ebb78c8eb7a14c9255b Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Fri, 29 Sep 2023 14:14:24 -0700
Subject: [PATCH 06/12] Move writeSourceToFile to its own file to avoid
 importing ESM module prettier in jest test.

---
 packages/kolibri-tools/lib/i18n/SyncContext.js     |  3 ++-
 packages/kolibri-tools/lib/i18n/intl_code_gen.js   |  2 +-
 packages/kolibri-tools/lib/i18n/utils.js           | 12 ------------
 .../kolibri-tools/lib/i18n/writeSourceToFile.js    | 14 ++++++++++++++
 4 files changed, 17 insertions(+), 14 deletions(-)
 create mode 100644 packages/kolibri-tools/lib/i18n/writeSourceToFile.js

diff --git a/packages/kolibri-tools/lib/i18n/SyncContext.js b/packages/kolibri-tools/lib/i18n/SyncContext.js
index 87014e84e9d..262ae64d28b 100644
--- a/packages/kolibri-tools/lib/i18n/SyncContext.js
+++ b/packages/kolibri-tools/lib/i18n/SyncContext.js
@@ -15,7 +15,8 @@ const {
   extractContext,
   printAST,
 } = require('./astUtils');
-const { forEachPathInfo, parseCSVDefinitions, writeSourceToFile } = require('./utils');
+const { forEachPathInfo, parseCSVDefinitions } = require('./utils');
+const writeSourceToFile = require('./writeSourceToFile');
 
 // Glob path patterns
 // All JS files
diff --git a/packages/kolibri-tools/lib/i18n/intl_code_gen.js b/packages/kolibri-tools/lib/i18n/intl_code_gen.js
index f260b463952..f51424a509c 100644
--- a/packages/kolibri-tools/lib/i18n/intl_code_gen.js
+++ b/packages/kolibri-tools/lib/i18n/intl_code_gen.js
@@ -1,6 +1,6 @@
 const path = require('path');
 const logger = require('../logging');
-const { writeSourceToFile } = require('./utils');
+const writeSourceToFile = require('./writeSourceToFile');
 
 const logging = logger.getLogger('Kolibri Intl Data');
 
diff --git a/packages/kolibri-tools/lib/i18n/utils.js b/packages/kolibri-tools/lib/i18n/utils.js
index 912aea9c7e4..c20f9e99732 100644
--- a/packages/kolibri-tools/lib/i18n/utils.js
+++ b/packages/kolibri-tools/lib/i18n/utils.js
@@ -2,7 +2,6 @@ const fs = require('fs');
 const path = require('path');
 const intersection = require('lodash/intersection');
 const { parse } = require('csv-parse/sync');
-const { lint } = require('kolibri-tools/lib/lint');
 const { addAliases, resetAliases } = require('kolibri-tools/lib/alias_import_resolver');
 const glob = require('../glob');
 const logging = require('../logging');
@@ -27,16 +26,6 @@ function checkForDuplicateIds(obj1, obj2) {
   return Boolean(actualDuplicates.length);
 }
 
-function writeSourceToFile(filePath, fileSource) {
-  fs.writeFileSync(filePath, fileSource, { encoding: 'utf-8' });
-
-  lint({
-    file: filePath,
-    write: true,
-    silent: true,
-  });
-}
-
 // Compile all of the defined strings & context from the CSVs that have been downloaded
 // from Crowdin.
 function parseCSVDefinitions(dir, intlLangCode = null) {
@@ -91,7 +80,6 @@ function forEachPathInfo(pathInfo, callback) {
 module.exports = {
   parseCSVDefinitions,
   toLocale,
-  writeSourceToFile,
   forEachPathInfo,
   checkForDuplicateIds,
 };
diff --git a/packages/kolibri-tools/lib/i18n/writeSourceToFile.js b/packages/kolibri-tools/lib/i18n/writeSourceToFile.js
new file mode 100644
index 00000000000..901d5d7156a
--- /dev/null
+++ b/packages/kolibri-tools/lib/i18n/writeSourceToFile.js
@@ -0,0 +1,14 @@
+const fs = require('fs');
+const { lint } = require('kolibri-tools/lib/lint');
+
+function writeSourceToFile(filePath, fileSource) {
+  fs.writeFileSync(filePath, fileSource, { encoding: 'utf-8' });
+
+  lint({
+    file: filePath,
+    write: true,
+    silent: true,
+  });
+}
+
+module.exports = writeSourceToFile;

From ecfaa347d3317bad8253dff66c37d2cdf82dad87 Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Wed, 24 Apr 2024 12:32:29 -0700
Subject: [PATCH 07/12] Don't nest li in a p tag.

---
 .../assets/src/views/ProfilePage/index.vue    | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/kolibri/plugins/user_profile/assets/src/views/ProfilePage/index.vue b/kolibri/plugins/user_profile/assets/src/views/ProfilePage/index.vue
index 357b56c2ba8..815bf19e596 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ProfilePage/index.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ProfilePage/index.vue
@@ -72,17 +72,15 @@
                 </template>
                 {{ permissionTypeText }}
               </KLabeledIcon>
-              <p>
-                {{ $tr('youCan') }}
-                <ul class="permissions-list">
-                  <li v-if="isSuperuser">
-                    {{ $tr('manageDevicePermissions') }}
-                  </li>
-                  <li v-for="(value, key) in userPermissions" :key="key">
-                    {{ getPermissionString(key) }}
-                  </li>
-                </ul>
-              </p>
+              <p>{{ $tr('youCan') }}</p>
+              <ul class="permissions-list">
+                <li v-if="isSuperuser">
+                  {{ $tr('manageDevicePermissions') }}
+                </li>
+                <li v-for="(value, key) in userPermissions" :key="key">
+                  {{ getPermissionString(key) }}
+                </li>
+              </ul>
             </td>
           </tr>
 

From 4b3b6b2e08229d37c47d1cd628bff36e24a18509 Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Wed, 24 Apr 2024 16:05:07 -0700
Subject: [PATCH 08/12] Properly mock validator.

---
 .../views/ExamReport/__tests__/TriesOverview.spec.js   | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/kolibri/core/assets/src/views/ExamReport/__tests__/TriesOverview.spec.js b/kolibri/core/assets/src/views/ExamReport/__tests__/TriesOverview.spec.js
index 56133ab690f..295eb5531fe 100644
--- a/kolibri/core/assets/src/views/ExamReport/__tests__/TriesOverview.spec.js
+++ b/kolibri/core/assets/src/views/ExamReport/__tests__/TriesOverview.spec.js
@@ -1,11 +1,15 @@
 import { render, screen } from '@testing-library/vue';
 import '@testing-library/jest-dom';
 import TriesOverview from '../TriesOverview.vue';
-import * as tryValidatorModule from '../utils';
 
 // Mock the tryValidator namespace as the same is used in the component
-// eslint-disable-next-line import/namespace
-tryValidatorModule.tryValidator = jest.fn(() => true);
+jest.mock('../utils', () => {
+  const original = jest.requireActual('../utils');
+  return {
+    ...original,
+    tryValidator: jest.fn(() => true),
+  };
+});
 
 // Helper function to render the component with some default props
 const renderComponent = props => {

From d051caf2e7dd83ab6eb8b559650398d4fc3a9166 Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Wed, 24 Apr 2024 16:13:54 -0700
Subject: [PATCH 09/12] Fix kebab-case for css class names.

---
 .../learn/assets/src/views/QuizRenderer/index.vue    |  4 ++--
 .../assets/src/views/OnboardingStepBase.vue          | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/kolibri/plugins/learn/assets/src/views/QuizRenderer/index.vue b/kolibri/plugins/learn/assets/src/views/QuizRenderer/index.vue
index 78139c27030..8a53ff0b5d9 100644
--- a/kolibri/plugins/learn/assets/src/views/QuizRenderer/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/QuizRenderer/index.vue
@@ -115,7 +115,7 @@
           <KPageContainer v-if="!windowIsLarge">
             <div
               class="bottom-block"
-              :class="{ windowIsSmall }"
+              :class="{ 'window-is-small': windowIsSmall }"
             >
               <div class="answered">
                 {{ answeredText }}
@@ -532,7 +532,7 @@
     margin-top: 8px;
   }
 
-  .bottom-block.windowIsSmall {
+  .bottom-block.window-is-small {
     text-align: center;
   }
 
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/OnboardingStepBase.vue b/kolibri/plugins/setup_wizard/assets/src/views/OnboardingStepBase.vue
index 3363749ad13..34521809ad3 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/OnboardingStepBase.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/OnboardingStepBase.vue
@@ -2,7 +2,7 @@
 
   <!-- Always base-container class, wrapping screen size class when small -->
   <div
-    :class="{ 'base-container': true, 'windowIsSmall': windowIsSmall }"
+    :class="{ 'base-container': true, 'window-is-small': windowIsSmall }"
     :style="{ 'background-color': windowIsSmall ? $themeTokens.surface : '' }"
     @keyup.enter="handleEnterKey"
   >
@@ -283,7 +283,7 @@
     padding-bottom: 5em;
     margin: 5em auto 0;
 
-    &.windowIsSmall {
+    &.window-is-small {
       width: 100vw;
       height: 100vh;
       margin: 0;
@@ -305,7 +305,7 @@
     font-size: 0.875em;
   }
 
-  .windowIsSmall .logo-lang-container {
+  .window-is-small .logo-lang-container {
     padding: 16px;
   }
 
@@ -340,7 +340,7 @@
     font-weight: bold;
   }
 
-  .windowIsSmall .languages-button {
+  .window-is-small .languages-button {
     top: 16px;
     right: 16px;
   }
@@ -351,7 +351,7 @@
     padding: 16px 32px 32px;
   }
 
-  .windowIsSmall .content {
+  .window-is-small .content {
     padding: 32px;
   }
 
@@ -371,7 +371,7 @@
     }
   }
 
-  .windowIsSmall .footer-section {
+  .window-is-small .footer-section {
     width: 100%;
     max-width: 100%;
   }

From 42efde27bac137734f05057278c4827168d119f2 Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Thu, 20 Jun 2024 13:36:09 -0700
Subject: [PATCH 10/12] Apply automatic formatting fixes.

---
 kolibri/core/assets/src/api-resource.js       |   32 +-
 .../assets/src/api-resources/contentNode.js   |    2 +-
 .../composables/useMinimumKolibriVersion.js   |    2 +-
 .../src/composables/useUserSyncStatus.js      |    2 +-
 .../core-app/__tests__/pluginMediator.spec.js |  288 ++---
 .../core/assets/src/core-app/baseClient.js    |    6 +-
 kolibri/core/assets/src/core-app/client.js    |   12 +-
 kolibri/core/assets/src/core-app/index.js     |    2 +-
 .../assets/src/core-app/pluginMediator.js     |   10 +-
 kolibri/core/assets/src/exams/utils.js        |   10 +-
 kolibri/core/assets/src/heartbeat.js          |    8 +-
 kolibri/core/assets/src/kolibri_app.js        |    4 +-
 kolibri/core/assets/src/logging.js            |    6 +-
 .../__test__/notificationStrings.spec.js      |    2 +-
 .../assets/src/mixins/commonCoreStrings.js    |    4 +-
 kolibri/core/assets/src/router.js             |    2 +-
 .../assets/src/state/modules/core/actions.js  |    6 +-
 .../utils/__test__/generateNavRoutes.spec.js  |   12 +-
 kolibri/core/assets/src/utils/i18n.js         |    6 +-
 .../core/assets/src/utils/intl-locale-data.js |  134 +--
 .../assets/src/utils/licenseTranslations.js   |    4 +-
 .../assets/src/utils/setupAndLoadFonts.js     |    4 +-
 kolibri/core/assets/src/utils/shuffled.js     |    2 +-
 .../core/assets/src/utils/syncTaskUtils.js    |    4 +-
 .../assets/src/utils/vue-intl-locale-data.js  |    2 +-
 kolibri/core/assets/src/views/AppBar.vue      |    7 +-
 .../core/assets/src/views/AttemptLogItem.vue  |   15 +-
 .../core/assets/src/views/AttemptLogList.vue  |   44 +-
 kolibri/core/assets/src/views/Backdrop.vue    |    5 +-
 kolibri/core/assets/src/views/BaseToolbar.vue |    6 +-
 .../assets/src/views/BottomNavigationBar.vue  |   27 +-
 .../assets/src/views/CoachContentLabel.vue    |    5 +-
 kolibri/core/assets/src/views/ContentIcon.vue |   26 +-
 .../ContentRenderer/ContentRendererError.vue  |   16 +-
 .../ContentRendererLoading.vue                |    4 +-
 .../views/ContentRenderer/DownloadButton.vue  |    2 +-
 .../__tests__/DownloadButton.spec.js          |    2 +-
 .../assets/src/views/ContentRenderer/index.js |    6 +-
 .../assets/src/views/ContentRenderer/utils.js |    2 +-
 kolibri/core/assets/src/views/CoreBanner.vue  |    5 +-
 .../assets/src/views/CoreInfoIcon/index.vue   |    7 +-
 .../core/assets/src/views/CoreLogo/index.vue  |    7 +-
 .../src/views/CoreMenu/CoreMenuOption.vue     |   35 +-
 .../CoreMenu/__tests__/CoreMenuOption.spec.js |   10 +-
 .../assets/src/views/CorePage/AppBarPage.vue  |   21 +-
 .../src/views/CorePage/ImmersivePage.vue      |   23 +-
 .../assets/src/views/CoreSnackbar/index.vue   |   16 +-
 kolibri/core/assets/src/views/CoreTable.vue   |    2 +-
 kolibri/core/assets/src/views/ElapsedTime.vue |    4 +-
 .../src/views/ExamReport/AttemptTextDiff.vue  |    5 +-
 .../views/ExamReport/CurrentTryOverview.vue   |   52 +-
 .../src/views/ExamReport/TriesOverview.vue    |   11 +-
 .../assets/src/views/ExamReport/index.vue     |   64 +-
 .../views/InteractionList/InteractionItem.vue |    8 +-
 .../src/views/InteractionList/index.vue       |    2 -
 .../src/views/KolibriLoadingSnippet.vue       |    9 +-
 .../core/assets/src/views/MultiPaneLayout.vue |    5 +-
 .../core/assets/src/views/Navbar/index.vue    |    4 +-
 .../assets/src/views/NotificationsRoot.vue    |    6 +-
 .../src/views/PaginatedListContainer.vue      |    7 +-
 kolibri/core/assets/src/views/ProgressBar.vue |   15 +-
 kolibri/core/assets/src/views/SideNav.vue     |   54 +-
 .../core/assets/src/views/SlotTruncator.vue   |   13 +-
 .../assets/src/views/SyncStatusDisplay.vue    |    7 +-
 .../core/assets/src/views/TimeDuration.vue    |    4 +-
 kolibri/core/assets/src/views/TotalPoints.vue |   11 +-
 .../views/UserTable/__tests__/index.spec.js   |   29 +-
 .../core/assets/src/views/UserTable/index.vue |   63 +-
 .../LanguageSwitcherModal.vue                 |    3 -
 .../language-switcher/SelectedLanguage.vue    |    5 +-
 .../assets/src/views/sortable/DragHandle.vue  |    6 +-
 .../views/sortable/DragSortWidget/index.vue   |    8 +-
 .../views/sync/ConfirmationRegisterModal.vue  |    1 -
 .../sync/FacilityAdminCredentialsForm.vue     |   10 +-
 .../__tests__/index.spec.js                   |    6 +-
 .../sync/FacilityNameAndSyncStatus/index.vue  |    2 +-
 .../views/sync/FacilityTaskPanelDetails.vue   |   41 +-
 .../src/views/sync/RegisterFacilityModal.vue  |    5 +-
 .../DeviceConnectingModal.vue                 |    6 +-
 .../SelectDeviceForm.vue                      |   19 +-
 .../__test__/AddDeviceForm.spec.js            |    4 +-
 .../__test__/SelectDeviceForm.spec.js         |    5 +-
 .../useConnectionChecker.js                   |    4 +-
 .../sync/SelectDeviceModalGroup/useDevices.js |    4 +-
 .../ConfirmationRegisterModal.spec.js         |    4 +-
 .../userAccounts/BirthYearDisplayText.vue     |    5 +-
 .../views/userAccounts/BirthYearSelect.vue    |    1 -
 .../views/userAccounts/GenderDisplayText.vue  |    5 +-
 .../userAccounts/PrivacyLinkAndModal.vue      |    1 -
 kolibri/core/assets/test/api-resource.spec.js |  516 ++++----
 .../core/assets/test/download-button.spec.js  |    8 +-
 .../test/exams/current-try-overview.spec.js   |   18 +-
 kolibri/core/assets/test/exams/utils.spec.js  |    8 +-
 kolibri/core/assets/test/heartbeat.spec.js    |  120 +-
 kolibri/core/assets/test/kolibri_app.spec.js  |    8 +-
 .../core/assets/test/progress-icon.spec.js    |    7 +-
 .../assets/test/utils/syncTaskUtils.spec.js   |    6 +-
 .../assets/test/views/KTooltipExample.vue     |    4 +-
 .../test/views/NotificationsRoot.spec.js      |    4 +-
 .../test/views/attempt-log-item.spec.js       |    2 +-
 .../assets/test/views/auth-message.spec.js    |    6 +-
 .../assets/test/views/elapsed-time.spec.js    |    2 +-
 .../core/assets/test/views/side-nav.spec.js   |    8 +-
 kolibri/plugins/coach/assets/src/app.js       |    4 +-
 .../assets/src/composables/useCoreCoach.js    |    2 +-
 .../coach/assets/src/composables/useGroups.js |    6 +-
 .../assets/src/composables/useLessons.js      |    2 +-
 .../assets/src/composables/useQuizCreation.js |   14 +-
 .../src/composables/useQuizResources.js       |    8 +-
 .../classSummary/__test__/dataHelpers.spec.js |    6 +-
 .../src/modules/classSummary/dataHelpers.js   |   38 +-
 .../assets/src/modules/classSummary/index.js  |   12 +-
 .../src/modules/coachNotifications/getters.js |    6 +-
 .../src/modules/exerciseDetail/handlers.js    |    2 +-
 .../assets/src/modules/groups/actions.js      |   12 +-
 .../src/modules/lessonResources/handlers.js   |    8 +-
 .../src/modules/lessonResources/index.js      |    6 +-
 .../src/modules/lessonSummary/actions.js      |    2 +-
 .../assets/src/modules/lessonSummary/index.js |    2 +-
 .../src/modules/questionDetail/handlers.js    |    2 +-
 .../src/modules/questionList/actions.js       |    4 +-
 .../src/modules/resourceDetail/handlers.js    |    2 +-
 .../plugins/coach/assets/src/routes/index.js  |    2 +-
 .../coach/assets/src/routes/reportRoutes.js   |   14 +-
 .../plugins/coach/assets/src/safeFilename.js  |    2 +-
 .../coach/assets/src/utils/selectQuestions.js |    2 +-
 .../assets/src/views/AllFacilitiesPage.vue    |    2 +-
 .../src/views/ClassLearnersListPage.vue       |    4 +-
 .../assets/src/views/CoachAppBarPage.vue      |    5 +-
 .../assets/src/views/CoachClassListPage.vue   |   10 +-
 .../assets/src/views/CoachImmersivePage.vue   |    6 +-
 .../assets/src/views/CoachPrompts/index.vue   | 1043 +++++------------
 .../src/views/StorageNotificationBanner.vue   |   41 +-
 .../plugins/coach/assets/src/views/common.js  |    4 +-
 .../assets/src/views/common/BackLink.vue      |   11 +-
 .../src/views/common/HeaderTabs/HeaderTab.vue |    5 +-
 .../views/common/LearnerExerciseReport.vue    |   17 +-
 .../assets/src/views/common/LessonStatus.vue  |   35 +-
 .../assets/src/views/common/Placeholder.vue   |    6 +-
 .../common/QuestionDetailLearnerList.vue      |    9 +-
 .../views/common/QuestionLearnersReport.vue   |   10 +-
 .../views/common/QuizLessonDetailsHeader.vue  |   11 +-
 .../assets/src/views/common/QuizStatus.vue    |   52 +-
 .../coach/assets/src/views/common/Score.vue   |   10 +-
 .../src/views/common/StatusElapsedTime.vue    |    2 +-
 .../src/views/common/TruncatedItemList.vue    |    5 +-
 .../common/notifications/ActivityList.vue     |    2 +-
 .../common/notifications/NotificationCard.vue |   11 +-
 .../__test__/NotificationCard.spec.js         |    6 +-
 .../views/common/status/CoachStatusIcon.vue   |    5 +-
 .../common/status/LearnerProgressCount.vue    |    5 +-
 .../common/status/LearnerProgressLabel.vue    |    5 +-
 .../common/status/LearnerProgressRatio.vue    |    5 +-
 .../common/status/ProgressSummaryBar.vue      |   15 +-
 .../views/common/status/StatusTestPage.vue    |   65 +-
 .../src/views/home/HomeActivityPage.vue       |    1 -
 .../src/views/home/HomePage/ActivityBlock.vue |    1 -
 .../home/HomePage/ItemProgressDisplay.vue     |   19 +-
 .../src/views/home/HomePage/LessonsBlock.vue  |    5 +-
 .../src/views/home/HomePage/OverviewBlock.vue |    7 +-
 .../src/views/home/HomePage/QuizzesBlock.vue  |    5 +-
 .../assets/src/views/home/HomePage/index.vue  |    1 -
 .../src/views/plan/CoachExamsPage/index.vue   |   30 +-
 .../AssessmentQuestionListItem.vue            |   10 +-
 .../plan/CreateExamPage/CreateQuizSection.vue |   54 +-
 .../CreateExamPage/QuestionListPreview.vue    |   28 +-
 .../plan/CreateExamPage/ReplaceQuestions.vue  |   45 +-
 .../plan/CreateExamPage/ResourceSelection.vue |   70 +-
 .../plan/CreateExamPage/SectionEditor.vue     |   50 +-
 .../plan/CreateExamPage/TabsWithOverflow.vue  |   26 +-
 .../src/views/plan/CreateExamPage/index.vue   |   16 +-
 .../src/views/plan/GroupEnrollPage/index.vue  |   14 +-
 .../plan/GroupsPage/CreateGroupModal.vue      |    2 +-
 .../src/views/plan/GroupsPage/GroupRow.vue    |    2 +-
 .../plan/GroupsPage/RenameGroupModal.vue      |    2 +-
 .../LessonContentPreviewPage/ContentArea.vue  |   10 +-
 .../LessonContentPreviewPage/QuestionList.vue |    4 +-
 .../plan/LessonContentPreviewPage/index.vue   |   19 +-
 .../EditDetailsResourceListTable.vue          |   34 +-
 .../plan/LessonEditDetailsPage/index.vue      |    5 +-
 .../ContentCardList.vue                       |    7 +-
 .../LessonContentCard/BookmarkIcon.vue        |    2 +-
 .../LessonContentCard/CardThumbnail.vue       |    1 -
 .../LessonContentCard/index.vue               |   19 +-
 .../SearchTools/LessonsSearchBox.vue          |    6 +-
 .../SearchTools/LessonsSearchFilters.vue      |   15 +-
 .../LessonResourceSelectionPage/index.vue     |   17 +-
 .../LessonSummaryPage/ManageLessonModals.vue  |    6 +-
 .../LessonSummaryPage/ResourceListTable.vue   |   32 +-
 .../views/plan/LessonSummaryPage/index.vue    |    3 -
 .../src/views/plan/LessonsRootPage/index.vue  |   19 +-
 .../assets/src/views/plan/PlanHeader.vue      |    2 +-
 .../PlanLessonSelectionContentPreview.vue     |    3 +-
 .../src/views/plan/QuizSummaryPage/index.vue  |   17 +-
 .../plan/assignments/AssignmentCopyModal.vue  |   14 +-
 .../assignments/AssignmentDetailsModal.vue    |    6 +-
 .../assignments/IndividualLearnerSelector.vue |   17 +-
 .../reports/ExerciseQuestionListPageBase.vue  |   12 +-
 .../reports/QuizQuestionListPageBase.vue      |   21 +-
 .../src/views/reports/ReportsControls.vue     |    5 +-
 .../reports/ReportsGroupActivityPage.vue      |    3 -
 .../src/views/reports/ReportsGroupHeader.vue  |    5 +-
 .../reports/ReportsGroupLearnerListPage.vue   |    9 +-
 .../views/reports/ReportsGroupListPage.vue    |    9 +-
 ...oupReportLessonExerciseLearnerListPage.vue |   13 +-
 ...oupReportLessonResourceLearnerListPage.vue |    8 +-
 .../views/reports/ReportsGroupReportPage.vue  |    6 +-
 .../reports/ReportsGroupReportQuizHeader.vue  |    7 +-
 .../ReportsGroupReportQuizLearnerListPage.vue |   10 +-
 .../src/views/reports/ReportsHeader.vue       |    2 +-
 .../reports/ReportsLearnerActivityPage.vue    |    7 +-
 .../views/reports/ReportsLearnerHeader.vue    |   11 +-
 .../views/reports/ReportsLearnerListPage.vue  |   11 +-
 .../ReportsLearnerReportLessonPage.vue        |   11 +-
 .../reports/ReportsLearnerReportPage.vue      |   11 +-
 .../views/reports/ReportsLearnersTable.vue    |   34 +-
 .../src/views/reports/ReportsLessonBase.vue   |   18 +-
 .../ReportsLessonExerciseLearnerListPage.vue  |   14 +-
 .../reports/ReportsLessonLearnerBase.vue      |   20 +-
 .../reports/ReportsLessonLearnerListPage.vue  |   10 +-
 .../reports/ReportsLessonLearnersList.vue     |   10 +-
 .../views/reports/ReportsLessonListPage.vue   |    9 +-
 .../reports/ReportsLessonManagerPage.vue      |    5 +-
 .../views/reports/ReportsLessonReportPage.vue |   10 +-
 .../ReportsLessonResourceLearnerListPage.vue  |   23 +-
 .../reports/ReportsLessonResourcesList.vue    |   15 +-
 .../views/reports/ReportsQuizBaseListPage.vue |   11 +-
 .../reports/ReportsQuizLearnerListPage.vue    |   10 +-
 .../src/views/reports/ReportsQuizListPage.vue |   19 +-
 .../views/reports/ReportsQuizPreviewPage.vue  |    6 +-
 .../views/reports/ReportsResourceHeader.vue   |   57 +-
 .../test/selectRandomExamQuestions.spec.js    |    2 +-
 .../coach/assets/test/useFetchTree.spec.js    |    2 +-
 .../coach/assets/test/useQuizCreation.spec.js |   14 +-
 .../assets/src/DemoServerBannerContent.vue    |    4 +-
 kolibri/plugins/device/assets/src/app.js      |    2 +-
 .../assets/src/composables/usePlugins.js      |    2 +-
 .../manageContent/actions/taskActions.js      |    2 +-
 .../assets/src/modules/manageContent/index.js |    9 +-
 .../src/modules/managePermissions/handlers.js |   12 +-
 .../src/modules/userPermissions/actions.js    |    2 +-
 .../actions/availableChannelsActions.js       |    6 +-
 .../actions/contentTreeViewerActions.js       |   10 +-
 .../wizard/actions/contentWizardActions.js    |    2 +-
 .../assets/src/modules/wizard/getters.js      |    2 +-
 .../assets/src/modules/wizard/handlers.js     |    8 +-
 .../plugins/device/assets/src/routes/index.js |    2 +-
 .../src/views/AvailableChannelsPage/index.vue |   12 +-
 .../src/views/DeprecationWarningBanner.vue    |   42 +-
 .../assets/src/views/DeviceAppBarPage.vue     |    2 -
 .../device/assets/src/views/DeviceIndex.vue   |    2 -
 .../assets/src/views/DeviceInfoPage.vue       |    6 +-
 .../DeviceSettingsPage/ServerRestartModal.vue |    5 +-
 .../__test__/DeviceSettingsPage.spec.js       |   13 +-
 .../src/views/DeviceSettingsPage/index.vue    |   87 +-
 .../FacilitiesPage/FacilitiesTasksPage.vue    |    4 +-
 .../FacilitiesPage/RemoveFacilityModal.vue    |    1 -
 .../FacilitiesPage/SyncAllFacilitiesModal.vue |    2 +-
 .../FacilitiesPage/facilityTasksQueue.js      |    6 +-
 .../assets/src/views/FacilitiesPage/index.vue |   11 +-
 .../ChannelPanel/ChannelDetails.vue           |   20 +-
 .../ChannelPanel/WithCheckbox.vue             |    6 +-
 .../ChannelPanel/WithImportDetails.vue        |   35 +-
 .../ChannelPanel/WithSizeAndOptions.vue       |    7 +-
 .../DeleteExportChannelsPage.vue              |    9 +-
 .../FilteredChannelListContainer.vue          |   21 +-
 .../ManageChannelContentsPage/index.vue       |    1 -
 .../NewChannelVersionBanner.vue               |    5 +-
 .../NewChannelVersionPage.vue                 |   14 +-
 .../SelectNetworkDeviceModal/index.vue        |    2 +-
 .../SelectDriveModal.vue                      |    2 +-
 .../SelectTransferSourceModal/index.vue       |    1 -
 .../views/ManageContentPage/TaskProgress.vue  |    1 -
 .../src/views/ManageContentPage/TasksBar.vue  |    1 -
 .../ManageContentPage/UpdateChannelModal.vue  |    9 +-
 .../src/views/ManageContentPage/index.vue     |    6 +-
 .../views/ManagePermissionsPage/UserGrid.vue  |   24 +-
 .../src/views/ManagePermissionsPage/index.vue |   10 +-
 .../src/views/ManageTasksPage/TaskPanel.vue   |   48 +-
 .../src/views/ManageTasksPage/index.vue       |   27 +-
 .../src/views/PinAuthenticationModal.vue      |    2 +-
 .../src/views/RearrangeChannelsPage.vue       |    1 -
 .../ChannelContentsSummary.vue                |    6 +-
 .../SelectContentPage/ContentNodeRow.vue      |    6 +-
 .../SelectContentPage/ContentTreeViewer.vue   |   17 +-
 .../src/views/UserPermissionsPage/index.vue   |   13 +-
 .../__test__/RearrangeChannelsPage.spec.js    |    4 +-
 .../test/views/AvailableChannelsPage.spec.js  |    2 +-
 .../test/views/ContentTreeViewer.spec.js      |    4 +-
 .../test/views/SelectContentPage.spec.js      |   12 +-
 .../assets/src/views/BottomBar.vue            |    5 +-
 .../assets/src/views/EpubRendererIndex.vue    |   31 +-
 .../assets/src/views/LoadingScreen.vue        |    5 +-
 .../assets/src/views/SearchSideBar.vue        |   17 +-
 .../assets/src/views/SettingsSideBar.vue      |   25 +-
 .../epub_viewer/assets/src/views/SideBar.vue  |    5 +-
 .../src/views/TableOfContentsSection.vue      |    1 -
 .../src/views/TableOfContentsSideBar.vue      |    4 +-
 .../epub_viewer/assets/src/views/TopBar.vue   |    5 +-
 .../assets/tests/EpubRendererIndex.spec.js    |    4 +-
 .../tests/TableOfContentsSection.spec.js      |    6 +-
 .../TableOfContentsSectionSideBar.spec.js     |    2 +-
 .../modules/classAssignMembers/handlers.js    |    4 +-
 .../modules/classEditManagement/actions.js    |    6 +-
 .../src/modules/classManagement/actions.js    |    2 +-
 .../src/modules/facilityConfig/actions.js     |    2 +-
 .../assets/src/modules/importCSV/actions.js   |    6 +-
 .../assets/src/modules/manageCSV/actions.js   |   12 +-
 .../src/modules/userManagement/actions.js     |    2 +-
 .../src/modules/userManagement/utils.js       |    2 +-
 kolibri/plugins/facility/assets/src/routes.js |    2 +-
 .../assets/src/views/AllFacilitiesPage.vue    |   16 +-
 .../views/ClassEditPage/ClassRenameModal.vue  |    2 +-
 .../assets/src/views/ClassEditPage/index.vue  |   12 +-
 .../assets/src/views/ClassEnrollForm.vue      |    7 +-
 .../assets/src/views/CsvInfoModal.vue         |   71 +-
 .../views/DataPage/ImportInterface/index.vue  |   17 +-
 .../DataPage/SyncInterface/PrivacyModal.vue   |    1 -
 .../views/DataPage/SyncInterface/index.vue    |   12 +-
 .../assets/src/views/DataPage/index.vue       |   35 +-
 .../assets/src/views/FacilityAppBarPage.vue   |    8 +-
 .../FacilityConfigPage/ChangePinModal.vue     |    2 +-
 .../CreateManagementPinModal.vue              |    2 +-
 .../EditFacilityNameModal.vue                 |    2 +-
 .../src/views/FacilityConfigPage/index.vue    |   23 +-
 .../assets/src/views/ImportCsvPage/Init.vue   |    9 +-
 .../src/views/ImportCsvPage/Preview.vue       |   20 +-
 .../assets/src/views/ImportCsvPage/index.vue  |    9 +-
 .../ManageClassPage/ClassCreateModal.vue      |    2 +-
 .../src/views/ManageClassPage/index.vue       |   19 +-
 .../views/ManageClassPage/useDeleteClass.js   |    2 +-
 .../assets/src/views/UserCreatePage.vue       |   26 +-
 .../assets/src/views/UserEditPage.vue         |   25 +-
 .../views/UserPage/ResetUserPasswordModal.vue |    4 +-
 .../assets/src/views/UserPage/index.vue       |    7 +-
 .../assets/test/state/facilityConfig.spec.js  |    8 +-
 .../test/views/facility-app-bar-page.spec.js  |    2 +-
 .../src/views/Html5AppRendererIndex.vue       |   12 +-
 .../src/composables/__mocks__/useDevices.js   |    2 +-
 .../__tests__/useContentLink.spec.js          |    5 +-
 .../__tests__/useLearnerResources.spec.js     |    6 +-
 .../__tests__/useProgressTracking.spec.js     |   50 +-
 .../composables/__tests__/useSearch.spec.js   |    8 +-
 .../assets/src/composables/useDevices.js      |    5 +-
 .../src/composables/useLearnerResources.js    |    4 +-
 .../src/composables/useLearningActivities.js  |    2 +-
 .../src/composables/useProgressTracking.js    |   24 +-
 .../learn/assets/src/composables/useSearch.js |    2 +-
 .../src/modules/examReportViewer/handlers.js  |    4 +-
 .../assets/src/modules/examViewer/handlers.js |    8 +-
 .../assets/src/modules/examViewer/index.js    |    4 +-
 .../views/DownloadsList/index.vue             |   22 +-
 .../views/Filters/ActivityFilter.vue          |    2 +-
 .../src/my_downloads/views/MyDownloads.vue    |   20 +-
 .../assets/src/utils/__test__/themes.spec.js  |    6 +-
 .../assets/src/utils/validateChannelTheme.js  |    2 +-
 .../learn/assets/src/views/AlsoInThis.vue     |   46 +-
 .../ExerciseAttempts/AnswerIcon.vue           |    6 +-
 .../ExerciseAttempts/index.vue                |    3 +-
 .../AssessmentWrapper/LessonMasteryBar.vue    |    7 +-
 .../src/views/AssessmentWrapper/index.vue     |   34 +-
 .../learn/assets/src/views/BookmarkPage.vue   |   20 +-
 .../src/views/BrowseResourceMetadata.vue      |  131 ++-
 .../learn/assets/src/views/CardList.vue       |   50 +-
 .../learn/assets/src/views/ChannelCard.vue    |    4 +-
 .../assets/src/views/ChannelCardGroupGrid.vue |    1 -
 .../src/views/ChannelRenderer/ContentItem.vue |    1 -
 .../views/ChannelRenderer/ContentModal.vue    |    5 +-
 .../ChannelRenderer/CustomContentRenderer.vue |    4 +-
 .../assets/src/views/ChannelThumbnail.vue     |    2 -
 .../ResourceItem/ResourceLabel.vue            |    7 +-
 .../src/views/CompletionModal/index.vue       |   26 +-
 .../src/views/ContentCardGroupHeader.vue      |   20 +-
 .../learn/assets/src/views/ContentPage.vue    |    3 +-
 .../src/views/ContentUnavailablePage.vue      |   10 +-
 .../learn/assets/src/views/CopiesModal.vue    |    2 +-
 .../views/CurrentlyViewedResourceMetadata.vue |   74 +-
 .../src/views/DeviceConnectionStatus.vue      |    4 +-
 .../src/views/ExamPage/AnswerHistory.vue      |   18 +-
 .../learn/assets/src/views/ExamPage/index.vue |   89 +-
 .../ExploreLibrariesPage/LibraryItem.vue      |    2 +-
 .../src/views/ExploreLibrariesPage/index.vue  |    5 +-
 .../src/views/FadeInTransitionGroup.vue       |   15 +-
 .../src/views/HomePage/ContinueLearning.vue   |    2 +-
 .../__tests__/ExploreChannels.spec.js         |   11 +-
 .../views/HomePage/ExploreChannels/index.vue  |    5 +-
 .../views/HomePage/__tests__/HomePage.spec.js |   30 +-
 .../learn/assets/src/views/HomePage/index.vue |   38 +-
 .../CardThumbnail.vue                         |    4 +-
 .../HybridLearningFooter.vue                  |    9 +-
 .../views/HybridLearningContentCard/index.vue |   19 +-
 .../src/views/HybridLearningLessonCard.vue    |    5 +-
 .../assets/src/views/LearnAppBarPage.vue      |    1 -
 .../src/views/LearnExamReportViewer.vue       |    6 +-
 .../assets/src/views/LearningActivityBar.vue  |   20 +-
 .../assets/src/views/LearningActivityChip.vue |    5 +-
 .../views/LearningActivityDuration/index.vue  |    9 +-
 .../assets/src/views/LearningActivityIcon.vue |    5 +-
 .../__tests__/index.spec.js                   |    2 +-
 .../src/views/LearningActivityLabel/index.vue |    6 +-
 .../LibraryAndChannelBrowserMainContent.vue   |    6 +-
 .../src/views/LibraryPage/OtherLibraries.vue  |   20 +-
 .../LibraryPage/ResumableContentGrid.vue      |   11 +-
 .../src/views/LibraryPage/UnPinnedDevices.vue |    3 +-
 .../assets/src/views/LibraryPage/index.vue    |   42 +-
 .../learn/assets/src/views/PageHeader.vue     |   10 +-
 .../learn/assets/src/views/ProgressBar.vue    |   11 +-
 .../src/views/QuizRenderer/QuizReport.vue     |   12 +-
 .../assets/src/views/QuizRenderer/index.vue   |   47 +-
 .../src/views/ResourceSyncingUiAlert.vue      |    9 +-
 .../learn/assets/src/views/SearchBox.vue      |    5 +-
 .../ActivityButtonsGroup.vue                  |   19 +-
 .../CategorySearchOptions.vue                 |    1 -
 .../CategorySearchModal/index.vue             |    7 +-
 .../src/views/SearchFiltersPanel/index.vue    |   40 +-
 .../assets/src/views/SearchResultsGrid.vue    |   16 +-
 .../assets/src/views/SidePanelModal/index.vue |   10 +-
 .../assets/src/views/StorageNotification.vue  |   11 +-
 .../assets/src/views/TopicsContentPage.vue    |   32 +-
 .../src/views/TopicsPage/ToggleHeaderTabs.vue |   14 +-
 .../src/views/TopicsPage/TopicSubsection.vue  |   13 +-
 .../src/views/TopicsPage/TopicsHeader.vue     |    5 +-
 .../views/TopicsPage/TopicsMobileHeader.vue   |   13 +-
 .../src/views/TopicsPage/TopicsPanelModal.vue |   16 +-
 .../assets/src/views/TopicsPage/index.vue     |   60 +-
 .../YourClasses/__tests__/YourClasses.spec.js |    4 +-
 .../assets/src/views/YourClasses/index.vue    |    5 +-
 .../learn/assets/src/views/cards/BaseCard.vue |    5 +-
 .../learn/assets/src/views/cards/CardGrid.vue |    5 +-
 .../learn/assets/src/views/cards/CardLink.vue |    6 +-
 .../assets/src/views/cards/ResourceCard.vue   |    5 +-
 .../src/views/classes/AllClassesPage.vue      |   14 +-
 .../views/classes/AssignedQuizzesCards.vue    |    1 -
 .../views/classes/ClassAssignmentsPage.vue    |   33 +-
 .../src/views/classes/LessonPlaylistPage.vue  |   68 +-
 .../test/views/assessment-wrapper.spec.js     |   13 +-
 .../views/browse-resource-metadata.spec.js    |    2 +-
 ...currently-viewed-resource-metadata.spec.js |    4 +-
 ...-channel-browser-main-content-grid.spec.js |    2 +-
 .../assets/test/views/library-page.spec.js    |   34 +-
 .../test/views/resumable-content-grid.spec.js |   14 +-
 .../test/views/search-results-grid.spec.js    |    4 +-
 .../assets/test/views/topic-content.spec.js   |   20 +-
 .../assets/test/views/topics-page.spec.js     |   14 +-
 .../assets/src/modules/captions/index.js      |    4 +-
 .../TranscriptMenuItem.vue                    |    5 +-
 .../src/views/MediaPlayerFullscreen/index.vue |    5 +-
 .../assets/src/views/MediaPlayerIndex.vue     |   50 +-
 .../MediaPlayerLanguages/LanguagesIcon.vue    |    2 +-
 .../MediaPlayerLanguages/LanguagesMenu.vue    |    5 +-
 .../MediaPlayerLanguages/languagesMenuItem.js |    4 +-
 .../assets/src/views/MediaPlayerMenu.vue      |    7 +-
 .../MediaPlayerTranscript/TranscriptCue.vue   |   12 +-
 .../src/views/MediaPlayerTranscript/index.vue |   11 +-
 .../src/views/videojs-style/video-js.min.css  |  189 ++-
 .../videojs-font/css/videojs-icons.css        |    7 +-
 .../assets/src/utils/domPolyfills.js          |    4 +-
 .../assets/src/utils/text_layer_builder.js    |    2 +-
 .../pdf_viewer/assets/src/views/PdfPage.vue   |   13 +-
 .../assets/src/views/PdfRendererIndex.vue     |   17 +-
 .../assets/src/views/RecyclableScroller.vue   |   72 +-
 .../views/SideBar/Bookmarks/BookmarkItem.vue  |    7 +-
 .../assets/src/views/SideBar/index.vue        |   16 +-
 .../assets/tests/PdfRendererIndex.spec.js     |    4 +-
 .../assets/tests/SideBar/Bookmarks.spec.js    |   12 +-
 .../assets/src/translationUtils.js            |    2 +-
 .../assets/src/views/PerseusRendererIndex.vue |   40 +-
 .../perseus_viewer/assets/src/views/Tex.js    |   26 +-
 .../assets/src/widgetSolver/categorizer.js    |    2 +-
 .../assets/src/widgetSolver/dropdown.js       |    2 +-
 .../assets/src/widgetSolver/grapher.js        |    2 +-
 .../assets/src/widgetSolver/inputNumber.js    |    2 +-
 .../src/widgetSolver/interactiveGraph.js      |    2 +-
 .../assets/src/widgetSolver/lightsPuzzle.js   |    2 +-
 .../assets/src/widgetSolver/matrix.js         |    4 +-
 .../assets/src/widgetSolver/numberLine.js     |    2 +-
 .../assets/src/widgetSolver/numericInput.js   |    2 +-
 .../assets/src/widgetSolver/plotter.js        |    2 +-
 .../assets/src/widgetSolver/radio.js          |    2 +-
 .../assets/src/widgetSolver/table.js          |    2 +-
 .../assets/src/widgetSolver/unit.js           |    2 +-
 .../assets/src/views/CookiePolicy.vue         |   13 +-
 .../assets/src/machines/wizardMachine.js      |    2 +-
 .../src/views/ImportIndividualUserForm.vue    |   21 +-
 .../assets/src/views/ImportMultipleUsers.vue  |    9 +-
 .../assets/src/views/OnboardingStepBase.vue   |   43 +-
 .../assets/src/views/SelectFacilityForm.vue   |    5 +-
 .../src/views/SelectSuperAdminAccountForm.vue |   10 +-
 .../assets/src/views/SetupWizardIndex.vue     |    2 -
 .../CreateLearnerAccountForm.vue              |    2 -
 .../FacilityPermissionsForm.vue               |    1 -
 .../GettingStartedFormAlt.vue                 |    4 +-
 .../onboarding-forms/GuestAccessForm.vue      |    2 -
 .../views/onboarding-forms/OnboardingForm.vue |   10 +-
 .../PersonalDataConsentForm.vue               |    1 -
 .../RequirePasswordForLearnersForm.vue        |    1 -
 .../onboarding-forms/SettingUpKolibri.vue     |    7 +-
 .../onboarding-forms/UserCredentialsForm.vue  |    1 -
 .../src/views/submission-states/ErrorPage.vue |    8 +-
 .../views/submission-states/LoadingPage.vue   |    2 -
 .../submission-states/SubmissionStatePage.vue |    6 +-
 .../src/views/SlideshowRendererComponent.vue  |   29 +-
 .../tests/SlideshowRendererComponent.spec.js  |    4 +-
 .../user_auth/assets/src/views/AuthBase.vue   |   47 +-
 .../user_auth/assets/src/views/AuthSelect.vue |    6 +-
 .../assets/src/views/FacilitySelect.vue       |   18 +-
 .../src/views/LanguageSwitcherFooter.vue      |    5 +-
 .../src/views/SignInPage/NewPasswordPage.vue  |    6 +-
 .../src/views/SignInPage/SignInHeading.vue    |   12 +-
 .../assets/src/views/SignInPage/index.vue     |   19 +-
 .../user_auth/assets/src/views/SignUpPage.vue |    7 +-
 .../assets/src/views/UserAuthLayout.vue       |    2 -
 .../user_auth/assets/src/views/UsersList.vue  |    9 +-
 .../assets/src/composables/useCurrentUser.js  |    2 +-
 .../src/composables/useRemoteFacility.js      |    2 +-
 .../src/machines/changeFacilityMachine.js     |    2 +-
 .../ConfirmAccountUsername/index.vue          |    1 -
 .../ChangeFacility/ConfirmChangeFacility.vue  |    1 -
 .../src/views/ChangeFacility/ConfirmMerge.vue |    1 -
 .../CreateAccount/__tests__/index.spec.js     |   18 +-
 .../ChangeFacility/CreateAccount/index.vue    |    2 +-
 .../views/ChangeFacility/CreatePassword.vue   |    2 +-
 .../ConfirmAccountDetails.vue                 |   16 +-
 .../__tests__/ConfirmAccountDetails.spec.js   |    2 +-
 .../__tests__/index.spec.js                   |   14 +-
 .../MergeAccountDialog/index.vue              |   16 +-
 .../__tests__/index.spec.js                   |    6 +-
 .../MergeDifferentAccounts/index.vue          |   14 +-
 .../views/ChangeFacility/MergeFacility.vue    |   37 +-
 .../views/ChangeFacility/SelectFacility.vue   |   33 +-
 .../views/ChangeFacility/UsernameExists.vue   |    1 -
 .../assets/src/views/ChangeFacility/index.vue |    6 +-
 .../assets/src/views/ProfileEditPage.vue      |   18 +-
 .../assets/src/views/ProfilePage/index.vue    |   19 +-
 .../ChangeFacility/UsernameExists.spec.js     |    4 +-
 .../lib/rules/vue-component-block-padding.js  |    2 +-
 .../rules/vue-component-block-tag-newline.js  |    6 +-
 .../vue-component-registration-casing.js      |    2 +-
 .../vue-filename-and-component-name-match.js  |    2 +-
 .../lib/rules/vue-no-undefined-string-uses.js |    6 +-
 .../lib/rules/vue-no-unused-methods.js        |    8 +-
 .../lib/rules/vue-no-unused-properties.js     |   10 +-
 .../lib/rules/vue-no-unused-translations.js   |    8 +-
 .../lib/rules/vue-no-unused-vuex-methods.js   |   10 +-
 .../rules/vue-no-unused-vuex-properties.js    |    6 +-
 .../rules/vue-string-objects-formatting.js    |   10 +-
 .../lib/rules/vue-watch-no-string.js          |    4 +-
 packages/eslint-plugin-kolibri/lib/utils.js   |    4 +-
 packages/hashi/downloadH5PVendor.js           |   16 +-
 packages/hashi/src/H5P/H5PRunner.js           |   32 +-
 packages/hashi/src/baseStorage.js             |    2 +-
 packages/hashi/src/cookie.js                  |    2 +-
 packages/hashi/src/h5pBundle.js               |    4 +-
 packages/hashi/src/patchIndexedDB.js          |    2 +-
 packages/hashi/src/xAPI/xAPIInterface.js      |   10 +-
 packages/hashi/test/SCORM.spec.js             |    6 +-
 packages/hashi/test/kolibri.spec.js           |   10 +-
 packages/hashi/test/xAPI.spec.js              |   16 +-
 packages/hashi/webpack.config.h5p.js          |    4 +-
 packages/hashi/webpack.config.js              |    6 +-
 .../components/AccordionContainer.vue         |    2 +-
 .../components/AccordionItem.vue              |    8 +-
 .../components/AppError/ReportErrorModal.vue  |    2 -
 .../AppError/TechnicalTextBlock.vue           |   16 +-
 .../components/AppError/index.vue             |   15 +-
 .../__tests__/ExtraDemographics.spec.js       |    2 +-
 .../components/MissingResourceAlert.vue       |   15 +-
 .../PaginatedListContainerWithBackend.vue     |    8 +-
 .../components/SidePanelModal/index.vue       |   10 +-
 .../SyncSchedule/EditDeviceSyncSchedule.vue   |   61 +-
 .../SyncSchedule/ManageSyncSchedule.vue       |   49 +-
 .../__tests__/EditDeviceSyncSchedule.spec.js  |    2 +-
 .../strings/enhancedQuizManagementStrings.js  |    2 +-
 packages/kolibri-tools/build_kolibri_tools.js |    2 +-
 packages/kolibri-tools/jest.conf/index.js     |    6 +-
 packages/kolibri-tools/jest.conf/setup.js     |    4 +-
 .../lib/alias_import_resolver.js              |    8 +-
 .../kolibri-tools/lib/apiSpecExportTools.js   |   34 +-
 packages/kolibri-tools/lib/clean.js           |    6 +-
 packages/kolibri-tools/lib/cli.js             |   86 +-
 .../kolibri-tools/lib/i18n/ExtractMessages.js |    8 +-
 .../kolibri-tools/lib/i18n/ProfileStrings.js  |   16 +-
 .../kolibri-tools/lib/i18n/SyncContext.js     |    8 +-
 packages/kolibri-tools/lib/i18n/astUtils.js   |   32 +-
 .../kolibri-tools/lib/i18n/auditMessages.js   |    6 +-
 packages/kolibri-tools/lib/i18n/csvToJSON.js  |    8 +-
 .../kolibri-tools/lib/i18n/intl_code_gen.js   |    6 +-
 .../lib/i18n/locale-data/vue-intl/ht.js       |   46 +-
 .../lib/i18n/untranslatedMessages.js          |    6 +-
 packages/kolibri-tools/lib/i18n/utils.js      |    2 +-
 .../kolibri-tools/lib/read_webpack_json.js    |    2 +-
 .../lib/webpack.config.plugin.js              |    4 +-
 .../kolibri-tools/lib/webpackBundleTracker.js |    7 +-
 packages/kolibri-tools/lib/webpackMessages.js |    5 +-
 .../kolibri-tools/lib/webpackRtlPlugin.js     |    4 +-
 .../test/fixtures/TestComponent.vue           |   13 +-
 .../test/test_apiSpecExportTools.spec.js      |   48 +-
 .../test/test_i18nSyncContext.spec.js         |   40 +-
 .../test/test_webpack.config.plugin.spec.js   |   64 +-
 packages/kolibri-zip/src/fileUtils.js         |    6 +-
 packages/kolibri-zip/src/index.js             |    4 +-
 packages/kolibri-zip/src/loadBinary.js        |    4 +-
 packages/kolibri-zip/test/fileUtils.spec.js   |   28 +-
 packages/publish.js                           |   14 +-
 604 files changed, 5103 insertions(+), 4337 deletions(-)

diff --git a/kolibri/core/assets/src/api-resource.js b/kolibri/core/assets/src/api-resource.js
index b091d5e8fd2..802e69078ec 100644
--- a/kolibri/core/assets/src/api-resource.js
+++ b/kolibri/core/assets/src/api-resource.js
@@ -86,13 +86,13 @@ export class Model {
                 reject(response);
                 // Clean up the reference to this promise
                 this.promises.splice(this.promises.indexOf(promise), 1);
-              }
+              },
             );
           }
         },
         reason => {
           reject(reason);
-        }
+        },
       );
     });
     this.promises.push(promise);
@@ -164,13 +164,13 @@ export class Model {
                 reject(response);
                 // Clean up the reference to this promise
                 this.promises.splice(this.promises.indexOf(promise), 1);
-              }
+              },
             );
           }
         },
         reason => {
           reject(reason);
-        }
+        },
       );
     });
     this.promises.push(promise);
@@ -214,13 +214,13 @@ export class Model {
                 reject(response);
                 // Clean up the reference to this promise
                 this.promises.splice(this.promises.indexOf(promise), 1);
-              }
+              },
             );
           }
         },
         reason => {
           reject(reason);
-        }
+        },
       );
     });
     this.promises.push(promise);
@@ -340,13 +340,13 @@ export class Collection {
                 reject(response);
                 // Clean up the reference to this promise
                 this.promises.splice(this.promises.indexOf(promise), 1);
-              }
+              },
             );
           }
         },
         reason => {
           reject(reason);
-        }
+        },
       );
     });
     this.promises.push(promise);
@@ -399,12 +399,12 @@ export class Collection {
               reject(response);
               // Clean up the reference to this promise
               this.promises.splice(this.promises.indexOf(promise), 1);
-            }
+            },
           );
         },
         reason => {
           reject(reason);
-        }
+        },
       );
     });
     this.promises.push(promise);
@@ -450,13 +450,13 @@ export class Collection {
                 reject(response);
                 // Clean up the reference to this promise
                 this.promises.splice(this.promises.indexOf(promise), 1);
-              }
+              },
             );
           }
         },
         reason => {
           reject(reason);
-        }
+        },
       );
     });
     this.promises.push(promise);
@@ -602,8 +602,8 @@ export class Resource {
           .sort()
           .map(paramKey => ({
             [paramKey]: paramKey === this.idKey ? String(allParams[paramKey]) : allParams[paramKey],
-          }))
-      )
+          })),
+      ),
     );
   }
 
@@ -926,7 +926,7 @@ export class Resource {
 
   create(params = {}, multipart = false) {
     return this.accessListEndpoint('post', 'list', params, multipart).then(
-      response => response.data
+      response => response.data,
     );
   }
 
@@ -1038,7 +1038,7 @@ export class Resource {
       `%cRequest error: ${err.response.statusText}, ${
         err.response.status
       } for ${err.config.method.toUpperCase()} to ${err.config.url} - open for more info`,
-      'color: red'
+      'color: red',
     );
     console.log(`Error occured for ${this.name} resource on page ${window.location.href}`);
     if (store?.state?.route) {
diff --git a/kolibri/core/assets/src/api-resources/contentNode.js b/kolibri/core/assets/src/api-resources/contentNode.js
index 11690ae3dc7..67e52fa43b0 100644
--- a/kolibri/core/assets/src/api-resources/contentNode.js
+++ b/kolibri/core/assets/src/api-resources/contentNode.js
@@ -139,7 +139,7 @@ export default new Resource({
       if (data[this.idKey]) {
         this.cache[data[this.idKey]] = Object.assign(
           this.cache[data[this.idKey]] || {},
-          cloneDeep(data)
+          cloneDeep(data),
         );
         if (data.children) {
           this.cacheData(data.children);
diff --git a/kolibri/core/assets/src/composables/useMinimumKolibriVersion.js b/kolibri/core/assets/src/composables/useMinimumKolibriVersion.js
index bb9c22064f8..daea571ad88 100644
--- a/kolibri/core/assets/src/composables/useMinimumKolibriVersion.js
+++ b/kolibri/core/assets/src/composables/useMinimumKolibriVersion.js
@@ -19,7 +19,7 @@ const logging = logger.getLogger(__filename);
 export default function useMinimumKolibriVersion(
   majorVersion = 0,
   minorVersion = 15,
-  revisionVersion = null
+  revisionVersion = null,
 ) {
   const isMinimumKolibriVersion = useMemoize(version => {
     if (!version) {
diff --git a/kolibri/core/assets/src/composables/useUserSyncStatus.js b/kolibri/core/assets/src/composables/useUserSyncStatus.js
index 503ad479c07..b30f0beabf3 100644
--- a/kolibri/core/assets/src/composables/useUserSyncStatus.js
+++ b/kolibri/core/assets/src/composables/useUserSyncStatus.js
@@ -33,7 +33,7 @@ export function fetchUserSyncStatus(params) {
     error => {
       store.dispatch('handleApiError', { error });
       return error;
-    }
+    },
   );
 }
 
diff --git a/kolibri/core/assets/src/core-app/__tests__/pluginMediator.spec.js b/kolibri/core/assets/src/core-app/__tests__/pluginMediator.spec.js
index 9367ad9a8d8..0e5ad8f4ecf 100644
--- a/kolibri/core/assets/src/core-app/__tests__/pluginMediator.spec.js
+++ b/kolibri/core/assets/src/core-app/__tests__/pluginMediator.spec.js
@@ -6,66 +6,66 @@ if (!Object.prototype.hasOwnProperty.call(global, 'Intl')) {
   require('intl/locale-data/jsonp/en.js');
 }
 
-describe('Mediator', function() {
+describe('Mediator', function () {
   let mediator, kolibriModule, facade;
   const kolibriModuleName = 'test';
-  beforeEach(function() {
+  beforeEach(function () {
     facade = {};
     mediator = mediatorFactory({ Vue, facade });
   });
-  afterEach(function() {
+  afterEach(function () {
     mediator = undefined;
     facade = undefined;
   });
-  describe('kolibriModule registry', function() {
-    it('should be empty', function() {
+  describe('kolibriModule registry', function () {
+    it('should be empty', function () {
       expect(mediator._kolibriModuleRegistry).toEqual({});
     });
   });
-  describe('callback buffer', function() {
-    it('should be empty', function() {
+  describe('callback buffer', function () {
+    it('should be empty', function () {
       expect(mediator._callbackBuffer).toEqual({});
     });
   });
-  describe('callback registry', function() {
-    it('should be empty', function() {
+  describe('callback registry', function () {
+    it('should be empty', function () {
       expect(mediator._callbackRegistry).toEqual({});
     });
   });
-  describe('async callback registry', function() {
-    it('should be empty', function() {
+  describe('async callback registry', function () {
+    it('should be empty', function () {
       expect(mediator._asyncCallbackRegistry).toEqual({});
     });
   });
-  describe('event dispatcher', function() {
-    it('should be a Vue object', function() {
+  describe('event dispatcher', function () {
+    it('should be a Vue object', function () {
       expect(mediator._eventDispatcher.$on).toBeInstanceOf(Function);
       expect(mediator._eventDispatcher.$emit).toBeInstanceOf(Function);
       expect(mediator._eventDispatcher.$once).toBeInstanceOf(Function);
       expect(mediator._eventDispatcher.$off).toBeInstanceOf(Function);
     });
   });
-  describe('language asset registry', function() {
-    it('should be empty', function() {
+  describe('language asset registry', function () {
+    it('should be empty', function () {
       expect(mediator._languageAssetRegistry).toEqual({});
     });
   });
-  describe('registerKolibriModuleSync method', function() {
+  describe('registerKolibriModuleSync method', function () {
     let _registerMultipleEvents, _registerOneTimeEvents, emit, _executeCallbackBuffer;
-    beforeEach(function() {
+    beforeEach(function () {
       _registerMultipleEvents = jest.spyOn(mediator, '_registerMultipleEvents');
       _registerOneTimeEvents = jest.spyOn(mediator, '_registerOneTimeEvents');
       emit = jest.spyOn(mediator, 'emit');
       _executeCallbackBuffer = jest.spyOn(mediator, '_executeCallbackBuffer');
     });
-    afterEach(function() {
+    afterEach(function () {
       mediator._kolibriModuleRegistry = {};
       _registerMultipleEvents.mockRestore();
       _registerOneTimeEvents.mockRestore();
       emit.mockRestore();
       _executeCallbackBuffer.mockRestore();
     });
-    describe('called with valid input', function() {
+    describe('called with valid input', function () {
       let consoleMock;
       beforeAll(() => {
         consoleMock = jest.spyOn(console, 'info').mockImplementation();
@@ -73,77 +73,77 @@ describe('Mediator', function() {
       afterAll(() => {
         consoleMock.mockRestore();
       });
-      beforeEach(function() {
+      beforeEach(function () {
         kolibriModule = { name: 'test', ready: () => {} };
         mediator.registerKolibriModuleSync(kolibriModule);
       });
-      it('should call the _registerMultipleEvents method', function() {
+      it('should call the _registerMultipleEvents method', function () {
         expect(_registerMultipleEvents).toHaveBeenCalled();
       });
-      it('should pass the kolibriModule to the _registerMultipleEvents method', function() {
+      it('should pass the kolibriModule to the _registerMultipleEvents method', function () {
         expect(_registerMultipleEvents).toHaveBeenCalledWith(kolibriModule);
       });
-      it('should call the _registerOneTimeEvents method', function() {
+      it('should call the _registerOneTimeEvents method', function () {
         expect(_registerOneTimeEvents).toHaveBeenCalled();
       });
-      it('should pass the kolibriModule to the _registerOneTimeEvents method', function() {
+      it('should pass the kolibriModule to the _registerOneTimeEvents method', function () {
         expect(_registerOneTimeEvents).toHaveBeenCalledWith(kolibriModule);
       });
-      it('should call the emit method', function() {
+      it('should call the emit method', function () {
         expect(emit).toHaveBeenCalled();
       });
-      it('should pass the kolibriModule to the emit method', function() {
+      it('should pass the kolibriModule to the emit method', function () {
         expect(emit).toHaveBeenCalledWith('kolibri_register', kolibriModule);
       });
-      it('should call the _executeCallbackBuffer method', function() {
+      it('should call the _executeCallbackBuffer method', function () {
         expect(_executeCallbackBuffer).toHaveBeenCalled();
       });
-      it('should call pass the kolibriModule to the _executeCallbackBuffer method', function() {
+      it('should call pass the kolibriModule to the _executeCallbackBuffer method', function () {
         expect(_executeCallbackBuffer).toHaveBeenCalledWith(kolibriModule);
       });
-      it('should put the kolibriModule into the kolibriModule registry', function() {
+      it('should put the kolibriModule into the kolibriModule registry', function () {
         expect(mediator._kolibriModuleRegistry[kolibriModule.name]).toEqual(kolibriModule);
       });
     });
-    describe('called with invalid input', function() {
-      beforeEach(function() {
+    describe('called with invalid input', function () {
+      beforeEach(function () {
         kolibriModule = undefined;
         try {
           mediator.registerKolibriModuleSync(kolibriModule);
         } catch (e) {} // eslint-disable-line no-empty
       });
-      it('should raise an error', function() {
+      it('should raise an error', function () {
         function testCall() {
           mediator.registerKolibriModuleSync(kolibriModule);
         }
         expect(testCall).toThrow(TypeError);
       });
-      it('should call the _registerMultipleEvents method', function() {
+      it('should call the _registerMultipleEvents method', function () {
         expect(_registerMultipleEvents).toHaveBeenCalled();
       });
-      it('should pass the kolibriModule to the _registerMultipleEvents method', function() {
+      it('should pass the kolibriModule to the _registerMultipleEvents method', function () {
         expect(_registerMultipleEvents).toHaveBeenCalledWith(kolibriModule);
       });
       // _registerOneTimeEvents is not being called
-      xit('should call the _registerOneTimeEvents method', function() {
+      xit('should call the _registerOneTimeEvents method', function () {
         expect(_registerOneTimeEvents).toHaveBeenCalled();
       });
-      xit('should pass the kolibriModule to the _registerOneTimeEvents method', function() {
+      xit('should pass the kolibriModule to the _registerOneTimeEvents method', function () {
         expect(_registerOneTimeEvents).toHaveBeenCalledWith(kolibriModule);
       });
-      it('should not call the trigger method', function() {
+      it('should not call the trigger method', function () {
         expect(emit).not.toHaveBeenCalled();
       });
-      it('should not call the _executeCallbackBuffer method', function() {
+      it('should not call the _executeCallbackBuffer method', function () {
         expect(_executeCallbackBuffer).not.toHaveBeenCalled();
       });
-      it('should leave the kolibriModule registry empty', function() {
+      it('should leave the kolibriModule registry empty', function () {
         expect(mediator._kolibriModuleRegistry).toEqual({});
       });
     });
   });
-  describe('_registerEvents method', function() {
-    it('should not throw a TypeError due to incorrect assignment of this when the eventListenerMethod is called', function() {
+  describe('_registerEvents method', function () {
+    it('should not throw a TypeError due to incorrect assignment of this when the eventListenerMethod is called', function () {
       function testCall() {
         mediator._registerEvents(
           {
@@ -153,33 +153,33 @@ describe('Mediator', function() {
             },
           },
           'events',
-          mediator._registerRepeatedEventListener
+          mediator._registerRepeatedEventListener,
         );
       }
       expect(testCall).not.toThrow();
     });
   });
-  describe('_registerMultipleEvents method', function() {
+  describe('_registerMultipleEvents method', function () {
     let _registerRepeatedEventListener;
-    beforeEach(function() {
+    beforeEach(function () {
       _registerRepeatedEventListener = jest.spyOn(mediator, '_registerRepeatedEventListener');
     });
-    afterEach(function() {
+    afterEach(function () {
       _registerRepeatedEventListener.mockRestore();
     });
-    describe('called with valid but empty input', function() {
-      beforeEach(function() {
+    describe('called with valid but empty input', function () {
+      beforeEach(function () {
         kolibriModule = {
           name: 'test',
         };
         mediator._registerMultipleEvents(kolibriModule);
       });
-      it('should not call listener registration', function() {
+      it('should not call listener registration', function () {
         expect(_registerRepeatedEventListener).not.toHaveBeenCalled();
       });
     });
-    describe('called with valid input with event object', function() {
-      beforeEach(function() {
+    describe('called with valid input with event object', function () {
+      beforeEach(function () {
         kolibriModule = {
           name: 'test',
           events: {
@@ -188,44 +188,44 @@ describe('Mediator', function() {
         };
         mediator._registerMultipleEvents(kolibriModule);
       });
-      afterEach(function() {
+      afterEach(function () {
         kolibriModule = undefined;
       });
-      it('should call listener registration', function() {
+      it('should call listener registration', function () {
         expect(_registerRepeatedEventListener).toHaveBeenCalled();
       });
-      it('should pass event, kolibriModule, and method to listener registration', function() {
+      it('should pass event, kolibriModule, and method to listener registration', function () {
         expect(_registerRepeatedEventListener).toHaveBeenCalledWith(
           'event',
           kolibriModule,
-          'method'
+          'method',
         );
       });
     });
-    describe('called with valid input with event ', function() {
-      beforeEach(function() {
+    describe('called with valid input with event ', function () {
+      beforeEach(function () {
         kolibriModule = {
           name: 'test',
           events: () => ({ event: 'method' }),
         };
         mediator._registerMultipleEvents(kolibriModule);
       });
-      afterEach(function() {
+      afterEach(function () {
         kolibriModule = undefined;
       });
-      it('should call listener registration', function() {
+      it('should call listener registration', function () {
         expect(_registerRepeatedEventListener).toHaveBeenCalled();
       });
-      it('should pass event, kolibriModule, and method to listener registration', function() {
+      it('should pass event, kolibriModule, and method to listener registration', function () {
         expect(_registerRepeatedEventListener).toHaveBeenCalledWith(
           'event',
           kolibriModule,
-          'method'
+          'method',
         );
       });
     });
-    describe('called with invalid input', function() {
-      it('should throw a TypeError', function() {
+    describe('called with invalid input', function () {
+      it('should throw a TypeError', function () {
         function testCall() {
           mediator._registerMultipleEvents(undefined);
         }
@@ -233,49 +233,49 @@ describe('Mediator', function() {
       });
     });
   });
-  describe('_registerOneTimeEvents method', function() {
+  describe('_registerOneTimeEvents method', function () {
     let _registerOneTimeEventListener;
-    beforeEach(function() {
+    beforeEach(function () {
       _registerOneTimeEventListener = jest.spyOn(mediator, '_registerOneTimeEventListener');
     });
-    afterEach(function() {
+    afterEach(function () {
       _registerOneTimeEventListener.mockRestore();
     });
-    describe('called with valid but empty input', function() {
-      beforeEach(function() {
+    describe('called with valid but empty input', function () {
+      beforeEach(function () {
         kolibriModule = {
           name: 'test',
         };
         mediator._registerOneTimeEvents(kolibriModule);
       });
-      it('should not call listener registration', function() {
+      it('should not call listener registration', function () {
         expect(_registerOneTimeEventListener).not.toHaveBeenCalled();
       });
     });
-    describe('called with valid input with event object', function() {
-      beforeEach(function() {
+    describe('called with valid input with event object', function () {
+      beforeEach(function () {
         kolibriModule = {
           name: 'test',
           once: () => ({ event: 'method' }),
         };
         mediator._registerOneTimeEvents(kolibriModule);
       });
-      afterEach(function() {
+      afterEach(function () {
         kolibriModule = undefined;
       });
-      it('should call listener registration', function() {
+      it('should call listener registration', function () {
         expect(_registerOneTimeEventListener).toHaveBeenCalled();
       });
-      it('should pass event, kolibriModule, and method to listener registration', function() {
+      it('should pass event, kolibriModule, and method to listener registration', function () {
         expect(_registerOneTimeEventListener).toHaveBeenCalledWith(
           'event',
           kolibriModule,
-          'method'
+          'method',
         );
       });
     });
-    describe('called with valid input with event ', function() {
-      beforeEach(function() {
+    describe('called with valid input with event ', function () {
+      beforeEach(function () {
         kolibriModule = {
           name: 'test',
           once: {
@@ -284,22 +284,22 @@ describe('Mediator', function() {
         };
         mediator._registerOneTimeEvents(kolibriModule);
       });
-      afterEach(function() {
+      afterEach(function () {
         kolibriModule = undefined;
       });
-      it('should call listener registration', function() {
+      it('should call listener registration', function () {
         expect(_registerOneTimeEventListener).toHaveBeenCalled();
       });
-      it('should pass event, kolibriModule, and method to listener registration', function() {
+      it('should pass event, kolibriModule, and method to listener registration', function () {
         expect(_registerOneTimeEventListener).toHaveBeenCalledWith(
           'event',
           kolibriModule,
-          'method'
+          'method',
         );
       });
     });
-    describe('called with invalid input', function() {
-      it('should throw a TypeError', function() {
+    describe('called with invalid input', function () {
+      it('should throw a TypeError', function () {
         function testCall() {
           mediator._registerOneTimeEvents(undefined);
         }
@@ -307,114 +307,114 @@ describe('Mediator', function() {
       });
     });
   });
-  describe('_registerRepeatedEventListener method', function() {
+  describe('_registerRepeatedEventListener method', function () {
     let stub, event, method;
-    beforeEach(function() {
+    beforeEach(function () {
       stub = jest.spyOn(mediator, '_registerEventListener');
       event = 'event';
       kolibriModule = { name: 'test' };
       method = 'method';
       mediator._registerRepeatedEventListener(event, kolibriModule, method);
     });
-    afterEach(function() {
+    afterEach(function () {
       stub.mockRestore();
     });
-    it('should call _registerEventListener method', function() {
+    it('should call _registerEventListener method', function () {
       expect(stub).toHaveBeenCalled();
     });
-    it('should pass three args to _registerEventListener method', function() {
+    it('should pass three args to _registerEventListener method', function () {
       expect(stub).toHaveBeenCalledWith(event, kolibriModule, method, expect.any(Function));
     });
   });
-  describe('_registerOneTimeEventListener method', function() {
+  describe('_registerOneTimeEventListener method', function () {
     let stub, event, method;
-    beforeEach(function() {
+    beforeEach(function () {
       event = 'event';
       kolibriModule = { name: 'test' };
       method = 'method';
     });
-    afterEach(function() {
+    afterEach(function () {
       stub.mockRestore();
     });
-    it('should call _registerEventListener method', function() {
+    it('should call _registerEventListener method', function () {
       stub = jest.spyOn(mediator, '_registerEventListener');
       mediator._registerOneTimeEventListener(event, kolibriModule, method);
       expect(stub).toHaveBeenCalled();
     });
-    it('should pass three args to _registerEventListener method', function() {
+    it('should pass three args to _registerEventListener method', function () {
       stub = jest.spyOn(mediator, '_registerEventListener');
       mediator._registerOneTimeEventListener(event, kolibriModule, method);
       expect(stub).toHaveBeenCalledWith(event, kolibriModule, method, expect.any(Function));
     });
-    it('should properly invoke the listenToOnce with this set to the Mediator event object', function() {
+    it('should properly invoke the listenToOnce with this set to the Mediator event object', function () {
       function testCall() {
         mediator._registerOneTimeEventListener(event, kolibriModule, method);
       }
       expect(testCall).not.toThrow();
     });
   });
-  describe('_registerEventListener method', function() {
+  describe('_registerEventListener method', function () {
     let spy, event, method;
-    beforeEach(function() {
+    beforeEach(function () {
       spy = jest.fn();
       event = 'event';
       kolibriModule = { name: 'test' };
       method = 'method';
       mediator._registerEventListener(event, kolibriModule, method, spy);
     });
-    it('should put a callback  in the callback registry', function() {
+    it('should put a callback  in the callback registry', function () {
       expect(mediator._callbackRegistry.test.event.method).toBeInstanceOf(Function);
     });
-    it('should call listen method', function() {
+    it('should call listen method', function () {
       expect(spy).toHaveBeenCalled();
     });
-    it('should pass at least one arg to listen method', function() {
+    it('should pass at least one arg to listen method', function () {
       expect(spy).toHaveBeenCalledWith(event, expect.any(Function));
     });
   });
-  describe('stopListening method', function() {
+  describe('stopListening method', function () {
     let stub, event, method;
-    beforeEach(function() {
+    beforeEach(function () {
       stub = jest.spyOn(mediator._eventDispatcher, '$off');
       event = 'event';
       kolibriModule = { name: 'test' };
       method = 'method';
     });
-    afterEach(function() {
+    afterEach(function () {
       stub.mockRestore();
     });
-    describe('when no callback registered', function() {
-      it('should not call stopListening when no callback registered', function() {
+    describe('when no callback registered', function () {
+      it('should not call stopListening when no callback registered', function () {
         mediator.stopListening(event, kolibriModule, method);
         expect(stub).not.toHaveBeenCalled();
       });
     });
-    describe('when callback is registered', function() {
+    describe('when callback is registered', function () {
       let callback;
-      beforeEach(function() {
-        callback = function() {};
+      beforeEach(function () {
+        callback = function () {};
         const obj = {};
         mediator._callbackRegistry[kolibriModule.name] = obj;
         obj[event] = {};
         obj[event][method] = callback;
         mediator.stopListening(event, kolibriModule, method);
       });
-      it('should call $off', function() {
+      it('should call $off', function () {
         expect(stub).toHaveBeenCalled();
       });
-      it('should pass two args to $off method', function() {
+      it('should pass two args to $off method', function () {
         expect(stub).toHaveBeenCalledWith(event, callback);
       });
-      it('should remove the callback from the registry', function() {
+      it('should remove the callback from the registry', function () {
         const registry = mediator._callbackRegistry;
         const callback = registry[kolibriModule.name][event][method];
         expect(typeof callback === 'undefined').toEqual(true);
       });
     });
   });
-  describe('_executeCallbackBuffer method', function() {
+  describe('_executeCallbackBuffer method', function () {
     let spy, args;
-    beforeEach(function() {
+    beforeEach(function () {
       spy = jest.fn();
       kolibriModule = {
         name: 'test',
@@ -429,19 +429,19 @@ describe('Mediator', function() {
       ];
       mediator._executeCallbackBuffer(kolibriModule);
     });
-    it('should call the callback ', function() {
+    it('should call the callback ', function () {
       expect(spy).toHaveBeenCalled();
     });
-    it('should pass the args to the callback ', function() {
+    it('should pass the args to the callback ', function () {
       expect(spy).toHaveBeenLastCalledWith(...args);
     });
-    it('should remove the entry from callback registry', function() {
+    it('should remove the entry from callback registry', function () {
       expect(typeof mediator._callbackBuffer.test === 'undefined').toEqual(true);
     });
   });
-  describe('registerKolibriModuleAsync method', function() {
+  describe('registerKolibriModuleAsync method', function () {
     let stub;
-    beforeEach(function() {
+    beforeEach(function () {
       const kolibriModuleUrls = ['test.js', 'test1.js'];
       const events = {
         event: 'method',
@@ -452,49 +452,49 @@ describe('Mediator', function() {
       stub = jest.spyOn(mediator._eventDispatcher, '$on');
       mediator.registerKolibriModuleAsync(kolibriModuleName, kolibriModuleUrls, events, once);
     });
-    afterEach(function() {
+    afterEach(function () {
       stub.mockRestore();
     });
-    it('should add create a callback buffer for the kolibriModule', function() {
+    it('should add create a callback buffer for the kolibriModule', function () {
       expect(typeof mediator._callbackBuffer[kolibriModuleName] !== 'undefined').toEqual(true);
     });
-    it('should put two entries in the async callback registry', function() {
+    it('should put two entries in the async callback registry', function () {
       expect(mediator._asyncCallbackRegistry[kolibriModuleName].length).toEqual(2);
     });
-    it('should put a callback  in each entry in the async callback registry', function() {
+    it('should put a callback  in each entry in the async callback registry', function () {
       const registry = mediator._asyncCallbackRegistry;
       expect(registry[kolibriModuleName][0].callback).toBeInstanceOf(Function);
       expect(registry[kolibriModuleName][1].callback).toBeInstanceOf(Function);
     });
-    it('should call $on twice', function() {
+    it('should call $on twice', function () {
       expect(stub).toHaveBeenCalledTimes(2);
     });
-    it('should pass both events to $on', function() {
+    it('should pass both events to $on', function () {
       expect(stub).toHaveBeenCalledWith('event', expect.any(Function));
       expect(stub).toHaveBeenCalledWith('once', expect.any(Function));
     });
-    describe('async callbacks', function() {
+    describe('async callbacks', function () {
       let args;
-      beforeEach(function() {
+      beforeEach(function () {
         args = ['this', 'that'];
         mediator._asyncCallbackRegistry[kolibriModuleName][0].callback(...args);
       });
-      it('should add an entry to the callback buffer when called', function() {
+      it('should add an entry to the callback buffer when called', function () {
         expect(mediator._callbackBuffer[kolibriModuleName].length).toEqual(1);
       });
-      it('should add args in the callback buffer when called', function() {
+      it('should add args in the callback buffer when called', function () {
         expect(mediator._callbackBuffer[kolibriModuleName][0].args).toEqual(args);
       });
     });
   });
-  describe('_clearAsyncCallbacks method', function() {
+  describe('_clearAsyncCallbacks method', function () {
     let event, stub, callback;
-    beforeEach(function() {
+    beforeEach(function () {
       kolibriModule = {
         name: 'test',
       };
       event = 'event';
-      callback = function() {};
+      callback = function () {};
       mediator._asyncCallbackRegistry[kolibriModule.name] = [
         {
           event: event,
@@ -504,34 +504,34 @@ describe('Mediator', function() {
       stub = jest.spyOn(mediator._eventDispatcher, '$off');
       mediator._clearAsyncCallbacks(kolibriModule);
     });
-    afterEach(function() {
+    afterEach(function () {
       stub.mockRestore();
     });
-    it('should clear the callbacks', function() {
+    it('should clear the callbacks', function () {
       expect(typeof mediator._asyncCallbackRegistry[kolibriModule.name] === 'undefined').toEqual(
-        true
+        true,
       );
     });
-    it('should call $off once', function() {
+    it('should call $off once', function () {
       expect(stub).toHaveBeenCalledTimes(1);
     });
-    it('should call $off with two args', function() {
+    it('should call $off with two args', function () {
       expect(stub).toHaveBeenCalledWith(event, callback);
     });
   });
-  describe('emit method', function() {
+  describe('emit method', function () {
     let stub;
-    beforeEach(function() {
+    beforeEach(function () {
       stub = jest.spyOn(mediator._eventDispatcher, '$emit');
     });
-    afterEach(function() {
+    afterEach(function () {
       mediator._eventDispatcher.$emit.mockRestore();
     });
-    it('should call the event dispatcher $emit', function() {
+    it('should call the event dispatcher $emit', function () {
       mediator.emit('yo');
       expect(stub).toHaveBeenCalled();
     });
-    it('should proxy all arguments to the event dispatcher $emit', function() {
+    it('should proxy all arguments to the event dispatcher $emit', function () {
       const arg1 = 'this';
       const arg2 = 'that';
       const arg3 = ['four'];
@@ -539,25 +539,25 @@ describe('Mediator', function() {
       expect(stub).toHaveBeenCalledWith(arg1, arg2, arg3);
     });
   });
-  describe('registerLanguageAssets method', function() {
+  describe('registerLanguageAssets method', function () {
     const moduleName = 'test';
     const language = 'test_lang';
     const messageMap = {
       test: 'test message',
     };
     let spy;
-    beforeEach(function() {
+    beforeEach(function () {
       Vue.registerMessages = jest.fn();
       spy = Vue.registerMessages;
     });
-    afterEach(function() {
+    afterEach(function () {
       spy.mockRestore();
     });
-    it('should call Vue.registerMessages once', function() {
+    it('should call Vue.registerMessages once', function () {
       mediator.registerLanguageAssets(moduleName, language, messageMap);
       expect(spy).toHaveBeenCalledTimes(1);
     });
-    it('should call Vue.registerMessages with arguments language and messageMap', function() {
+    it('should call Vue.registerMessages with arguments language and messageMap', function () {
       mediator.registerLanguageAssets(moduleName, language, messageMap);
       expect(spy).toHaveBeenCalledWith(language, messageMap);
     });
diff --git a/kolibri/core/assets/src/core-app/baseClient.js b/kolibri/core/assets/src/core-app/baseClient.js
index 27b92c6a940..cd654951481 100644
--- a/kolibri/core/assets/src/core-app/baseClient.js
+++ b/kolibri/core/assets/src/core-app/baseClient.js
@@ -11,7 +11,7 @@ export default function clientFactory(options) {
     xsrfCookieName: 'kolibri_csrftoken',
     xsrfHeaderName: 'X-CSRFToken',
     paramsSerializer: {
-      serialize: function(params) {
+      serialize: function (params) {
         // Do custom querystring stingifying to comma separate array params
         return qs.stringify(params, { arrayFormat: 'comma' });
       },
@@ -20,7 +20,7 @@ export default function clientFactory(options) {
   });
   client.interceptors.response.use(
     response => response,
-    function(error) {
+    function (error) {
       if (!error) {
         error = {};
       }
@@ -30,7 +30,7 @@ export default function clientFactory(options) {
         };
       }
       return Promise.reject(error);
-    }
+    },
   );
   return client;
 }
diff --git a/kolibri/core/assets/src/core-app/client.js b/kolibri/core/assets/src/core-app/client.js
index 7515e6b8ca1..3355258c4f5 100644
--- a/kolibri/core/assets/src/core-app/client.js
+++ b/kolibri/core/assets/src/core-app/client.js
@@ -15,7 +15,7 @@ export const logging = logger.getLogger(__filename);
 const baseClient = clientFactory();
 
 // Disconnection handler interceptor
-baseClient.interceptors.request.use(function(config) {
+baseClient.interceptors.request.use(function (config) {
   if (!store.getters.connected) {
     // If the vuex state records that we are not currently connected then cancel all
     // outgoing requests.
@@ -29,7 +29,7 @@ baseClient.interceptors.request.use(function(config) {
 // Login timeout detection interceptor and disconnection monitoring
 baseClient.interceptors.response.use(
   response => response,
-  function(error) {
+  function (error) {
     // If we receive a 403 response from the server, it is possible that the user
     // is attempting to access information they are not allowed to see.
     // However, more likely, it is because their login has timed out, but the frontend
@@ -55,7 +55,7 @@ baseClient.interceptors.response.use(
       }
     }
     return Promise.reject(error);
-  }
+  },
 );
 
 const client = options => {
@@ -80,14 +80,14 @@ const client = options => {
   if (typeof options === 'string') {
     options = { url: options };
     logging.warn(
-      'passing the URL as the only argument is deprecated, please use url option instead'
+      'passing the URL as the only argument is deprecated, please use url option instead',
     );
   }
 
   const headers = { ...(options.headers || {}), 'X-Requested-With': 'XMLHttpRequest' };
   if (options.multipart) {
     headers['Content-Type'] = 'multipart/form-data';
-    options.transformRequest = function(data) {
+    options.transformRequest = function (data) {
       const fd = new FormData();
       Object.keys(data).forEach(item => {
         fd.append(item, data[item]);
@@ -104,7 +104,7 @@ const client = options => {
       Object.defineProperty(response, 'entity', {
         get() {
           logging.warn(
-            'entity is deprecated for accessing response data, please use the data key instead'
+            'entity is deprecated for accessing response data, please use the data key instead',
           );
           return response.data;
         },
diff --git a/kolibri/core/assets/src/core-app/index.js b/kolibri/core/assets/src/core-app/index.js
index 10e451939c4..c3f76a9d965 100644
--- a/kolibri/core/assets/src/core-app/index.js
+++ b/kolibri/core/assets/src/core-app/index.js
@@ -49,7 +49,7 @@ setupPluginMediator(coreApp);
 initializeTheme();
 
 // monitor page visibility
-document.addEventListener('visibilitychange', function() {
+document.addEventListener('visibilitychange', function () {
   store.dispatch('setPageVisibility');
 });
 
diff --git a/kolibri/core/assets/src/core-app/pluginMediator.js b/kolibri/core/assets/src/core-app/pluginMediator.js
index 7dbfa0fdbc6..abba184b664 100644
--- a/kolibri/core/assets/src/core-app/pluginMediator.js
+++ b/kolibri/core/assets/src/core-app/pluginMediator.js
@@ -464,7 +464,7 @@ export default function pluginMediatorFactory(facade) {
                 url.includes(languageDirections.RTL)) ||
               (languageDirection === languageDirections.LTR &&
                 !url.includes(languageDirections.RTL)) ||
-              !url.endsWith('css')
+              !url.endsWith('css'),
           );
           Promise.all(urls.map(scriptLoader))
             // Load all the urls that we just filtered (all the javascript
@@ -486,7 +486,7 @@ export default function pluginMediatorFactory(facade) {
               if (this._kolibriModuleRegistry[kolibriModuleName]) {
                 storeTags(this._kolibriModuleRegistry[kolibriModuleName]);
                 resolve(
-                  mergeMixin(this._kolibriModuleRegistry[kolibriModuleName].rendererComponent)
+                  mergeMixin(this._kolibriModuleRegistry[kolibriModuleName].rendererComponent),
                 );
               } else {
                 // Or wait until the module has been registered
@@ -494,7 +494,7 @@ export default function pluginMediatorFactory(facade) {
                   if (moduleName === kolibriModuleName) {
                     storeTags(this._kolibriModuleRegistry[kolibriModuleName]);
                     resolve(
-                      mergeMixin(this._kolibriModuleRegistry[kolibriModuleName].rendererComponent)
+                      mergeMixin(this._kolibriModuleRegistry[kolibriModuleName].rendererComponent),
                     );
                   }
                 });
@@ -528,7 +528,7 @@ export default function pluginMediatorFactory(facade) {
             (direction === languageDirections.RTL && url.includes(languageDirections.RTL)) ||
             (direction === languageDirections.LTR &&
               !url.includes(languageDirections.RTL) &&
-              url.endsWith('css'))
+              url.endsWith('css')),
         );
         // Find the URL for the direction not specified
         const otherCssUrl = urls.find(
@@ -536,7 +536,7 @@ export default function pluginMediatorFactory(facade) {
             (direction !== languageDirections.RTL && url.includes(languageDirections.RTL)) ||
             (direction !== languageDirections.LTR &&
               !url.includes(languageDirections.RTL) &&
-              url.endsWith('css'))
+              url.endsWith('css')),
         );
         if (!cssUrl || contentRendererModule.urlTags[cssUrl]) {
           // There is no css file to try to load or
diff --git a/kolibri/core/assets/src/exams/utils.js b/kolibri/core/assets/src/exams/utils.js
index 0a164939e04..3ce86f6da7f 100644
--- a/kolibri/core/assets/src/exams/utils.js
+++ b/kolibri/core/assets/src/exams/utils.js
@@ -41,9 +41,9 @@ function convertExamQuestionSourcesV0V2(questionSources, seed, questionIds) {
           exercise_id: val.exercise_id,
           title: val.title,
           questionNumber,
-        }))
+        })),
       ),
-    []
+    [],
   );
   const shuffledExamQuestions = seededShuffle(examQuestions, seed);
   const shuffledExerciseQuestions = {};
@@ -56,7 +56,7 @@ function convertExamQuestionSourcesV0V2(questionSources, seed, questionIds) {
     title: question.title,
     counter_in_exercise:
       questionIds[question.exercise_id].findIndex(
-        id => id === shuffledExerciseQuestions[question.exercise_id][question.questionNumber]
+        id => id === shuffledExerciseQuestions[question.exercise_id][question.questionNumber],
       ) + 1,
   }));
 }
@@ -151,7 +151,7 @@ export async function convertExamQuestionSources(exam) {
     exam.question_sources = convertExamQuestionSourcesV0V2(
       exam.question_sources,
       exam.seed,
-      questionIds
+      questionIds,
     );
     // v1 -> v2 only updates the `counter_in_exercise` field if it's in camelCase
     // so we can set the data_model_version to 2 here to skip that code
@@ -187,7 +187,7 @@ export async function fetchExamWithContent(exam) {
       exam.question_sources.reduce((acc, section) => {
         acc = [...acc, ...section.questions.map(item => item.exercise_id)];
         return acc;
-      }, [])
+      }, []),
     );
 
     return ContentNodeResource.fetchCollection({
diff --git a/kolibri/core/assets/src/heartbeat.js b/kolibri/core/assets/src/heartbeat.js
index 7f1171df6be..9c78fe954c8 100644
--- a/kolibri/core/assets/src/heartbeat.js
+++ b/kolibri/core/assets/src/heartbeat.js
@@ -55,7 +55,7 @@ export class HeartBeat {
     this._client = clientFactory();
     // Define an interceptor to monitor the response that gets returned.
     this._client.interceptors.response.use(
-      function(response) {
+      function (response) {
         // If the response does not have one of the disconnect error codes
         // then we have reconnected.
         if (!store.getters.connected && !errorCodes.includes(response.status)) {
@@ -65,7 +65,7 @@ export class HeartBeat {
         }
         return response;
       },
-      function(error) {
+      function (error) {
         const { connected, reconnectTime } = store.getters;
         if (!connected) {
           // If the response does not have one of the disconnect error codes
@@ -84,12 +84,12 @@ export class HeartBeat {
           store.commit(
             'CORE_SET_RECONNECT_TIME',
             // Multiply the previous interval by our multiplier, but max out at a high interval.
-            Math.min(RECONNECT_MULTIPLIER * reconnect, MAX_RECONNECT_TIME)
+            Math.min(RECONNECT_MULTIPLIER * reconnect, MAX_RECONNECT_TIME),
           );
           createDisconnectedSnackbar(store, heartbeat.pollSessionEndPoint);
         }
         return Promise.reject(error);
-      }
+      },
     );
   }
   startPolling() {
diff --git a/kolibri/core/assets/src/kolibri_app.js b/kolibri/core/assets/src/kolibri_app.js
index 44f60b9bd9f..70ec3c7eb17 100644
--- a/kolibri/core/assets/src/kolibri_app.js
+++ b/kolibri/core/assets/src/kolibri_app.js
@@ -96,8 +96,8 @@ export default class KolibriApp extends KolibriModule {
           store: store,
           router: router.initRoutes(this.routes),
         },
-        this.RootVue
-      )
+        this.RootVue,
+      ),
     );
   }
 
diff --git a/kolibri/core/assets/src/logging.js b/kolibri/core/assets/src/logging.js
index 801a1bdc4f4..902174e19d1 100644
--- a/kolibri/core/assets/src/logging.js
+++ b/kolibri/core/assets/src/logging.js
@@ -23,9 +23,9 @@ class Logger {
 
   setMessagePrefix() {
     var originalFactory = this.logger.methodFactory;
-    this.logger.methodFactory = function(methodName, logLevel, loggerName) {
+    this.logger.methodFactory = function (methodName, logLevel, loggerName) {
       var rawMethod = originalFactory(methodName, logLevel, loggerName);
-      return function(message) {
+      return function (message) {
         rawMethod(`[${methodName.toUpperCase()}: ${loggerName}] ` + message);
       };
     };
@@ -75,7 +75,7 @@ class Logging {
     if (!loggerName) {
       loglevel[methodName](...args);
       Object.keys(this.registeredLoggers).forEach(name =>
-        this.registeredLoggers[name][methodName](...args)
+        this.registeredLoggers[name][methodName](...args),
       );
     } else {
       this.registeredLoggers[loggerName][methodName](...args);
diff --git a/kolibri/core/assets/src/mixins/__test__/notificationStrings.spec.js b/kolibri/core/assets/src/mixins/__test__/notificationStrings.spec.js
index 48b0c57e661..f0db1b66c67 100644
--- a/kolibri/core/assets/src/mixins/__test__/notificationStrings.spec.js
+++ b/kolibri/core/assets/src/mixins/__test__/notificationStrings.spec.js
@@ -19,7 +19,7 @@ describe('Coach Notification Strings', () => {
     (key, expectedPlural, expectedSingular) => {
       expect(NotificationStrings.$tr(key, { count: 10 })).toEqual(expectedPlural);
       expect(NotificationStrings.$tr(key, { count: 1 })).toEqual(expectedSingular);
-    }
+    },
   );
 
   // Test that the rest of the messages don't need paramaters
diff --git a/kolibri/core/assets/src/mixins/commonCoreStrings.js b/kolibri/core/assets/src/mixins/commonCoreStrings.js
index a13fff1b6e7..a05091a5154 100644
--- a/kolibri/core/assets/src/mixins/commonCoreStrings.js
+++ b/kolibri/core/assets/src/mixins/commonCoreStrings.js
@@ -1567,8 +1567,8 @@ const MetadataLookup = invert(
     METADATA.ContentLevels,
     METADATA.ContentNodeResourceType,
     METADATA.LearningActivities,
-    METADATA.ResourcesNeededTypes
-  )
+    METADATA.ResourcesNeededTypes,
+  ),
 );
 
 /**
diff --git a/kolibri/core/assets/src/router.js b/kolibri/core/assets/src/router.js
index 62c6df4010d..4c1a1c5d281 100644
--- a/kolibri/core/assets/src/router.js
+++ b/kolibri/core/assets/src/router.js
@@ -27,7 +27,7 @@ class Router {
         nextCalled = true;
       } else {
         logging.warn(
-          'next() called multiple times - this may happen if you are invoking next() in an asynchronous handler'
+          'next() called multiple times - this may happen if you are invoking next() in an asynchronous handler',
         );
       }
     };
diff --git a/kolibri/core/assets/src/state/modules/core/actions.js b/kolibri/core/assets/src/state/modules/core/actions.js
index 3eaf813ae48..c7a07b3fb02 100644
--- a/kolibri/core/assets/src/state/modules/core/actions.js
+++ b/kolibri/core/assets/src/state/modules/core/actions.js
@@ -261,7 +261,7 @@ export function setChannelInfo(store) {
     error => {
       store.dispatch('handleApiError', { error });
       return error;
-    }
+    },
   );
 }
 
@@ -314,7 +314,7 @@ export function fetchUserSyncStatus(store, params) {
       error => {
         store.dispatch('handleApiError', { error });
         return error;
-      }
+      },
     );
   }
   // for fetching an individual user
@@ -329,7 +329,7 @@ export function fetchUserSyncStatus(store, params) {
       error => {
         store.dispatch('handleApiError', { error });
         return error;
-      }
+      },
     );
   }
 }
diff --git a/kolibri/core/assets/src/utils/__test__/generateNavRoutes.spec.js b/kolibri/core/assets/src/utils/__test__/generateNavRoutes.spec.js
index 0b7a04a7e77..5a82c483ea9 100644
--- a/kolibri/core/assets/src/utils/__test__/generateNavRoutes.spec.js
+++ b/kolibri/core/assets/src/utils/__test__/generateNavRoutes.spec.js
@@ -3,37 +3,37 @@ import { generateNavRoute } from '../generateNavRoutes';
 describe('generateNavRoutes utility', () => {
   it('formats correctly for path with 1 required param', () => {
     expect(
-      generateNavRoute('/en/facility/', '/:facility_id/classes', { facility_id: 109000000 })
+      generateNavRoute('/en/facility/', '/:facility_id/classes', { facility_id: 109000000 }),
     ).toEqual('/en/facility/#/109000000/classes');
   });
 
   it('formats correctly for path with required param not provided', () => {
     expect(
-      generateNavRoute('/en/facility/', '/:facility_id/classes', { facility_id: undefined })
+      generateNavRoute('/en/facility/', '/:facility_id/classes', { facility_id: undefined }),
     ).toEqual('/en/facility/');
   });
 
   it('formats correctly for path with 1 optional param', () => {
     expect(
-      generateNavRoute('/en/facility/', '/:facility_id?/classes', { facility_id: 109099999 })
+      generateNavRoute('/en/facility/', '/:facility_id?/classes', { facility_id: 109099999 }),
     ).toEqual('/en/facility/#/109099999/classes');
   });
 
   it('formats correctly for path with optional param not provided', () => {
     expect(
-      generateNavRoute('/en/facility/', '/:facility_id?/classes', { facility_id: undefined })
+      generateNavRoute('/en/facility/', '/:facility_id?/classes', { facility_id: undefined }),
     ).toEqual('/en/facility/#/classes');
   });
 
   it('formats correctly for path with required param when wrong param provided', () => {
     expect(
-      generateNavRoute('/en/facility/', '/:facility_id/classes', { device_id: 900034 })
+      generateNavRoute('/en/facility/', '/:facility_id/classes', { device_id: 900034 }),
     ).toEqual('/en/facility/');
   });
 
   it('formats correctly for path with optional param when wrong param provided', () => {
     expect(
-      generateNavRoute('/en/facility/', '/:facility_id?/classes', { device_id: 900034 })
+      generateNavRoute('/en/facility/', '/:facility_id?/classes', { device_id: 900034 }),
     ).toEqual('/en/facility/#/classes');
   });
 });
diff --git a/kolibri/core/assets/src/utils/i18n.js b/kolibri/core/assets/src/utils/i18n.js
index 0e577f14546..d6a227eac09 100644
--- a/kolibri/core/assets/src/utils/i18n.js
+++ b/kolibri/core/assets/src/utils/i18n.js
@@ -165,7 +165,7 @@ class Translator {
       this._defaultMessages,
       Vue.prototype.$formatMessage,
       messageId,
-      args
+      args,
     );
   }
   // For convenience, also proxy all vue intl translation methods on this object
@@ -255,7 +255,7 @@ export function i18nSetup(skipPolyfill = false) {
             require => {
               res(() => require('intl'));
             },
-            'intl'
+            'intl',
           );
         }),
         importIntlLocale(currentLanguage),
@@ -271,7 +271,7 @@ export function i18nSetup(skipPolyfill = false) {
           logging.error(error);
           logging.error('An error occurred trying to setup Internationalization', error);
           reject();
-        }
+        },
       );
     }
   });
diff --git a/kolibri/core/assets/src/utils/intl-locale-data.js b/kolibri/core/assets/src/utils/intl-locale-data.js
index acc96761de5..48252e82924 100644
--- a/kolibri/core/assets/src/utils/intl-locale-data.js
+++ b/kolibri/core/assets/src/utils/intl-locale-data.js
@@ -8,203 +8,203 @@
  *
  * vue-intl and intl npm packages must both be installed for this module to function.
  */
-module.exports = function(locale) {
+module.exports = function (locale) {
   switch (locale) {
     case 'ar':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/ar.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/ar.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/ar.js'));
         });
       });
     case 'bg-bg':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/bg-BG.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/bg-BG.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/bg-BG.js'));
         });
       });
     case 'bn-bd':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/bn-BD.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/bn-BD.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/bn-BD.js'));
         });
       });
     case 'de':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/de.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/de.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/de.js'));
         });
       });
     case 'el':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/el.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/el.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/el.js'));
         });
       });
     case 'en':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/en.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/en.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/en.js'));
         });
       });
     case 'es-es':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/es-ES.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/es-ES.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/es-ES.js'));
         });
       });
     case 'es-419':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/es-419.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/es-419.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/es-419.js'));
         });
       });
     case 'fa':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/fa.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/fa.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/fa.js'));
         });
       });
     case 'fr-fr':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/fr-FR.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/fr-FR.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/fr-FR.js'));
         });
       });
     case 'ff-cm':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/ff-CM.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/ff-CM.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/ff-CM.js'));
         });
       });
     case 'gu-in':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/gu-IN.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/gu-IN.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/gu-IN.js'));
         });
       });
     case 'ha':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/ha.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/ha.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/ha.js'));
         });
       });
     case 'hi-in':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/hi-IN.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/hi-IN.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/hi-IN.js'));
         });
       });
     case 'ht':
-      return new Promise(function(resolve) {
-        require.ensure(['kolibri-tools/lib/i18n/locale-data/intl/ht.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['kolibri-tools/lib/i18n/locale-data/intl/ht.js'], function (require) {
           resolve(() => require('kolibri-tools/lib/i18n/locale-data/intl/ht.js'));
         });
       });
     case 'id':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/id.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/id.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/id.js'));
         });
       });
     case 'it':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/it.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/it.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/it.js'));
         });
       });
     case 'ka':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/ka.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/ka.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/ka.js'));
         });
       });
     case 'km':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/km.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/km.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/km.js'));
         });
       });
     case 'ko':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/ko.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/ko.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/ko.js'));
         });
       });
     case 'mr':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/mr.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/mr.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/mr.js'));
         });
       });
     case 'my':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/my.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/my.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/my.js'));
         });
       });
     case 'ny':
-      return new Promise(function(resolve) {
-        require.ensure(['kolibri-tools/lib/i18n/locale-data/intl/ny.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['kolibri-tools/lib/i18n/locale-data/intl/ny.js'], function (require) {
           resolve(() => require('kolibri-tools/lib/i18n/locale-data/intl/ny.js'));
         });
       });
     case 'pt-br':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/pt-BR.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/pt-BR.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/pt-BR.js'));
         });
       });
     case 'pt-mz':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/pt-MZ.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/pt-MZ.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/pt-MZ.js'));
         });
       });
     case 'sw-tz':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/sw-TZ.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/sw-TZ.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/sw-TZ.js'));
         });
       });
     case 'te':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/te.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/te.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/te.js'));
         });
       });
     case 'uk':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/uk.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/uk.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/uk.js'));
         });
       });
     case 'ur-pk':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/ur-PK.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/ur-PK.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/ur-PK.js'));
         });
       });
     case 'vi':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/vi.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/vi.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/vi.js'));
         });
       });
     case 'yo':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/yo.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/yo.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/yo.js'));
         });
       });
     case 'zh-hans':
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/zh-Hans.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/zh-Hans.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/zh-Hans.js'));
         });
       });
     default:
-      return new Promise(function(resolve) {
-        require.ensure(['intl/locale-data/jsonp/en.js'], function(require) {
+      return new Promise(function (resolve) {
+        require.ensure(['intl/locale-data/jsonp/en.js'], function (require) {
           resolve(() => require('intl/locale-data/jsonp/en.js'));
         });
       });
diff --git a/kolibri/core/assets/src/utils/licenseTranslations.js b/kolibri/core/assets/src/utils/licenseTranslations.js
index 5f3af8a1cf1..d6114b875fe 100644
--- a/kolibri/core/assets/src/utils/licenseTranslations.js
+++ b/kolibri/core/assets/src/utils/licenseTranslations.js
@@ -211,11 +211,11 @@ const shortNameTranslator = createTranslator('ShortLicenseNames', licenseShortNa
 const longNameTranslator = createTranslator('LongLicenseNames', licenseLongNameStrings);
 const creatorDescriptionTranslator = createTranslator(
   'LicenseDescriptionsForCreators',
-  licenseDescriptionCreatorStrings
+  licenseDescriptionCreatorStrings,
 );
 const consumerDescriptionTranslator = createTranslator(
   'LicenseDescriptionsForConsumers',
-  licenseDescriptionConsumerStrings
+  licenseDescriptionConsumerStrings,
 );
 
 // Translated short-form license names
diff --git a/kolibri/core/assets/src/utils/setupAndLoadFonts.js b/kolibri/core/assets/src/utils/setupAndLoadFonts.js
index 1380acd28cc..25702caa65e 100644
--- a/kolibri/core/assets/src/utils/setupAndLoadFonts.js
+++ b/kolibri/core/assets/src/utils/setupAndLoadFonts.js
@@ -61,12 +61,12 @@ function loadFullFontsProgressively() {
   // passing the language name to 'load' for its glyphs, not its value per se
   const string = availableLanguages[currentLanguage].lang_name;
   Promise.all([uiNormal.load(string, 20000), uiBold.load(string, 20000)])
-    .then(function() {
+    .then(function () {
       htmlEl.classList.remove(PARTIAL_FONTS);
       htmlEl.classList.add(FULL_FONTS);
       logging.debug(`Loaded full font for '${currentLanguage}'`);
     })
-    .catch(function() {
+    .catch(function () {
       logging.warn(`Could not load full font for '${currentLanguage}'`);
     });
 }
diff --git a/kolibri/core/assets/src/utils/shuffled.js b/kolibri/core/assets/src/utils/shuffled.js
index 4df5ec8e1a1..c1aa4812ade 100644
--- a/kolibri/core/assets/src/utils/shuffled.js
+++ b/kolibri/core/assets/src/utils/shuffled.js
@@ -2,7 +2,7 @@ import shuffle from 'knuth-shuffle-seeded';
 
 // Returns a shuffled copy of the array.
 // If no seed is given, chooses one randomly.
-export default function(arr, seed = undefined) {
+export default function (arr, seed = undefined) {
   if (seed === undefined) {
     return shuffle(arr.slice(0), Math.random());
   }
diff --git a/kolibri/core/assets/src/utils/syncTaskUtils.js b/kolibri/core/assets/src/utils/syncTaskUtils.js
index 3cf3dea0748..048484db604 100644
--- a/kolibri/core/assets/src/utils/syncTaskUtils.js
+++ b/kolibri/core/assets/src/utils/syncTaskUtils.js
@@ -121,7 +121,7 @@ export function syncFacilityTaskDisplayInfo(task) {
   } else if (task.extra_metadata.device_name) {
     deviceNameMsg = formatNameWithId(
       task.extra_metadata.device_name,
-      task.extra_metadata.device_id
+      task.extra_metadata.device_id,
     );
   }
   const syncStep = syncTaskStatusToStepMap[task.extra_metadata.sync_state];
@@ -177,7 +177,7 @@ export const removeStatusToDescriptionMap = {
 export function removeFacilityTaskDisplayInfo(task) {
   const facilityName = formatNameWithId(
     task.extra_metadata.facility_name,
-    task.extra_metadata.facility
+    task.extra_metadata.facility,
   );
   const statusDescription =
     removeStatusToDescriptionMap[task.status]() || getTaskString('taskUnknownStatus');
diff --git a/kolibri/core/assets/src/utils/vue-intl-locale-data.js b/kolibri/core/assets/src/utils/vue-intl-locale-data.js
index 52af39d846e..3293ca18506 100644
--- a/kolibri/core/assets/src/utils/vue-intl-locale-data.js
+++ b/kolibri/core/assets/src/utils/vue-intl-locale-data.js
@@ -8,7 +8,7 @@
  *
  * vue-intl and intl npm packages must both be installed for this module to function.
  */
-module.exports = function() {
+module.exports = function () {
   const data = [];
   data.push(require('vue-intl/locale-data/ar.js'));
   data.push(require('vue-intl/locale-data/bg.js'));
diff --git a/kolibri/core/assets/src/views/AppBar.vue b/kolibri/core/assets/src/views/AppBar.vue
index d6dc1cc6a72..d379b5c5903 100644
--- a/kolibri/core/assets/src/views/AppBar.vue
+++ b/kolibri/core/assets/src/views/AppBar.vue
@@ -4,7 +4,6 @@
     v-show="!$isPrint"
     :style="{ backgroundColor: $themeTokens.appBar }"
   >
-
     <header>
       <SkipNavigationLink />
 
@@ -67,7 +66,10 @@
                 :ariaLabel="$tr('pointsAriaLabel')"
                 :color="$themeTokens.primary"
               />
-              <div v-if="!windowIsSmall" class="points-description">
+              <div
+                v-if="!windowIsSmall"
+                class="points-description"
+              >
                 {{ $formatNumber(totalPoints) }}
               </div>
               <div
@@ -100,7 +102,6 @@
                 {{ usernameForDisplay }}
               </span>
             </span>
-
           </div>
         </template>
       </UiToolbar>
diff --git a/kolibri/core/assets/src/views/AttemptLogItem.vue b/kolibri/core/assets/src/views/AttemptLogItem.vue
index 745f55a3f50..e61b7179733 100644
--- a/kolibri/core/assets/src/views/AttemptLogItem.vue
+++ b/kolibri/core/assets/src/views/AttemptLogItem.vue
@@ -1,12 +1,11 @@
 <template>
 
   <span :class="{ 'no-diff': !showDiff }">
-    <component :is="displayTag" class="item">
-      {{ coreString(
-        'questionNumberLabel',
-        { questionNumber: attemptLog.questionNumber }
-      )
-      }}
+    <component
+      :is="displayTag"
+      class="item"
+    >
+      {{ coreString('questionNumberLabel', { questionNumber: attemptLog.questionNumber }) }}
     </component>
     <template v-if="!isSurvey">
       <AttemptIconDiff
@@ -33,7 +32,7 @@
         v-else-if="attemptLog.error"
         class="svg-item"
         data-test="question-attempt-icons"
-        :style=" { fill: $themeTokens.annotation }"
+        :style="{ fill: $themeTokens.annotation }"
         icon="helpNeeded"
       />
       <KIcon
@@ -47,7 +46,7 @@
         v-else-if="attemptLog.hinted"
         class="item svg-item"
         data-test="question-attempt-icons"
-        :style=" { fill: $themeTokens.annotation }"
+        :style="{ fill: $themeTokens.annotation }"
         icon="hint"
       />
     </template>
diff --git a/kolibri/core/assets/src/views/AttemptLogList.vue b/kolibri/core/assets/src/views/AttemptLogList.vue
index f5108b8d9db..dd8193ac771 100644
--- a/kolibri/core/assets/src/views/AttemptLogList.vue
+++ b/kolibri/core/assets/src/views/AttemptLogList.vue
@@ -19,10 +19,12 @@
         @change="handleSectionChange($event.value)"
       />
 
-      <h2 v-else-if="selectedSection.label" class="section-select">
+      <h2
+        v-else-if="selectedSection.label"
+        class="section-select"
+      >
         {{ selectedSection.label }}
       </h2>
-
     </div>
 
     <KSelect
@@ -66,7 +68,10 @@
         @focus="expand(index)"
       >
         <template #heading="{ title }">
-          <h3 v-if="title" class="accordion-header">
+          <h3
+            v-if="title"
+            class="accordion-header"
+          >
             <KButton
               tabindex="0"
               appearance="basic-link"
@@ -79,8 +84,7 @@
               <span>{{ title }}</span>
               <KIcon
                 class="chevron-icon"
-                :icon="(isExpanded(index)) ?
-                  'chevronUp' : 'chevronRight'"
+                :icon="isExpanded(index) ? 'chevronUp' : 'chevronRight'"
               />
             </KButton>
           </h3>
@@ -97,16 +101,13 @@
               class="history-list"
               role="listbox"
               @keydown.home="setSelectedAttemptLog(0)"
-              @keydown.end="
-                setSelectedAttemptLog(attemptLogs.length - 1)"
-              @keydown.up.prevent="
-                setSelectedAttemptLog(previousQuestion(selectedQuestionNumber))"
+              @keydown.end="setSelectedAttemptLog(attemptLogs.length - 1)"
+              @keydown.up.prevent="setSelectedAttemptLog(previousQuestion(selectedQuestionNumber))"
               @keydown.left.prevent="
-                setSelectedAttemptLog(previousQuestion(selectedQuestionNumber))"
-              @keydown.down.prevent="
-                setSelectedAttemptLog(nextQuestion(selectedQuestionNumber))"
-              @keydown.right.prevent="
-                setSelectedAttemptLog(nextQuestion(selectedQuestionNumber))"
+                setSelectedAttemptLog(previousQuestion(selectedQuestionNumber))
+              "
+              @keydown.down.prevent="setSelectedAttemptLog(nextQuestion(selectedQuestionNumber))"
+              @keydown.right.prevent="setSelectedAttemptLog(nextQuestion(selectedQuestionNumber))"
             >
               <li
                 v-for="(question, qIndex) in section.questions"
@@ -145,16 +146,11 @@
       class="history-list"
       role="listbox"
       @keydown.home="setSelectedAttemptLog(0)"
-      @keydown.end="
-        setSelectedAttemptLog(attemptLogs.length - 1)"
-      @keydown.up.prevent="
-        setSelectedAttemptLog(previousQuestion(selectedQuestionNumber))"
-      @keydown.left.prevent="
-        setSelectedAttemptLog(previousQuestion(selectedQuestionNumber))"
-      @keydown.down.prevent="
-        setSelectedAttemptLog(nextQuestion(selectedQuestionNumber))"
-      @keydown.right.prevent="
-        setSelectedAttemptLog(nextQuestion(selectedQuestionNumber))"
+      @keydown.end="setSelectedAttemptLog(attemptLogs.length - 1)"
+      @keydown.up.prevent="setSelectedAttemptLog(previousQuestion(selectedQuestionNumber))"
+      @keydown.left.prevent="setSelectedAttemptLog(previousQuestion(selectedQuestionNumber))"
+      @keydown.down.prevent="setSelectedAttemptLog(nextQuestion(selectedQuestionNumber))"
+      @keydown.right.prevent="setSelectedAttemptLog(nextQuestion(selectedQuestionNumber))"
     >
       <li
         v-for="(question, qIndex) in attemptLogs"
diff --git a/kolibri/core/assets/src/views/Backdrop.vue b/kolibri/core/assets/src/views/Backdrop.vue
index 292bef4d580..af8d2b99e1a 100644
--- a/kolibri/core/assets/src/views/Backdrop.vue
+++ b/kolibri/core/assets/src/views/Backdrop.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <transition name="backdrop" appear>
+  <transition
+    name="backdrop"
+    appear
+  >
     <div
       class="backdrop"
       :class="{ 'has-transitions': transitions }"
diff --git a/kolibri/core/assets/src/views/BaseToolbar.vue b/kolibri/core/assets/src/views/BaseToolbar.vue
index f7e081c0b34..b01e5a32d5e 100644
--- a/kolibri/core/assets/src/views/BaseToolbar.vue
+++ b/kolibri/core/assets/src/views/BaseToolbar.vue
@@ -4,7 +4,7 @@
     class="base-toolbar"
     :style="{
       color: $themeTokens.text,
-      backgroundColor: $themeTokens.surface
+      backgroundColor: $themeTokens.surface,
     }"
   >
     <slot></slot>
@@ -39,7 +39,9 @@
     padding-right: 24px;
     padding-left: 24px;
     font-size: 1.125rem;
-    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
+    box-shadow:
+      0 0 2px rgba(0, 0, 0, 0.12),
+      0 2px 2px rgba(0, 0, 0, 0.2);
   }
 
 </style>
diff --git a/kolibri/core/assets/src/views/BottomNavigationBar.vue b/kolibri/core/assets/src/views/BottomNavigationBar.vue
index f0138ae67ac..ee225641fc0 100644
--- a/kolibri/core/assets/src/views/BottomNavigationBar.vue
+++ b/kolibri/core/assets/src/views/BottomNavigationBar.vue
@@ -1,7 +1,13 @@
 <template>
 
-  <div class="bottom-bar" :style="{ backgroundColor: $themeTokens.textInverted }">
-    <span v-for="(routeDefinition, key) in routes" :key="key">
+  <div
+    class="bottom-bar"
+    :style="{ backgroundColor: $themeTokens.textInverted }"
+  >
+    <span
+      v-for="(routeDefinition, key) in routes"
+      :key="key"
+    >
       <a
         :href="generateNavRoute(routeDefinition.route)"
         tabindex="-1"
@@ -10,15 +16,15 @@
         @click="handleNav(routeDefinition.route)"
       >
         <div
-          :style="isActiveLink(routeDefinition.route) ?
-            bottomMenuActiveStyles :
-            bottomMenuInactiveStyles"
+          :style="
+            isActiveLink(routeDefinition.route) ? bottomMenuActiveStyles : bottomMenuInactiveStyles
+          "
         >
           <KIconButton
             :icon="routeDefinition.icon"
-            :color="isActiveLink(routeDefinition.route)
-              ? $themeTokens.primary
-              : $themeTokens.annotation"
+            :color="
+              isActiveLink(routeDefinition.route) ? $themeTokens.primary : $themeTokens.annotation
+            "
             :ariaLabel="routeDefinition.label"
             size="small"
           />
@@ -32,7 +38,10 @@
         </p>
       </a>
     </span>
-    <span class="nav-menu-item" :style="bottomMenuInactiveStyles">
+    <span
+      class="nav-menu-item"
+      :style="bottomMenuInactiveStyles"
+    >
       <KIconButton
         icon="menu"
         :ariaLabel="coreString('menuLabel')"
diff --git a/kolibri/core/assets/src/views/CoachContentLabel.vue b/kolibri/core/assets/src/views/CoachContentLabel.vue
index 772f6cf894f..dae16e353cc 100644
--- a/kolibri/core/assets/src/views/CoachContentLabel.vue
+++ b/kolibri/core/assets/src/views/CoachContentLabel.vue
@@ -11,7 +11,10 @@
         :color="$themeTokens.coachContent"
       />
     </template>
-    <span v-if="isTopic" class="counter">
+    <span
+      v-if="isTopic"
+      class="counter"
+    >
       {{ $formatNumber(value) }}
     </span>
 
diff --git a/kolibri/core/assets/src/views/ContentIcon.vue b/kolibri/core/assets/src/views/ContentIcon.vue
index 12ccf38e3d5..f25cc745c4c 100644
--- a/kolibri/core/assets/src/views/ContentIcon.vue
+++ b/kolibri/core/assets/src/views/ContentIcon.vue
@@ -7,63 +7,63 @@
         :icon="ContentNodeKinds.CHANNEL"
         :class="[colorClass]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
       <KIcon
         v-if="is(ContentNodeKinds.TOPIC)"
         :icon="ContentNodeKinds.TOPIC"
         :class="[colorClass]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
       <KIcon
         v-if="is(ContentNodeKinds.VIDEO)"
         :icon="ContentNodeKinds.VIDEO"
         :class="[colorClass]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
       <KIcon
         v-if="is(ContentNodeKinds.AUDIO)"
         :icon="ContentNodeKinds.AUDIO"
         :class="[colorClass]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
       <KIcon
         v-if="is(ContentNodeKinds.DOCUMENT)"
         :icon="ContentNodeKinds.DOCUMENT"
         :class="[colorClass]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
       <KIcon
         v-if="is(ContentNodeKinds.EXERCISE)"
         :icon="ContentNodeKinds.EXERCISE"
         :class="[colorClass, { 'rtl-icon': isRtl }]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
       <KIcon
         v-if="is(ContentNodeKinds.HTML5)"
         :icon="ContentNodeKinds.HTML5"
         :class="[colorClass]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
       <KIcon
         v-if="is(ContentNodeKinds.EXAM)"
         icon="quiz"
         :class="[colorClass]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
       <KIcon
         v-if="is(ContentNodeKinds.LESSON)"
         :icon="ContentNodeKinds.LESSON"
         :class="[colorClass]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
       <!-- Note that there is currently no `activity` icon token defined -->
       <!-- constant value comes all caps, but KIcon tokens are all lower case -->
@@ -72,21 +72,21 @@
         :icon="ContentNodeKinds.ACTIVITY.toLowerCase()"
         :class="[colorClass]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
       <KIcon
         v-if="is(ContentNodeKinds.SLIDESHOW)"
         :icon="ContentNodeKinds.SLIDESHOW"
         :class="[colorClass]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
       <KIcon
         v-if="is(USER)"
         :icon="USER"
         :class="[colorClass]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
       <!-- class icon uses a different token name than the constant's name -->
       <KIcon
@@ -94,7 +94,7 @@
         icon="classes"
         :class="[colorClass]"
         :color="color"
-        style="top:0;"
+        style="top: 0"
       />
     </UiIcon>
     <KTooltip
diff --git a/kolibri/core/assets/src/views/ContentRenderer/ContentRendererError.vue b/kolibri/core/assets/src/views/ContentRenderer/ContentRendererError.vue
index 401cba49137..b9c4eacf04f 100644
--- a/kolibri/core/assets/src/views/ContentRenderer/ContentRendererError.vue
+++ b/kolibri/core/assets/src/views/ContentRenderer/ContentRendererError.vue
@@ -1,8 +1,12 @@
 <template>
 
   <div class="container">
-    <UiAlert :dismissible="false" class="alert" type="error">
-      <span>{{ $tr('rendererNotAvailable') }}</span><br>
+    <UiAlert
+      :dismissible="false"
+      class="alert"
+      type="error"
+    >
+      <span>{{ $tr('rendererNotAvailable') }}</span><br >
       <KButton
         v-if="error && error.message"
         appearance="basic-link"
@@ -70,10 +74,11 @@
 
 
 <style scoped>
+
   .container {
-    background: rgba(0, 0, 0, 0.7);
-    height: 100%;
     width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.7);
   }
 
   .download-button {
@@ -81,9 +86,10 @@
   }
 
   .alert {
+    width: calc(100% - 16px);
     margin: 8px;
     text-align: left;
-    width: calc(100% - 16px);
     background: white;
   }
+
 </style>
diff --git a/kolibri/core/assets/src/views/ContentRenderer/ContentRendererLoading.vue b/kolibri/core/assets/src/views/ContentRenderer/ContentRendererLoading.vue
index 48ec9b257b2..b1ac2cecd72 100644
--- a/kolibri/core/assets/src/views/ContentRenderer/ContentRendererLoading.vue
+++ b/kolibri/core/assets/src/views/ContentRenderer/ContentRendererLoading.vue
@@ -1,8 +1,6 @@
 <template>
 
-  <KCircularLoader
-    :delay="false"
-  />
+  <KCircularLoader :delay="false" />
 
 </template>
 
diff --git a/kolibri/core/assets/src/views/ContentRenderer/DownloadButton.vue b/kolibri/core/assets/src/views/ContentRenderer/DownloadButton.vue
index 7a7283e83eb..bf93e8460d1 100644
--- a/kolibri/core/assets/src/views/ContentRenderer/DownloadButton.vue
+++ b/kolibri/core/assets/src/views/ContentRenderer/DownloadButton.vue
@@ -72,7 +72,7 @@
         req.open('GET', file.url, true);
         req.responseType = 'blob';
 
-        req.onload = function() {
+        req.onload = function () {
           const blob = req.response;
           const blobUrl = window.URL.createObjectURL(blob);
           try {
diff --git a/kolibri/core/assets/src/views/ContentRenderer/__tests__/DownloadButton.spec.js b/kolibri/core/assets/src/views/ContentRenderer/__tests__/DownloadButton.spec.js
index bd30637e7bb..6c6e56c6484 100644
--- a/kolibri/core/assets/src/views/ContentRenderer/__tests__/DownloadButton.spec.js
+++ b/kolibri/core/assets/src/views/ContentRenderer/__tests__/DownloadButton.spec.js
@@ -30,7 +30,7 @@ const renderComponent = props => {
     useUserMock({
       isAppContext: false,
       ...useUserMockProps,
-    })
+    }),
   );
 
   return render(DownloadButton, {
diff --git a/kolibri/core/assets/src/views/ContentRenderer/index.js b/kolibri/core/assets/src/views/ContentRenderer/index.js
index bae566e50fc..ca558c6fd36 100644
--- a/kolibri/core/assets/src/views/ContentRenderer/index.js
+++ b/kolibri/core/assets/src/views/ContentRenderer/index.js
@@ -4,10 +4,10 @@ import { canRenderContent, getRenderableFiles, getDefaultFile, getFilePreset } f
 
 export default {
   functional: true,
-  render: function(createElement, context) {
+  render: function (createElement, context) {
     const defaultItemPreset = getFilePreset(
       getDefaultFile(getRenderableFiles(context.props.files)),
-      context.props.preset
+      context.props.preset,
     );
     if (canRenderContent(defaultItemPreset)) {
       return createElement(
@@ -16,7 +16,7 @@ export default {
           ...context.data,
           props: context.props,
         },
-        context.children
+        context.children,
       );
     }
     return createElement(ContentRendererError);
diff --git a/kolibri/core/assets/src/views/ContentRenderer/utils.js b/kolibri/core/assets/src/views/ContentRenderer/utils.js
index 5509dce64a3..799208adb95 100644
--- a/kolibri/core/assets/src/views/ContentRenderer/utils.js
+++ b/kolibri/core/assets/src/views/ContentRenderer/utils.js
@@ -6,7 +6,7 @@ export const canRenderContent = preset => Boolean(Vue.options.components[preset
 export const getRenderableFiles = files =>
   files.filter(
     file =>
-      !file.thumbnail && !file.supplementary && file.available && canRenderContent(file.preset)
+      !file.thumbnail && !file.supplementary && file.available && canRenderContent(file.preset),
   );
 
 export const getDefaultFile = files => (files && files.length ? files[0] : undefined);
diff --git a/kolibri/core/assets/src/views/CoreBanner.vue b/kolibri/core/assets/src/views/CoreBanner.vue
index e41e7740f07..74738a21d90 100644
--- a/kolibri/core/assets/src/views/CoreBanner.vue
+++ b/kolibri/core/assets/src/views/CoreBanner.vue
@@ -30,7 +30,10 @@
             @click="toggleBanner"
           />
         </KGridItem>
-        <KGridItem v-else class="button-grid-item">
+        <KGridItem
+          v-else
+          class="button-grid-item"
+        >
           <KButton
             ref="close_button"
             class="close-button"
diff --git a/kolibri/core/assets/src/views/CoreInfoIcon/index.vue b/kolibri/core/assets/src/views/CoreInfoIcon/index.vue
index fd88ae18842..a51e8a10972 100644
--- a/kolibri/core/assets/src/views/CoreInfoIcon/index.vue
+++ b/kolibri/core/assets/src/views/CoreInfoIcon/index.vue
@@ -7,11 +7,14 @@
       :style="{ color: $themeTokens.primary }"
       :iconAriaLabel="iconAriaLabel"
     >
-      <KIcon icon="info" :style="{ fill: $themeTokens.primary }" />
+      <KIcon
+        icon="info"
+        :style="{ fill: $themeTokens.primary }"
+      />
     </UiIcon>
     <KTooltip
       reference="icon"
-      :class="{ 'ltr': !isRtl }"
+      :class="{ ltr: !isRtl }"
       :refs="$refs"
       :placement="tooltipPlacement"
     >
diff --git a/kolibri/core/assets/src/views/CoreLogo/index.vue b/kolibri/core/assets/src/views/CoreLogo/index.vue
index b8365f41d26..445499b2928 100644
--- a/kolibri/core/assets/src/views/CoreLogo/index.vue
+++ b/kolibri/core/assets/src/views/CoreLogo/index.vue
@@ -1,6 +1,11 @@
 <template>
 
-  <component :is="component" altText="" :src="image" :showBackground="true" />
+  <component
+    :is="component"
+    altText=""
+    :src="image"
+    :showBackground="true"
+  />
 
 </template>
 
diff --git a/kolibri/core/assets/src/views/CoreMenu/CoreMenuOption.vue b/kolibri/core/assets/src/views/CoreMenu/CoreMenuOption.vue
index 471c5eaec53..4689ac3eaf6 100644
--- a/kolibri/core/assets/src/views/CoreMenu/CoreMenuOption.vue
+++ b/kolibri/core/assets/src/views/CoreMenu/CoreMenuOption.vue
@@ -13,9 +13,19 @@
         @keydown.enter="visibleSubMenu = !visibleSubMenu"
       >
         <slot>
-          <KLabeledIcon :iconAfter="iconAfter" :data-testid="`icon-${iconAfter}`">
-            <template v-if="icon" #icon>
-              <KIcon :icon="icon" :color="optionIconColor" :data-testid="`icon-${icon}`" />
+          <KLabeledIcon
+            :iconAfter="iconAfter"
+            :data-testid="`icon-${iconAfter}`"
+          >
+            <template
+              v-if="icon"
+              #icon
+            >
+              <KIcon
+                :icon="icon"
+                :color="optionIconColor"
+                :data-testid="`icon-${icon}`"
+              />
             </template>
             <div v-if="label">{{ label }}</div>
           </KLabeledIcon>
@@ -36,8 +46,15 @@
       >
         <slot>
           <KLabeledIcon>
-            <template v-if="icon" #icon>
-              <KIcon :icon="icon" :color="optionIconColor" :data-testid="`icon-${icon}`" />
+            <template
+              v-if="icon"
+              #icon
+            >
+              <KIcon
+                :icon="icon"
+                :color="optionIconColor"
+                :data-testid="`icon-${icon}`"
+              />
             </template>
             <div v-if="label">{{ label }}</div>
           </KLabeledIcon>
@@ -47,7 +64,10 @@
     </li>
 
     <div v-if="visibleSubMenu">
-      <div v-for="subRoute in subRoutes" :key="subRoute.label">
+      <div
+        v-for="subRoute in subRoutes"
+        :key="subRoute.label"
+      >
         <div class="link-container">
           <router-link
             v-if="linkActive"
@@ -58,7 +78,7 @@
               class="link"
               :href="href"
               :class="isActive ? subRouteActiveClass : subRouteInactiveClass"
-              @click="e => isActive ? toggleMenu() : toggleMenu() && navigate(e)"
+              @click="e => (isActive ? toggleMenu() : toggleMenu() && navigate(e))"
             >
               {{ subRoute.label }}
             </a>
@@ -74,7 +94,6 @@
         </div>
       </div>
     </div>
-
   </div>
 
 </template>
diff --git a/kolibri/core/assets/src/views/CoreMenu/__tests__/CoreMenuOption.spec.js b/kolibri/core/assets/src/views/CoreMenu/__tests__/CoreMenuOption.spec.js
index 6b3aa9f887f..77d6fc28042 100644
--- a/kolibri/core/assets/src/views/CoreMenu/__tests__/CoreMenuOption.spec.js
+++ b/kolibri/core/assets/src/views/CoreMenu/__tests__/CoreMenuOption.spec.js
@@ -35,7 +35,7 @@ describe('CoreMenuOption', () => {
         expect(screen.getByRole('menuitem')).toBeInTheDocument();
         expect(screen.getByTestId('icon-chevronDown')).toBeInTheDocument();
         sampleSubRoutes.forEach(subRoute =>
-          expect(screen.queryByText(subRoute.label)).not.toBeInTheDocument()
+          expect(screen.queryByText(subRoute.label)).not.toBeInTheDocument(),
         );
       });
 
@@ -46,7 +46,7 @@ describe('CoreMenuOption', () => {
         // Clicking should show the subroutes
         await userEvent.click(menuItem);
         sampleSubRoutes.forEach(subRoute =>
-          expect(screen.getByText(subRoute.label)).toBeInTheDocument()
+          expect(screen.getByText(subRoute.label)).toBeInTheDocument(),
         );
         expect(screen.getByTestId('icon-chevronUp')).toBeInTheDocument();
         expect(screen.queryByTestId('icon-chevronDown')).not.toBeInTheDocument();
@@ -62,7 +62,7 @@ describe('CoreMenuOption', () => {
         // Clicking again should hide the subroutes
         await userEvent.click(menuItem);
         sampleSubRoutes.forEach(subRoute =>
-          expect(screen.queryByText(subRoute.label)).not.toBeInTheDocument()
+          expect(screen.queryByText(subRoute.label)).not.toBeInTheDocument(),
         );
         expect(screen.getByTestId('icon-chevronDown')).toBeInTheDocument();
         expect(screen.queryByTestId('icon-chevronUp')).not.toBeInTheDocument();
@@ -74,7 +74,7 @@ describe('CoreMenuOption', () => {
 
         await fireEvent.keyDown(screen.getByRole('menuitem'), { key: 'Enter' });
         sampleSubRoutes.forEach(subRoute =>
-          expect(screen.getByText(subRoute.label)).toBeInTheDocument()
+          expect(screen.getByText(subRoute.label)).toBeInTheDocument(),
         );
         expect(screen.getByTestId('icon-chevronUp')).toBeInTheDocument();
         expect(screen.queryByTestId('icon-chevronDown')).not.toBeInTheDocument();
@@ -90,7 +90,7 @@ describe('CoreMenuOption', () => {
         // Pressing Enter again should hide the subroutes
         await fireEvent.keyDown(menuItem, { key: 'Enter' });
         sampleSubRoutes.forEach(subRoute =>
-          expect(screen.queryByText(subRoute.label)).not.toBeInTheDocument()
+          expect(screen.queryByText(subRoute.label)).not.toBeInTheDocument(),
         );
         expect(screen.getByTestId('icon-chevronDown')).toBeInTheDocument();
         expect(screen.queryByTestId('icon-chevronUp')).not.toBeInTheDocument();
diff --git a/kolibri/core/assets/src/views/CorePage/AppBarPage.vue b/kolibri/core/assets/src/views/CorePage/AppBarPage.vue
index ebe62359b10..e7f23bc500a 100644
--- a/kolibri/core/assets/src/views/CorePage/AppBarPage.vue
+++ b/kolibri/core/assets/src/views/CorePage/AppBarPage.vue
@@ -44,7 +44,6 @@
         @shouldFocusFirstEl="findFirstEl()"
       />
     </transition>
-
   </div>
 
 </template>
@@ -121,16 +120,16 @@
         return this.appearanceOverrides
           ? this.appearanceOverrides
           : {
-              width: '100%',
-              maxWidth: '1064px',
-              margin: 'auto',
-              backgroundColor: this.$themePalette.grey.v_50,
-              paddingLeft: this.paddingLeftRight,
-              paddingRight: this.paddingLeftRight,
-              paddingTop: this.appBarHeight + this.paddingTop + 'px',
-              paddingBottom: '72px',
-              marginTop: 0,
-            };
+            width: '100%',
+            maxWidth: '1064px',
+            margin: 'auto',
+            backgroundColor: this.$themePalette.grey.v_50,
+            paddingLeft: this.paddingLeftRight,
+            paddingRight: this.paddingLeftRight,
+            paddingTop: this.appBarHeight + this.paddingTop + 'px',
+            paddingBottom: '72px',
+            marginTop: 0,
+          };
       },
       paddingTop() {
         return this.isAppContext ? 0 : 4;
diff --git a/kolibri/core/assets/src/views/CorePage/ImmersivePage.vue b/kolibri/core/assets/src/views/CorePage/ImmersivePage.vue
index 3832c1a5ae0..eaba3b7de47 100644
--- a/kolibri/core/assets/src/views/CorePage/ImmersivePage.vue
+++ b/kolibri/core/assets/src/views/CorePage/ImmersivePage.vue
@@ -4,7 +4,7 @@
     <ScrollingHeader :scrollPosition="0">
       <ImmersiveToolbar
         ref="appBar"
-        :appBarTitle="(!loading ? appBarTitle : '')"
+        :appBarTitle="!loading ? appBarTitle : ''"
         :route="route"
         :icon="icon"
         :isFullscreen="primary"
@@ -19,7 +19,10 @@
         :delay="false"
       />
     </ScrollingHeader>
-    <div class="main-wrapper" :style="wrapperStyles">
+    <div
+      class="main-wrapper"
+      :style="wrapperStyles"
+    >
       <slot></slot>
     </div>
   </div>
@@ -78,14 +81,14 @@
         return this.appearanceOverrides
           ? this.appearanceOverrides
           : {
-              width: '100%',
-              display: 'inline-block',
-              backgroundColor: this.$themePalette.grey.v_50,
-              paddingLeft: '32px',
-              paddingRight: '32px',
-              paddingBottom: '72px',
-              paddingTop: this.appBarHeight + 16 + 'px',
-            };
+            width: '100%',
+            display: 'inline-block',
+            backgroundColor: this.$themePalette.grey.v_50,
+            paddingLeft: '32px',
+            paddingRight: '32px',
+            paddingBottom: '72px',
+            paddingTop: this.appBarHeight + 16 + 'px',
+          };
       },
     },
     mounted() {
diff --git a/kolibri/core/assets/src/views/CoreSnackbar/index.vue b/kolibri/core/assets/src/views/CoreSnackbar/index.vue
index 1edee7a3e6c..6daa93d4fd5 100644
--- a/kolibri/core/assets/src/views/CoreSnackbar/index.vue
+++ b/kolibri/core/assets/src/views/CoreSnackbar/index.vue
@@ -4,9 +4,16 @@
     <template v-if="backdrop">
       <Backdrop class="snackbar-backdrop" />
       <!-- Prevent focus from leaving the this container -->
-      <div tabindex="0" @focus="trapFocus"></div>
+      <div
+        tabindex="0"
+        @focus="trapFocus"
+      ></div>
     </template>
-    <transition name="snackbar" @leave-to="clearSnackbar" @enter="handleOnEnter">
+    <transition
+      name="snackbar"
+      @leave-to="clearSnackbar"
+      @enter="handleOnEnter"
+    >
       <UiSnackbar
         v-show="isVisible"
         id="coresnackbar"
@@ -19,7 +26,10 @@
         @action-click="handleActionClick"
       >
         <template #inner-focus-trap>
-          <div tabindex="0" @focus="trapFocus"></div>
+          <div
+            tabindex="0"
+            @focus="trapFocus"
+          ></div>
         </template>
       </UiSnackbar>
     </transition>
diff --git a/kolibri/core/assets/src/views/CoreTable.vue b/kolibri/core/assets/src/views/CoreTable.vue
index c47dff75b37..09dbc67dd03 100644
--- a/kolibri/core/assets/src/views/CoreTable.vue
+++ b/kolibri/core/assets/src/views/CoreTable.vue
@@ -46,7 +46,7 @@
               borderBottom: `solid 1px ${this.$themeTokens.fineLine}`,
             },
           },
-          this.selectable ? selectable : {}
+          this.selectable ? selectable : {},
         );
       },
     },
diff --git a/kolibri/core/assets/src/views/ElapsedTime.vue b/kolibri/core/assets/src/views/ElapsedTime.vue
index 2aa63446af8..f486bcbbb98 100644
--- a/kolibri/core/assets/src/views/ElapsedTime.vue
+++ b/kolibri/core/assets/src/views/ElapsedTime.vue
@@ -1,8 +1,6 @@
 <template>
 
-  <KOptionalText
-    :text="date ? $formatRelative(ceilingDate, { now: now }) : ''"
-  />
+  <KOptionalText :text="date ? $formatRelative(ceilingDate, { now: now }) : ''" />
 
 </template>
 
diff --git a/kolibri/core/assets/src/views/ExamReport/AttemptTextDiff.vue b/kolibri/core/assets/src/views/ExamReport/AttemptTextDiff.vue
index 465373aeeac..48ac3391aaa 100644
--- a/kolibri/core/assets/src/views/ExamReport/AttemptTextDiff.vue
+++ b/kolibri/core/assets/src/views/ExamReport/AttemptTextDiff.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <span v-if="text" data-testid="attempt-text-diff">{{ text }}</span>
+  <span
+    v-if="text"
+    data-testid="attempt-text-diff"
+  >{{ text }}</span>
 
 </template>
 
diff --git a/kolibri/core/assets/src/views/ExamReport/CurrentTryOverview.vue b/kolibri/core/assets/src/views/ExamReport/CurrentTryOverview.vue
index abfda1af265..414e70e414f 100644
--- a/kolibri/core/assets/src/views/ExamReport/CurrentTryOverview.vue
+++ b/kolibri/core/assets/src/views/ExamReport/CurrentTryOverview.vue
@@ -1,16 +1,28 @@
 <template>
 
-  <table v-if="currentTryDefined" class="scores">
-    <tr v-if="!hideStatus" data-test="try-status">
+  <table
+    v-if="currentTryDefined"
+    class="scores"
+  >
+    <tr
+      v-if="!hideStatus"
+      data-test="try-status"
+    >
       <th>
         {{ coreString('statusLabel') }}
       </th>
       <td>
-        <ProgressIcon class="svg-icon" :progress="progress" />
+        <ProgressIcon
+          class="svg-icon"
+          :progress="progress"
+        />
         {{ progressIconLabel }}
       </td>
     </tr>
-    <tr v-if="masteryModel && !isSurvey" data-test="try-mastery-model">
+    <tr
+      v-if="masteryModel && !isSurvey"
+      data-test="try-mastery-model"
+    >
       <th>
         {{ coreString('masteryModelLabel') }}
       </th>
@@ -18,7 +30,10 @@
         <MasteryModel :masteryModel="masteryModel" />
       </td>
     </tr>
-    <tr v-if="!isSurvey && correctDefined && !masteryModel" data-test="try-score">
+    <tr
+      v-if="!isSurvey && correctDefined && !masteryModel"
+      data-test="try-score"
+    >
       <th>
         {{ coreString('scoreLabel') }}
       </th>
@@ -26,15 +41,21 @@
         {{ $formatNumber(score, { style: 'percent' }) }}
       </td>
     </tr>
-    <tr v-if="!isSurvey && correctDefined && !masteryModel" data-test="try-questions-correct">
+    <tr
+      v-if="!isSurvey && correctDefined && !masteryModel"
+      data-test="try-questions-correct"
+    >
       <th>
         {{ coreString('questionsCorrectLabel') }}
       </th>
       <td>
-        {{ coreString('questionsCorrectValue', {
-          correct: currentTry.correct, total: totalQuestions
-        }) }}
-        <br>
+        {{
+          coreString('questionsCorrectValue', {
+            correct: currentTry.correct,
+            total: totalQuestions,
+          })
+        }}
+        <br >
         <span
           v-if="questionsCorrectAnnotation"
           class="try-annotation"
@@ -42,13 +63,16 @@
         >{{ questionsCorrectAnnotation }}</span>
       </td>
     </tr>
-    <tr v-if="!isSurvey && currentTry.time_spent" data-test="try-time-spent">
+    <tr
+      v-if="!isSurvey && currentTry.time_spent"
+      data-test="try-time-spent"
+    >
       <th>
         {{ coreString('timeSpentLabel') }}
       </th>
       <td>
         <TimeDuration :seconds="currentTry.time_spent" />
-        <br>
+        <br >
         <span
           v-if="timeSpentAnnotation"
           class="try-annotation"
@@ -189,8 +213,8 @@
 
         return this.currentTry.diff.correct > 0
           ? this.$tr('practiceQuizReportImprovedLabelSecondPerson', {
-              value: this.currentTry.diff.correct,
-            })
+            value: this.currentTry.diff.correct,
+          })
           : null;
       },
       diffTimeSpent() {
diff --git a/kolibri/core/assets/src/views/ExamReport/TriesOverview.vue b/kolibri/core/assets/src/views/ExamReport/TriesOverview.vue
index 21cc1d8f145..bedc98c8e7d 100644
--- a/kolibri/core/assets/src/views/ExamReport/TriesOverview.vue
+++ b/kolibri/core/assets/src/views/ExamReport/TriesOverview.vue
@@ -35,9 +35,12 @@
         {{ coreString('questionsCorrectLabel') }}
       </th>
       <td>
-        {{ coreString('questionsCorrectValue', {
-          correct: maxQuestionsCorrect, total: totalQuestions
-        }) }}
+        {{
+          coreString('questionsCorrectValue', {
+            correct: maxQuestionsCorrect,
+            total: totalQuestions,
+          })
+        }}
       </td>
     </tr>
     <tr v-if="bestTimeSpent !== null">
@@ -46,7 +49,7 @@
       </th>
       <td>
         <TimeDuration :seconds="bestTimeSpent" />
-        <br>
+        <br >
         <span
           v-if="suggestedTimeAnnotation"
           class="try-annotation"
diff --git a/kolibri/core/assets/src/views/ExamReport/index.vue b/kolibri/core/assets/src/views/ExamReport/index.vue
index ace5ea26136..f6a3672c48e 100644
--- a/kolibri/core/assets/src/views/ExamReport/index.vue
+++ b/kolibri/core/assets/src/views/ExamReport/index.vue
@@ -9,7 +9,10 @@
         class="page-status"
         :style="{ backgroundColor: $themeTokens.surface }"
       >
-        <KGridItem v-if="windowIsSmall" :layout4="{ span: 4, alignment: 'right' }">
+        <KGridItem
+          v-if="windowIsSmall"
+          :layout4="{ span: 4, alignment: 'right' }"
+        >
           <slot name="actions"></slot>
         </KGridItem>
         <KGridItem
@@ -18,10 +21,19 @@
           :layout4="{ span: 4, alignment: 'left' }"
         >
           <div>
-            <h1 v-if="userId" class="title">
-              <KLabeledIcon icon="person" :label="userName" />
+            <h1
+              v-if="userId"
+              class="title"
+            >
+              <KLabeledIcon
+                icon="person"
+                :label="userName"
+              />
             </h1>
-            <KLabeledIcon :icon="titleIcon" :label="title" />
+            <KLabeledIcon
+              :icon="titleIcon"
+              :label="title"
+            />
           </div>
           <!-- only show the current try if the user has only one try or if its a survey -->
           <TriesOverview
@@ -50,7 +62,10 @@
       </KGrid>
     </template>
 
-    <template v-if="!loading" #subheader>
+    <template
+      v-if="!loading"
+      #subheader
+    >
       <KSelect
         v-if="pastTries.length > 1"
         :value="pastTriesOptions[tryIndex]"
@@ -84,8 +99,14 @@
       />
     </template>
 
-    <template v-if="currentTry && currentTry.attemptlogs.length" #main>
-      <KCircularLoader v-if="loading" class="loader" />
+    <template
+      v-if="currentTry && currentTry.attemptlogs.length"
+      #main
+    >
+      <KCircularLoader
+        v-if="loading"
+        class="loader"
+      />
       <template v-else-if="itemId">
         <AttemptLogList
           v-if="windowIsSmall"
@@ -105,13 +126,19 @@
         >
           <h3>{{ questionNumberInSectionLabel }}</h3>
 
-          <div v-if="!isSurvey" data-test="diff-business">
+          <div
+            v-if="!isSurvey"
+            data-test="diff-business"
+          >
             <KCheckbox
               :label="coreString('showCorrectAnswerLabel')"
               :checked="showCorrectAnswer"
               @change="toggleShowCorrectAnswer"
             />
-            <div v-if="currentAttemptDiff" style="padding-bottom: 15px;">
+            <div
+              v-if="currentAttemptDiff"
+              style="padding-bottom: 15px"
+            >
               <AttemptIconDiff
                 :correct="currentAttempt.correct"
                 :diff="currentAttemptDiff.correct"
@@ -142,7 +169,10 @@
             :showCorrectAnswer="showCorrectAnswer"
           />
         </div>
-        <MissingResourceAlert v-else :multiple="false" />
+        <MissingResourceAlert
+          v-else
+          :multiple="false"
+        />
       </template>
 
       <p v-else>
@@ -395,10 +425,10 @@
         // filter out interactions without answers but keep hints and errors
         return this.currentAttempt
           ? this.currentAttempt.interaction_history.filter(interaction =>
-              Boolean(
-                interaction.answer || interaction.type === 'hint' || interaction.type === 'error'
-              )
-            ) || []
+            Boolean(
+              interaction.answer || interaction.type === 'hint' || interaction.type === 'error',
+            ),
+          ) || []
           : [];
       },
       currentInteraction() {
@@ -482,13 +512,13 @@
         MasteryLogResource.fetchCollection({ getParams: this.getParams(), force: true }).then(
           pastTries => {
             this.pastTries = pastTries;
-          }
+          },
         );
       },
       quizAttempts() {
         const mostRecentAttempts = sortBy(
           this.currentTry ? this.currentTry.attemptlogs : [],
-          'end_timestamp'
+          'end_timestamp',
         ).reverse();
         return sortBy(
           this.questions.map((question, index) => {
@@ -513,7 +543,7 @@
               missing_resource,
             };
           }),
-          'questionNumber'
+          'questionNumber',
         );
       },
       masteryAttempts() {
diff --git a/kolibri/core/assets/src/views/InteractionList/InteractionItem.vue b/kolibri/core/assets/src/views/InteractionList/InteractionItem.vue
index 82e808c66bb..54d51100445 100644
--- a/kolibri/core/assets/src/views/InteractionList/InteractionItem.vue
+++ b/kolibri/core/assets/src/views/InteractionList/InteractionItem.vue
@@ -3,7 +3,7 @@
   <div
     class="attempt-box"
     :style="{
-      border: `2px solid ${selected ? $themeTokens.text : $themeTokens.textDisabled }`,
+      border: `2px solid ${selected ? $themeTokens.text : $themeTokens.textDisabled}`,
       cursor: selected ? 'auto' : 'pointer',
     }"
     data-testid="attemptBox"
@@ -28,14 +28,14 @@
       v-else-if="isHint"
       class="svg-item"
       icon="hint"
-      :style="[svgItemBorder, { fill: $themeTokens.annotation } ]"
+      :style="[svgItemBorder, { fill: $themeTokens.annotation }]"
       data-testid="hintIcon"
     />
     <KIcon
       v-else-if="isError"
       class="svg-item"
       icon="helpNeeded"
-      :style="[svgItemBorder, { fill: $themeTokens.annotation } ]"
+      :style="[svgItemBorder, { fill: $themeTokens.annotation }]"
       data-testid="helpNeededIcon"
     />
   </div>
@@ -51,7 +51,7 @@
       interaction: {
         type: Object,
         required: true,
-        validator: function(value) {
+        validator: function (value) {
           // The object must have a 'type' property
           if (!value['type']) {
             return false;
diff --git a/kolibri/core/assets/src/views/InteractionList/index.vue b/kolibri/core/assets/src/views/InteractionList/index.vue
index 82ba99fe0c7..ac111e9ae1a 100644
--- a/kolibri/core/assets/src/views/InteractionList/index.vue
+++ b/kolibri/core/assets/src/views/InteractionList/index.vue
@@ -1,7 +1,6 @@
 <template>
 
   <div class="interaction-list">
-
     <div class="attempt-container">
       <InteractionItem
         v-for="(interaction, index) in interactions"
@@ -15,7 +14,6 @@
     <p>
       {{ interactionsMessage }}
     </p>
-
   </div>
 
 </template>
diff --git a/kolibri/core/assets/src/views/KolibriLoadingSnippet.vue b/kolibri/core/assets/src/views/KolibriLoadingSnippet.vue
index 819b14722d5..b4536985650 100644
--- a/kolibri/core/assets/src/views/KolibriLoadingSnippet.vue
+++ b/kolibri/core/assets/src/views/KolibriLoadingSnippet.vue
@@ -3,7 +3,11 @@
   <div class="container">
     <div class="rel">
       <div class="flapping-kolibri">
-        <KLogo size="250" :animate="true" :altText="$tr('kolibriLoading')" />
+        <KLogo
+          size="250"
+          :animate="true"
+          :altText="$tr('kolibriLoading')"
+        />
       </div>
     </div>
   </div>
@@ -27,7 +31,8 @@
 
 
 <style>
-  .rel{
+
+  .rel {
     position: relative;
     width: 100%;
     height: 100%;
diff --git a/kolibri/core/assets/src/views/MultiPaneLayout.vue b/kolibri/core/assets/src/views/MultiPaneLayout.vue
index ab70f2dd96a..a97480b4073 100644
--- a/kolibri/core/assets/src/views/MultiPaneLayout.vue
+++ b/kolibri/core/assets/src/views/MultiPaneLayout.vue
@@ -18,9 +18,7 @@
       <slot name="subheader"></slot>
     </section>
 
-    <KFixedGrid
-      numCols="3"
-    >
+    <KFixedGrid numCols="3">
       <KFixedGridItem
         v-if="$slots.aside"
         ref="aside"
@@ -41,7 +39,6 @@
           <slot name="main"></slot>
         </div>
       </KFixedGridItem>
-
     </KFixedGrid>
     <footer
       v-if="$slots.footer"
diff --git a/kolibri/core/assets/src/views/Navbar/index.vue b/kolibri/core/assets/src/views/Navbar/index.vue
index 381fb77562f..d6430d0354c 100644
--- a/kolibri/core/assets/src/views/Navbar/index.vue
+++ b/kolibri/core/assets/src/views/Navbar/index.vue
@@ -1,8 +1,6 @@
 <template>
 
-  <nav
-    class="navbar-positioning"
-  >
+  <nav class="navbar-positioning">
     <ul
       ref="items"
       class="items"
diff --git a/kolibri/core/assets/src/views/NotificationsRoot.vue b/kolibri/core/assets/src/views/NotificationsRoot.vue
index 8d7ed7a223f..2a0d6c6de25 100644
--- a/kolibri/core/assets/src/views/NotificationsRoot.vue
+++ b/kolibri/core/assets/src/views/NotificationsRoot.vue
@@ -17,7 +17,11 @@
       </KPageContainer>
     </AppBarPage>
 
-    <div v-else tabindex="-1" data-test="base-page">
+    <div
+      v-else
+      tabindex="-1"
+      data-test="base-page"
+    >
       <slot :loading="loading"></slot>
     </div>
 
diff --git a/kolibri/core/assets/src/views/PaginatedListContainer.vue b/kolibri/core/assets/src/views/PaginatedListContainer.vue
index 2cc3ac67776..48bf4f6c178 100644
--- a/kolibri/core/assets/src/views/PaginatedListContainer.vue
+++ b/kolibri/core/assets/src/views/PaginatedListContainer.vue
@@ -21,7 +21,10 @@
     </div>
 
     <nav class="pagination-nav">
-      <span dir="auto" class="pagination-label">
+      <span
+        dir="auto"
+        class="pagination-label"
+      >
         {{ $tr('pagination', { visibleStartRange, visibleEndRange, numFilteredItems }) }}
       </span>
       <KButtonGroup>
@@ -29,7 +32,6 @@
           :ariaLabel="$tr('previousResults')"
           :disabled="previousButtonDisabled"
           size="small"
-
           icon="back"
           @click="changePage(-1)"
         />
@@ -37,7 +39,6 @@
           :ariaLabel="$tr('nextResults')"
           :disabled="nextButtonDisabled"
           size="small"
-
           icon="forward"
           @click="changePage(+1)"
         />
diff --git a/kolibri/core/assets/src/views/ProgressBar.vue b/kolibri/core/assets/src/views/ProgressBar.vue
index 7f35d93f0d0..f4429e5afb6 100644
--- a/kolibri/core/assets/src/views/ProgressBar.vue
+++ b/kolibri/core/assets/src/views/ProgressBar.vue
@@ -1,7 +1,10 @@
 <template>
 
   <div class="wrapper">
-    <div id="progress-bar-label" class="visuallyhidden">
+    <div
+      id="progress-bar-label"
+      class="visuallyhidden"
+    >
       {{ coreString('progressLabel') }}
     </div>
     <div
@@ -17,12 +20,14 @@
         class="progress-bar-complete"
         :style="{
           width: percent + '%',
-          backgroundColor: color || $themeTokens.primary
+          backgroundColor: color || $themeTokens.primary,
         }"
-      >
-      </div>
+      ></div>
     </div>
-    <div v-if="showPercentage" class="progress-bar-text">
+    <div
+      v-if="showPercentage"
+      class="progress-bar-text"
+    >
       {{ $formatNumber(progress, { style: 'percent' }) }}
     </div>
   </div>
diff --git a/kolibri/core/assets/src/views/SideNav.vue b/kolibri/core/assets/src/views/SideNav.vue
index 6d4f23beab4..13fb400a769 100644
--- a/kolibri/core/assets/src/views/SideNav.vue
+++ b/kolibri/core/assets/src/views/SideNav.vue
@@ -17,19 +17,17 @@
           backgroundColor: $themeTokens.surface,
         }"
       >
-
-
         <FocusTrap
           @shouldFocusFirstEl="$emit('shouldFocusFirstEl')"
           @shouldFocusLastEl="focusLastEl"
         >
-
-
           <div
             :class="showAppNavView ? 'bottom-nav-scrollable-area' : 'side-nav-scrollable-area'"
-            :style="showAppNavView ?
-              { width: `${width}` } :
-              { top: `${topBarHeight}px`, width: `${width}` }"
+            :style="
+              showAppNavView
+                ? { width: `${width}` }
+                : { top: `${topBarHeight}px`, width: `${width}` }
+            "
           >
             <img
               v-if="themeConfig.sideNav.topLogo"
@@ -39,9 +37,14 @@
               :style="themeConfig.sideNav.topLogo.style"
             >
 
-
-            <div v-if="userIsLearner || showAppNavView" class="user-information">
-              <div v-if="showAppNavView" style="margin-bottom:10px;margin-left:-15px">
+            <div
+              v-if="userIsLearner || showAppNavView"
+              class="user-information"
+            >
+              <div
+                v-if="showAppNavView"
+                style="margin-bottom: 10px; margin-left: -15px"
+              >
                 <KIconButton
                   ref="closeButton"
                   icon="close"
@@ -57,7 +60,7 @@
                   color: $themeTokens.annotation,
                   fontSize: '12px',
                   marginTop: '8px',
-                  marginBottom: 0
+                  marginBottom: 0,
                 }"
               >
                 {{ username }}
@@ -66,7 +69,6 @@
                 {{ loggedInUserKind }}
               </p>
 
-
               <!-- display sync status, when relevant -->
               <div v-if="isLearnerOnlyImport">
                 <div class="sync-status">
@@ -79,7 +81,10 @@
                 />
               </div>
             </div>
-            <SideNavDivider v-if="userIsLearner" :style="{ listStyleType: 'none' }" />
+            <SideNavDivider
+              v-if="userIsLearner"
+              :style="{ listStyleType: 'none' }"
+            />
             <CoreMenu
               ref="coreMenu"
               role="navigation"
@@ -107,7 +112,7 @@
                   :link="item.url"
                   :icon="item.icon"
                   :linkActive="item.active"
-                  style="cursor: pointer;"
+                  style="cursor: pointer"
                   data-test="side-nav-item"
                   @toggleMenu="toggleNav"
                 />
@@ -128,7 +133,10 @@
               </template>
             </CoreMenu>
 
-            <div v-if="showSoudNotice" style="padding: 16px">
+            <div
+              v-if="showSoudNotice"
+              style="padding: 16px"
+            >
               <LearnOnlyDeviceNotice />
             </div>
 
@@ -146,8 +154,10 @@
                   :style="themeConfig.sideNav.brandedFooter.logo.style"
                 >
                 <div
-                  v-if="themeConfig.sideNav.brandedFooter.paragraphArray
-                    && themeConfig.sideNav.brandedFooter.paragraphArray.length"
+                  v-if="
+                    themeConfig.sideNav.brandedFooter.paragraphArray &&
+                      themeConfig.sideNav.brandedFooter.paragraphArray.length
+                  "
                   class="side-nav-scrollable-area-footer-info"
                 >
                   <p
@@ -184,7 +194,8 @@
             class="side-nav-header"
             :style="{
               height: topBarHeight + 'px',
-              width: `${width}`, paddingTop: windowIsSmall ? '4px' : '8px',
+              width: `${width}`,
+              paddingTop: windowIsSmall ? '4px' : '8px',
               backgroundColor: $themeTokens.appBar,
             }"
           >
@@ -214,8 +225,6 @@
       @toggleNav="toggleNav"
     />
 
-
-
     <Backdrop
       v-show="navShown && !showAppNavView"
       :transitions="true"
@@ -235,7 +244,6 @@
       :style="{ color: $themeTokens.text }"
       @cancel="languageModalShown = false"
     />
-
   </div>
 
 </template>
@@ -525,7 +533,9 @@
 
   // Matches the Keen-UI/UiToolbar box-shadow property
   %ui-toolbar-box-shadow {
-    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
+    box-shadow:
+      0 0 2px rgba(0, 0, 0, 0.12),
+      0 2px 2px rgba(0, 0, 0, 0.2);
   }
 
   .side-nav-wrapper {
diff --git a/kolibri/core/assets/src/views/SlotTruncator.vue b/kolibri/core/assets/src/views/SlotTruncator.vue
index f43055bea3b..dbf1c534aef 100644
--- a/kolibri/core/assets/src/views/SlotTruncator.vue
+++ b/kolibri/core/assets/src/views/SlotTruncator.vue
@@ -4,8 +4,17 @@
     <div v-if="viewAll">
       <slot></slot>
     </div>
-    <div v-else ref="content" :style="{ maxHeight: `${maxHeight}px` }" class="truncated">
-      <div v-if="slotIsTruncated" :style="{ height: `${maxHeight}px` }" class="overlay"></div>
+    <div
+      v-else
+      ref="content"
+      :style="{ maxHeight: `${maxHeight}px` }"
+      class="truncated"
+    >
+      <div
+        v-if="slotIsTruncated"
+        :style="{ height: `${maxHeight}px` }"
+        class="overlay"
+      ></div>
       <slot></slot>
     </div>
     <div
diff --git a/kolibri/core/assets/src/views/SyncStatusDisplay.vue b/kolibri/core/assets/src/views/SyncStatusDisplay.vue
index c40e290aa29..d60e5d70994 100644
--- a/kolibri/core/assets/src/views/SyncStatusDisplay.vue
+++ b/kolibri/core/assets/src/views/SyncStatusDisplay.vue
@@ -13,7 +13,12 @@
       class="inline-icon"
       data-test="syncStatusIcon"
     />
-    <p :class="displaySize" data-test="syncStatusText">{{ syncTextDisplayMap }}</p>
+    <p
+      :class="displaySize"
+      data-test="syncStatusText"
+    >
+      {{ syncTextDisplayMap }}
+    </p>
   </span>
 
 </template>
diff --git a/kolibri/core/assets/src/views/TimeDuration.vue b/kolibri/core/assets/src/views/TimeDuration.vue
index 02a638896fe..bbbc8b467a2 100644
--- a/kolibri/core/assets/src/views/TimeDuration.vue
+++ b/kolibri/core/assets/src/views/TimeDuration.vue
@@ -1,8 +1,6 @@
 <template>
 
-  <KOptionalText
-    :text="seconds !== null ? formattedTime : ''"
-  />
+  <KOptionalText :text="seconds !== null ? formattedTime : ''" />
 
 </template>
 
diff --git a/kolibri/core/assets/src/views/TotalPoints.vue b/kolibri/core/assets/src/views/TotalPoints.vue
index 28185375cc1..f6a6ef5b203 100644
--- a/kolibri/core/assets/src/views/TotalPoints.vue
+++ b/kolibri/core/assets/src/views/TotalPoints.vue
@@ -1,7 +1,14 @@
 <template>
 
-  <div v-if="isUserLoggedIn" ref="icon" class="points-wrapper">
-    <div class="icon-wrapper" :style="{ backgroundColor: $themeTokens.surface }">
+  <div
+    v-if="isUserLoggedIn"
+    ref="icon"
+    class="points-wrapper"
+  >
+    <div
+      class="icon-wrapper"
+      :style="{ backgroundColor: $themeTokens.surface }"
+    >
       <KIcon
         icon="pointsActive"
         :color="$themeTokens.primary"
diff --git a/kolibri/core/assets/src/views/UserTable/__tests__/index.spec.js b/kolibri/core/assets/src/views/UserTable/__tests__/index.spec.js
index 54530520fd0..ba60ec7a45f 100644
--- a/kolibri/core/assets/src/views/UserTable/__tests__/index.spec.js
+++ b/kolibri/core/assets/src/views/UserTable/__tests__/index.spec.js
@@ -219,9 +219,7 @@ describe(`UserTable`, () => {
         const wrapper = makeWrapper({
           propsData: { users: TEST_USERS, selectable: true, value: [] },
         });
-        getUserCheckboxes(wrapper)
-          .at(1)
-          .trigger('click');
+        getUserCheckboxes(wrapper).at(1).trigger('click');
         expect(wrapper.emitted().input.length).toBe(1);
         expect(wrapper.emitted().input[0][0]).toEqual(['id-coach']);
       });
@@ -231,9 +229,7 @@ describe(`UserTable`, () => {
         const wrapper = makeWrapper({
           propsData: { users: TEST_USERS, selectable: true, value: ['id-to-be-preserved'] },
         });
-        getUserCheckboxes(wrapper)
-          .at(1)
-          .trigger('click');
+        getUserCheckboxes(wrapper).at(1).trigger('click');
         expect(wrapper.emitted().input.length).toBe(1);
         expect(wrapper.emitted().input[0][0]).toEqual(['id-to-be-preserved', 'id-coach']);
       });
@@ -244,12 +240,8 @@ describe(`UserTable`, () => {
         const wrapper = makeWrapper({
           propsData: { users: TEST_USERS, selectable: true, value: [] },
         });
-        getUserCheckboxes(wrapper)
-          .at(1)
-          .trigger('click');
-        getUserCheckboxes(wrapper)
-          .at(1)
-          .trigger('click');
+        getUserCheckboxes(wrapper).at(1).trigger('click');
+        getUserCheckboxes(wrapper).at(1).trigger('click');
         expect(wrapper.emitted().input.length).toBe(2);
         expect(wrapper.emitted().input[1][0]).toEqual([]);
       });
@@ -259,12 +251,8 @@ describe(`UserTable`, () => {
         const wrapper = makeWrapper({
           propsData: { users: TEST_USERS, selectable: true, value: ['id-to-be-preserved'] },
         });
-        getUserCheckboxes(wrapper)
-          .at(1)
-          .trigger('click');
-        getUserCheckboxes(wrapper)
-          .at(1)
-          .trigger('click');
+        getUserCheckboxes(wrapper).at(1).trigger('click');
+        getUserCheckboxes(wrapper).at(1).trigger('click');
         expect(wrapper.emitted().input.length).toBe(2);
         expect(wrapper.emitted().input[1][0]).toEqual(['id-to-be-preserved']);
       });
@@ -331,10 +319,7 @@ describe(`UserTable`, () => {
             value: [],
           },
         });
-        getUserRadioButtons(wrapper)
-          .at(1)
-          .find('input')
-          .trigger('change');
+        getUserRadioButtons(wrapper).at(1).find('input').trigger('change');
         expect(wrapper.emitted().input.length).toBe(1);
         expect(wrapper.emitted().input[0][0]).toEqual(['id-coach']);
       });
diff --git a/kolibri/core/assets/src/views/UserTable/index.vue b/kolibri/core/assets/src/views/UserTable/index.vue
index d0f1cea3f67..81cef47c8b5 100644
--- a/kolibri/core/assets/src/views/UserTable/index.vue
+++ b/kolibri/core/assets/src/views/UserTable/index.vue
@@ -5,7 +5,7 @@
   visually the same top margin no matter if `selectable` or no
   (important for consistency, e.g. when it is rendered below other
   components like user search box) -->
-  <div :style="[showSelectAllCheckbox ? { marginTop: '-44px' } : {} ]">
+  <div :style="[showSelectAllCheckbox ? { marginTop: '-44px' } : {}]">
     <KCheckbox
       v-if="showSelectAllCheckbox"
       :label="$tr('selectAllLabel')"
@@ -13,14 +13,23 @@
       :checked="allAreSelected"
       :disabled="disabled || !users || users.length === 0"
       class="select-all"
-      :style="{ color: this.$themeTokens.annotation }"
+      :style="{ color: $themeTokens.annotation }"
       data-test="selectAllCheckbox"
       @change="selectAll($event)"
     />
-    <CoreTable :emptyMessage="emptyMessage" :dataLoading="dataLoading">
+    <CoreTable
+      :emptyMessage="emptyMessage"
+      :dataLoading="dataLoading"
+    >
       <template #headers>
-        <th data-test="fullNameHeader" :style="{ minWidth: '32px' }">
-          <span v-if="selectable" class="visuallyhidden">
+        <th
+          data-test="fullNameHeader"
+          :style="{ minWidth: '32px' }"
+        >
+          <span
+            v-if="selectable"
+            class="visuallyhidden"
+          >
             {{ $tr('selectUserBy') }}
           </span>
           <span :class="{ visuallyhidden: showSelectAllCheckbox }">
@@ -28,7 +37,10 @@
           </span>
         </th>
         <th>
-          <span class="visuallyhidden" data-test="roleHeader">
+          <span
+            class="visuallyhidden"
+            data-test="roleHeader"
+          >
             {{ $tr('role') }}
           </span>
         </th>
@@ -54,7 +66,10 @@
             {{ coreString('birthYearLabel') }}
           </th>
         </template>
-        <th v-if="$scopedSlots.action" class="user-action-button">
+        <th
+          v-if="$scopedSlots.action"
+          class="user-action-button"
+        >
           <span class="visuallyhidden">
             {{ coreString('userActionsColumnHeader') }}
           </span>
@@ -147,19 +162,23 @@
                 />
               </template>
             </td>
-            <td class="visuallyhidden" data-test="userRoleLabel">
+            <td
+              class="visuallyhidden"
+              data-test="userRoleLabel"
+            >
               {{ typeDisplayMap[user.kind] }}
             </td>
-            <td data-test="username" :style="{ color: $themeTokens.text }">
+            <td
+              data-test="username"
+              :style="{ color: $themeTokens.text }"
+            >
               <span dir="auto">
                 {{ user.username }}
               </span>
             </td>
             <template v-if="showDemographicInfo">
               <td class="id-col">
-                <KOptionalText
-                  :text="user.id_number ? user.id_number : ''"
-                />
+                <KOptionalText :text="user.id_number ? user.id_number : ''" />
               </td>
               <td>
                 <GenderDisplayText :gender="user.gender" />
@@ -169,16 +188,24 @@
               </td>
             </template>
             <td v-if="$scopedSlots.info">
-              <slot name="info" :user="user"></slot>
+              <slot
+                name="info"
+                :user="user"
+              ></slot>
             </td>
-            <td v-if="$scopedSlots.action" class="core-table-button-col">
-              <slot name="action" :user="user"></slot>
+            <td
+              v-if="$scopedSlots.action"
+              class="core-table-button-col"
+            >
+              <slot
+                name="action"
+                :user="user"
+              ></slot>
             </td>
           </tr>
         </tbody>
       </template>
     </CoreTable>
-
   </div>
 
 </template>
@@ -296,7 +323,7 @@
         if (checked) {
           return this.$emit(
             'input',
-            this.value.concat(currentUsers.filter(item => this.value.indexOf(item) < 0))
+            this.value.concat(currentUsers.filter(item => this.value.indexOf(item) < 0)),
           );
         }
         return this.$emit('input', difference(this.value, currentUsers));
@@ -312,7 +339,7 @@
         }
         return this.$emit(
           'input',
-          selected.filter(selectedId => selectedId !== id)
+          selected.filter(selectedId => selectedId !== id),
         );
       },
     },
diff --git a/kolibri/core/assets/src/views/language-switcher/LanguageSwitcherModal.vue b/kolibri/core/assets/src/views/language-switcher/LanguageSwitcherModal.vue
index 3142490a68f..8d5831c8eb3 100644
--- a/kolibri/core/assets/src/views/language-switcher/LanguageSwitcherModal.vue
+++ b/kolibri/core/assets/src/views/language-switcher/LanguageSwitcherModal.vue
@@ -4,7 +4,6 @@
     @shouldFocusFirstEl="focusFirstEl"
     @shouldFocusLastEl="focusLastEl"
   >
-
     <KModal
       :title="coreString('changeLanguageOption')"
       :submitText="coreString('confirmAction')"
@@ -33,9 +32,7 @@
           />
         </KGridItem>
       </KGrid>
-
     </KModal>
-
   </FocusTrap>
 
 </template>
diff --git a/kolibri/core/assets/src/views/language-switcher/SelectedLanguage.vue b/kolibri/core/assets/src/views/language-switcher/SelectedLanguage.vue
index 8befbf36c71..fefca785f7c 100644
--- a/kolibri/core/assets/src/views/language-switcher/SelectedLanguage.vue
+++ b/kolibri/core/assets/src/views/language-switcher/SelectedLanguage.vue
@@ -8,7 +8,10 @@
       class="globe px-8"
       @click="$emit('click')"
     />
-    <span class="no-shrink px-8" :title="selectedLanguage.english_name">
+    <span
+      class="no-shrink px-8"
+      :title="selectedLanguage.english_name"
+    >
       {{ selectedLanguage.lang_name }}
     </span>
   </div>
diff --git a/kolibri/core/assets/src/views/sortable/DragHandle.vue b/kolibri/core/assets/src/views/sortable/DragHandle.vue
index caad6a3262b..c23dfc004a5 100644
--- a/kolibri/core/assets/src/views/sortable/DragHandle.vue
+++ b/kolibri/core/assets/src/views/sortable/DragHandle.vue
@@ -27,7 +27,9 @@
 
 
 <style scoped>
-  *{
-    cursor :pointer;
+
+  * {
+    cursor: pointer;
   }
+
 </style>
diff --git a/kolibri/core/assets/src/views/sortable/DragSortWidget/index.vue b/kolibri/core/assets/src/views/sortable/DragSortWidget/index.vue
index 41964272616..cf37b363a2a 100644
--- a/kolibri/core/assets/src/views/sortable/DragSortWidget/index.vue
+++ b/kolibri/core/assets/src/views/sortable/DragSortWidget/index.vue
@@ -19,7 +19,11 @@
       Currently missing from material icon repo.
       See https://github.com/google/material-design-icons/issues/786
      -->
-    <KIcon icon="dragHorizontal" class="grip" style="top: 0; width: 24px; height: 24px" />
+    <KIcon
+      icon="dragHorizontal"
+      class="grip"
+      style="top: 0; width: 24px; height: 24px"
+    />
     <KIconButton
       v-show="!isLast"
       ref="dnBtn"
@@ -72,7 +76,7 @@
     methods: {
       updateFocus() {
         this.hasFocus = [this.$refs.dnBtn.$el, this.$refs.upBtn.$el].includes(
-          document.activeElement
+          document.activeElement,
         );
       },
       clickDown() {
diff --git a/kolibri/core/assets/src/views/sync/ConfirmationRegisterModal.vue b/kolibri/core/assets/src/views/sync/ConfirmationRegisterModal.vue
index c51671f37d6..70f37e3e1fd 100644
--- a/kolibri/core/assets/src/views/sync/ConfirmationRegisterModal.vue
+++ b/kolibri/core/assets/src/views/sync/ConfirmationRegisterModal.vue
@@ -15,7 +15,6 @@
     <template v-else>
       {{ $tr('alreadyRegistered', { name: projectName }) }}
     </template>
-
   </KModal>
 
 </template>
diff --git a/kolibri/core/assets/src/views/sync/FacilityAdminCredentialsForm.vue b/kolibri/core/assets/src/views/sync/FacilityAdminCredentialsForm.vue
index 958e0b69687..f1e9cd3604e 100644
--- a/kolibri/core/assets/src/views/sync/FacilityAdminCredentialsForm.vue
+++ b/kolibri/core/assets/src/views/sync/FacilityAdminCredentialsForm.vue
@@ -1,14 +1,20 @@
 <template>
 
   <form>
-    <p v-if="singleFacility && facility.name" class="facility-name">
+    <p
+      v-if="singleFacility && facility.name"
+      class="facility-name"
+    >
       {{ formatNameAndId(facility.name, facility.id) }}
     </p>
     <p>
       {{ prompt }}
     </p>
 
-    <p v-if="error" :style="{ color: $themeTokens.error }">
+    <p
+      v-if="error"
+      :style="{ color: $themeTokens.error }"
+    >
       {{ coreString('invalidCredentialsError') }}
     </p>
     <p v-if="false">
diff --git a/kolibri/core/assets/src/views/sync/FacilityNameAndSyncStatus/__tests__/index.spec.js b/kolibri/core/assets/src/views/sync/FacilityNameAndSyncStatus/__tests__/index.spec.js
index b460df760fd..9430e69a2ec 100644
--- a/kolibri/core/assets/src/views/sync/FacilityNameAndSyncStatus/__tests__/index.spec.js
+++ b/kolibri/core/assets/src/views/sync/FacilityNameAndSyncStatus/__tests__/index.spec.js
@@ -66,7 +66,7 @@ describe(`FacilityNameAndSyncStatus`, () => {
           expect(wrapper.html()).toContain(
             `Last synced: ${wrapper.vm.$formatRelative('2022-04-21T16:00:00Z', {
               now: wrapper.vm.now,
-            })}`
+            })}`,
           );
         });
 
@@ -93,7 +93,7 @@ describe(`FacilityNameAndSyncStatus`, () => {
           expect(wrapper.html()).toContain(
             `Last synced: ${wrapper.vm.$formatRelative('2022-06-25T13:00:00Z', {
               now: wrapper.vm.now,
-            })}`
+            })}`,
           );
         });
 
@@ -121,7 +121,7 @@ describe(`FacilityNameAndSyncStatus`, () => {
           expect(wrapper.html()).toContain(
             `Last synced: ${wrapper.vm.$formatRelative('2022-06-25T13:00:00Z', {
               now: wrapper.vm.now,
-            })}`
+            })}`,
           );
         });
 
diff --git a/kolibri/core/assets/src/views/sync/FacilityNameAndSyncStatus/index.vue b/kolibri/core/assets/src/views/sync/FacilityNameAndSyncStatus/index.vue
index b94799d16ea..7cdc5bc6d23 100644
--- a/kolibri/core/assets/src/views/sync/FacilityNameAndSyncStatus/index.vue
+++ b/kolibri/core/assets/src/views/sync/FacilityNameAndSyncStatus/index.vue
@@ -116,7 +116,7 @@
           this.facility.last_successful_sync &&
           this.facility.last_failed_sync &&
           new Date(this.facility.last_successful_sync).getTime() <
-            new Date(this.facility.last_failed_sync).getTime();
+          new Date(this.facility.last_failed_sync).getTime();
         return this.syncTaskHasFailed || lastSyncFailed;
       },
       neverSynced() {
diff --git a/kolibri/core/assets/src/views/sync/FacilityTaskPanelDetails.vue b/kolibri/core/assets/src/views/sync/FacilityTaskPanelDetails.vue
index 28f2d3ccaff..e82ebc9045e 100644
--- a/kolibri/core/assets/src/views/sync/FacilityTaskPanelDetails.vue
+++ b/kolibri/core/assets/src/views/sync/FacilityTaskPanelDetails.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <div class="task-panel" :class="{ 'task-panel-sm': windowIsSmall }">
+  <div
+    class="task-panel"
+    :class="{ 'task-panel-sm': windowIsSmall }"
+  >
     <div class="icon">
       <transition mode="out-in">
         <KCircularLoader
@@ -27,19 +30,31 @@
     </div>
 
     <div class="details">
-      <p class="details-status" :style="{ color: $themeTokens.annotation }">
+      <p
+        class="details-status"
+        :style="{ color: $themeTokens.annotation }"
+      >
         {{ statusMsg }}
       </p>
 
-      <h2 v-if="headingMsg" class="details-description">
+      <h2
+        v-if="headingMsg"
+        class="details-description"
+      >
         {{ headingMsg }}
       </h2>
 
-      <p v-if="underHeadingMsg" class="fs0">
+      <p
+        v-if="underHeadingMsg"
+        class="fs0"
+      >
         {{ underHeadingMsg }}
       </p>
 
-      <div v-if="loaderType && !statusHidesLoader" class="details-progress-bar">
+      <div
+        v-if="loaderType && !statusHidesLoader"
+        class="details-progress-bar"
+      >
         <template v-if="loaderType === 'determinate'">
           <KLinearLoader
             class="k-linear-loader"
@@ -48,7 +63,10 @@
             :progress="task.percentage * 100"
             :style="{ backgroundColor: $themeTokens.fineLine }"
           />
-          <span v-if="taskPercentage" class="details-percentage">
+          <span
+            v-if="taskPercentage"
+            class="details-percentage"
+          >
             {{ $formatNumber(taskPercentage, { style: 'percent' }) }}
           </span>
         </template>
@@ -63,11 +81,18 @@
         </template>
       </div>
 
-      <p v-if="underProgressMsg" class="fs0">
+      <p
+        v-if="underProgressMsg"
+        class="fs0"
+      >
         {{ underProgressMsg }}
       </p>
 
-      <p v-if="startedByMsg" class="fs0" :style="{ color: $themeTokens.annotation }">
+      <p
+        v-if="startedByMsg"
+        class="fs0"
+        :style="{ color: $themeTokens.annotation }"
+      >
         {{ startedByMsg }}
       </p>
     </div>
diff --git a/kolibri/core/assets/src/views/sync/RegisterFacilityModal.vue b/kolibri/core/assets/src/views/sync/RegisterFacilityModal.vue
index 5e8d744cb16..2193df3ab24 100644
--- a/kolibri/core/assets/src/views/sync/RegisterFacilityModal.vue
+++ b/kolibri/core/assets/src/views/sync/RegisterFacilityModal.vue
@@ -1,8 +1,6 @@
 <template>
 
-  <KModal
-    :title="registerFacility.$tr('registerFacility')"
-  >
+  <KModal :title="registerFacility.$tr('registerFacility')">
     <p>{{ $tr('enterToken') }}</p>
     <KTextbox
       v-model="token"
@@ -34,7 +32,6 @@
         :disabled="submitting || !token"
         @click="validateToken"
       />
-
     </template>
   </KModal>
 
diff --git a/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/DeviceConnectingModal.vue b/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/DeviceConnectingModal.vue
index 62429efce6f..2f5eb924626 100644
--- a/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/DeviceConnectingModal.vue
+++ b/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/DeviceConnectingModal.vue
@@ -20,7 +20,11 @@
       :label="loadingLabel"
     >
       <template #icon>
-        <KCircularLoader :size="16" :stroke="6" class="loader" />
+        <KCircularLoader
+          :size="16"
+          :stroke="6"
+          class="loader"
+        />
       </template>
     </KLabeledIcon>
   </KModal>
diff --git a/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/SelectDeviceForm.vue b/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/SelectDeviceForm.vue
index 20fe336883c..05073687219 100644
--- a/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/SelectDeviceForm.vue
+++ b/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/SelectDeviceForm.vue
@@ -98,7 +98,7 @@
           span="3"
           alignment="right"
         >
-          <KButtonGroup style="margin-top: 8px;">
+          <KButtonGroup style="margin-top: 8px">
             <KButton
               :text="coreString('cancelAction')"
               appearance="flat-button"
@@ -174,7 +174,7 @@
             id: props.filterByFacilityId,
             learner_can_sign_up: props.filterByFacilityCanSignUp,
             on_my_own_setup: props.filterByOnMyOwnFacility,
-          })
+          }),
         );
       }
 
@@ -193,7 +193,7 @@
 
       const { devices, isDeleting, hasDeleted, deletingFailed, doDelete } = useDeviceDeletion(
         _devices,
-        context
+        context,
       );
 
       const { isChecking, doCheck } = useConnectionChecker(devices);
@@ -279,12 +279,12 @@
           .filter(
             device =>
               device.available &&
-              (device.application === 'kolibri' || this.$route.path === '/content')
+              (device.application === 'kolibri' || this.$route.path === '/content'),
           )
           .map(device => device.id);
       },
       isDeviceAvailable() {
-        return function(deviceId) {
+        return function (deviceId) {
           return this.availableDeviceIds.some(id => id === deviceId);
         };
       },
@@ -295,7 +295,7 @@
             this.fetchFailed ||
             this.isSubmitChecking ||
             !this.isDeviceAvailable(this.selectedDeviceId) ||
-            this.availableDeviceIds.length === 0
+            this.availableDeviceIds.length === 0,
         );
       },
       newDeviceButtonDisabled() {
@@ -311,7 +311,7 @@
           text = this.$tr('deletingFailedText');
         } else {
           const unreachable = this.devices.find(d =>
-            UnreachableConnectionStatuses.includes(d.connection_status)
+            UnreachableConnectionStatuses.includes(d.connection_status),
           );
           if (unreachable) {
             text = this.getCommonSyncString('devicesUnreachable');
@@ -346,10 +346,7 @@
       formatBaseDevice(device) {
         const url = device.base_url;
         if (this.filterLODAvailable) {
-          const version = device.kolibri_version
-            .split('.')
-            .slice(0, 3)
-            .join('.');
+          const version = device.kolibri_version.split('.').slice(0, 3).join('.');
           return `${url}, Kolibri ${version}`;
         } else return url;
       },
diff --git a/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/__test__/AddDeviceForm.spec.js b/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/__test__/AddDeviceForm.spec.js
index 67662d0c002..ef1e0a08f04 100644
--- a/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/__test__/AddDeviceForm.spec.js
+++ b/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/__test__/AddDeviceForm.spec.js
@@ -47,7 +47,7 @@ describe('AddDeviceForm', () => {
     } catch (err) {
       expect(els.addressTextbox().props().invalid).toEqual(true);
       expect(els.addressTextbox().props().invalidText).toEqual(
-        'Could not connect to this network address'
+        'Could not connect to this network address',
       );
     }
   });
@@ -65,7 +65,7 @@ describe('AddDeviceForm', () => {
     } catch (err) {
       expect(els.addressTextbox().props().invalid).toEqual(true);
       expect(els.addressTextbox().props().invalidText).toEqual(
-        'Please enter a valid IP address, URL, or hostname'
+        'Please enter a valid IP address, URL, or hostname',
       );
     }
   });
diff --git a/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/__test__/SelectDeviceForm.spec.js b/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/__test__/SelectDeviceForm.spec.js
index 1344ddd322f..541e735a90d 100644
--- a/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/__test__/SelectDeviceForm.spec.js
+++ b/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/__test__/SelectDeviceForm.spec.js
@@ -113,10 +113,7 @@ describe('SelectDeviceForm', () => {
   it('if an device is (un)available, it is (dis)enabled', async () => {
     const { els, wrapper } = makeWrapper();
     function radioButtonNIsDisabled(n) {
-      return els
-        .radioButtons()
-        .at(n)
-        .props().disabled;
+      return els.radioButtons().at(n).props().disabled;
     }
 
     await wrapper.vm.$nextTick();
diff --git a/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/useConnectionChecker.js b/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/useConnectionChecker.js
index b90e6791cf9..502b8318ab4 100644
--- a/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/useConnectionChecker.js
+++ b/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/useConnectionChecker.js
@@ -33,7 +33,7 @@ function useMemoizeWithExpiry(asyncFunction, options = {}) {
  */
 export default function useConnectionChecker(
   devices,
-  { threshold = 5, interval = 2, concurrency = 3 } = {}
+  { threshold = 5, interval = 2, concurrency = 3 } = {},
 ) {
   const isChecking = ref(false);
 
@@ -81,7 +81,7 @@ export default function useConnectionChecker(
       set(isChecking, false);
     },
     interval * 1000,
-    { immediate: true }
+    { immediate: true },
   );
 
   // Stop polling
diff --git a/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/useDevices.js b/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/useDevices.js
index 70842579cb3..84477d84162 100644
--- a/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/useDevices.js
+++ b/kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/useDevices.js
@@ -29,7 +29,7 @@ export default function useDevices(apiParams = {}) {
       const _devices = await fetchDevices(apiParams);
       set(
         devices,
-        _devices.map(d => reactive(d))
+        _devices.map(d => reactive(d)),
       );
 
       set(hasFetched, true);
@@ -112,7 +112,7 @@ export function useDevicesWithFilter(apiParams, filterFunctionOrFunctions) {
           logging.error(e);
           failed = true;
         }
-      })
+      }),
     );
 
     set(filteringFailed, failed);
diff --git a/kolibri/core/assets/src/views/sync/__tests__/ConfirmationRegisterModal.spec.js b/kolibri/core/assets/src/views/sync/__tests__/ConfirmationRegisterModal.spec.js
index 55f640f99aa..a8e65487932 100644
--- a/kolibri/core/assets/src/views/sync/__tests__/ConfirmationRegisterModal.spec.js
+++ b/kolibri/core/assets/src/views/sync/__tests__/ConfirmationRegisterModal.spec.js
@@ -105,8 +105,8 @@ describe('ConfirmationRegisterModal', () => {
 
       await waitFor(() =>
         expect(
-          screen.getByText(`Already registered with '${sampleProjectName}'`)
-        ).toBeInTheDocument()
+          screen.getByText(`Already registered with '${sampleProjectName}'`),
+        ).toBeInTheDocument(),
       );
     });
 
diff --git a/kolibri/core/assets/src/views/userAccounts/BirthYearDisplayText.vue b/kolibri/core/assets/src/views/userAccounts/BirthYearDisplayText.vue
index fcfbfa94450..d44f0e372ea 100644
--- a/kolibri/core/assets/src/views/userAccounts/BirthYearDisplayText.vue
+++ b/kolibri/core/assets/src/views/userAccounts/BirthYearDisplayText.vue
@@ -1,9 +1,6 @@
 <template>
 
-  <KOptionalText
-    :text="
-      birthYearDate ? $formatDate(birthYearDate, { year: 'numeric' }) : ''"
-  />
+  <KOptionalText :text="birthYearDate ? $formatDate(birthYearDate, { year: 'numeric' }) : ''" />
 
 </template>
 
diff --git a/kolibri/core/assets/src/views/userAccounts/BirthYearSelect.vue b/kolibri/core/assets/src/views/userAccounts/BirthYearSelect.vue
index fbd2383d8d5..474fd12dd49 100644
--- a/kolibri/core/assets/src/views/userAccounts/BirthYearSelect.vue
+++ b/kolibri/core/assets/src/views/userAccounts/BirthYearSelect.vue
@@ -16,7 +16,6 @@
       :tooltipPlacement="tooltipPlacement"
       :iconAriaLabel="$tr('birthyearAriaLabel')"
     />
-
   </div>
 
 </template>
diff --git a/kolibri/core/assets/src/views/userAccounts/GenderDisplayText.vue b/kolibri/core/assets/src/views/userAccounts/GenderDisplayText.vue
index 45523ba8fa7..d1c1a9e54d1 100644
--- a/kolibri/core/assets/src/views/userAccounts/GenderDisplayText.vue
+++ b/kolibri/core/assets/src/views/userAccounts/GenderDisplayText.vue
@@ -1,9 +1,6 @@
 <template>
 
-  <KOptionalText
-    :text="
-      (isSpecified && displayText) ? displayText : ''"
-  />
+  <KOptionalText :text="isSpecified && displayText ? displayText : ''" />
 
 </template>
 
diff --git a/kolibri/core/assets/src/views/userAccounts/PrivacyLinkAndModal.vue b/kolibri/core/assets/src/views/userAccounts/PrivacyLinkAndModal.vue
index fcb29c4b676..8fb7f98ab6f 100644
--- a/kolibri/core/assets/src/views/userAccounts/PrivacyLinkAndModal.vue
+++ b/kolibri/core/assets/src/views/userAccounts/PrivacyLinkAndModal.vue
@@ -1,7 +1,6 @@
 <template>
 
   <div>
-
     <KButton
       :text="text || coreString('usageAndPrivacyLabel')"
       appearance="basic-link"
diff --git a/kolibri/core/assets/test/api-resource.spec.js b/kolibri/core/assets/test/api-resource.spec.js
index 589638213ce..769ec78e047 100644
--- a/kolibri/core/assets/test/api-resource.spec.js
+++ b/kolibri/core/assets/test/api-resource.spec.js
@@ -2,14 +2,14 @@ import * as Resources from '../src/api-resource';
 
 jest.mock('kolibri.urls');
 
-describe('Resource', function() {
+describe('Resource', function () {
   let resource, modelData;
   const testName = 'test';
-  beforeEach(function() {
+  beforeEach(function () {
     resource = new Resources.Resource({ name: testName });
     modelData = { id: 'test' };
   });
-  afterEach(function() {
+  afterEach(function () {
     resource = undefined;
   });
   it('should initialize with the correct properties', () => {
@@ -19,59 +19,59 @@ describe('Resource', function() {
     expect(resource.name).toEqual(`kolibri:core:${testName}`);
   });
 
-  describe('getModel method', function() {
-    it('should return a model instance', function() {
+  describe('getModel method', function () {
+    it('should return a model instance', function () {
       expect(resource.getModel('test')).toBeInstanceOf(Resources.Model);
     });
-    it('should return an existing model from the cache', function() {
+    it('should return an existing model from the cache', function () {
       const testModel = new Resources.Model(modelData, {}, resource);
       resource.addModel(testModel);
       expect(resource.getModel('test')).toEqual(testModel);
     });
-    it('should call create model if the model is not in the cache', function() {
+    it('should call create model if the model is not in the cache', function () {
       const spy = jest.spyOn(resource, 'createModel');
       resource.getModel('test');
       expect(spy).toHaveBeenCalledTimes(1);
     });
   });
-  describe('createModel method', function() {
-    it('should return a model instance', function() {
+  describe('createModel method', function () {
+    it('should return a model instance', function () {
       expect(resource.createModel(modelData)).toBeInstanceOf(Resources.Model);
     });
-    it('should call add model', function() {
+    it('should call add model', function () {
       const spy = jest.spyOn(resource, 'addModel');
       resource.createModel(modelData);
       expect(spy).toHaveBeenCalledTimes(1);
     });
   });
-  describe('addModel method', function() {
-    it('should return a model instance', function() {
+  describe('addModel method', function () {
+    it('should return a model instance', function () {
       expect(resource.addModel(modelData)).toBeInstanceOf(Resources.Model);
     });
-    it('should call createModel if passed an object', function() {
+    it('should call createModel if passed an object', function () {
       const spy = jest.spyOn(resource, 'createModel');
       resource.addModel(modelData);
       expect(spy).toHaveBeenCalledTimes(1);
     });
-    it('should not call createModel if passed a Model', function() {
+    it('should not call createModel if passed a Model', function () {
       const spy = jest.spyOn(resource, 'createModel');
       resource.addModel(new Resources.Model(modelData, {}, resource));
       expect(spy).not.toHaveBeenCalled();
     });
-    it('should add a model to the cache if no id', function() {
+    it('should add a model to the cache if no id', function () {
       resource.addModel(new Resources.Model({ data: 'data' }, {}, resource));
       expect(Object.keys(resource.models)).toHaveLength(1);
     });
-    it('should not return the added model from the cache if no id', function() {
+    it('should not return the added model from the cache if no id', function () {
       resource.addModel(new Resources.Model({ data: 'data' }, {}, resource));
       const model = resource.getModel(undefined);
       expect(model.attributes.data).toBeUndefined();
     });
-    it('should add a model to the cache if it has an id', function() {
+    it('should add a model to the cache if it has an id', function () {
       const model = resource.addModel(new Resources.Model({ id: 'test' }, {}, resource));
       expect(resource.models['default'][Object.keys(resource.models['default'])[0]]).toEqual(model);
     });
-    it('should update the model in the cache if a model with matching id is found', function() {
+    it('should update the model in the cache if a model with matching id is found', function () {
       const model = new Resources.Model({ id: 'test' }, {}, resource);
       resource.addModel(model);
       resource.addModel(new Resources.Model({ id: 'test', example: 'prop' }, {}, resource));
@@ -79,71 +79,71 @@ describe('Resource', function() {
       expect(model.attributes.example).toEqual('prop');
     });
   });
-  describe('removeModel method', function() {
-    it('should remove model from model cache', function() {
+  describe('removeModel method', function () {
+    it('should remove model from model cache', function () {
       const model = new Resources.Model({ id: 'test' }, {}, resource);
       resource.addModel(model);
       resource.removeModel(model);
       expect(resource.models['default']).toEqual({});
     });
   });
-  describe('unCacheModel method', function() {
-    it('should set the synced property of the model to false', function() {
+  describe('unCacheModel method', function () {
+    it('should set the synced property of the model to false', function () {
       const id = 'test';
       resource.addModel({ id });
       resource.unCacheModel(id);
       expect(resource.getModel(id).synced).toEqual(false);
     });
   });
-  describe('clearCache method', function() {
-    it('should set the models property of the Resource to an empty object', function() {
+  describe('clearCache method', function () {
+    it('should set the models property of the Resource to an empty object', function () {
       const id = 'test';
       resource.models[id] = {};
       resource.clearCache();
       expect(resource.models).toEqual({});
     });
-    it('should set the collections property of the Resource to an empty object', function() {
+    it('should set the collections property of the Resource to an empty object', function () {
       const id = 'test';
       resource.collections[id] = {};
       resource.clearCache();
       expect(resource.collections).toEqual({});
     });
   });
-  describe('getCollection method', function() {
-    it('should return a collection instance', function() {
+  describe('getCollection method', function () {
+    it('should return a collection instance', function () {
       expect(resource.getCollection({})).toBeInstanceOf(Resources.Collection);
     });
-    it('should return an existing collection from the cache', function() {
+    it('should return an existing collection from the cache', function () {
       const testCollection = new Resources.Collection({}, [], resource);
       resource.collections['{}'] = testCollection;
       expect(resource.getCollection({})).toEqual(testCollection);
     });
-    it('should call create collection if the collection is not in the cache', function() {
+    it('should call create collection if the collection is not in the cache', function () {
       const spy = jest.spyOn(resource, 'createCollection');
       resource.getCollection({});
       expect(spy).toHaveBeenCalledTimes(1);
     });
   });
-  describe('createCollection method', function() {
-    it('should return a collection instance', function() {
+  describe('createCollection method', function () {
+    it('should return a collection instance', function () {
       expect(resource.createCollection({})).toBeInstanceOf(Resources.Collection);
     });
-    it('should add the collection to the cache', function() {
+    it('should add the collection to the cache', function () {
       resource.createCollection({});
       expect(Object.keys(resource.collections)).toHaveLength(1);
     });
   });
-  describe('__cacheKey method', function() {
-    it('should return integer to string instance', function() {
+  describe('__cacheKey method', function () {
+    it('should return integer to string instance', function () {
       const expected_string = '{"id":"1"}';
       expect(resource.__cacheKey({ ['id']: 1 })).toEqual(expected_string);
     });
   });
 });
 
-describe('Collection', function() {
+describe('Collection', function () {
   let resource, params, data, collection, response;
-  beforeEach(function() {
+  beforeEach(function () {
     resource = new Resources.Resource({ name: 'test' });
     resource._client = jest.fn();
     Object.defineProperty(resource, 'client', {
@@ -157,7 +157,7 @@ describe('Collection', function() {
     data = [{ test: 'test', id: 'testing' }];
     collection = new Resources.Collection(params, data, resource);
   });
-  afterEach(function() {
+  afterEach(function () {
     resource = undefined;
     collection = undefined;
   });
@@ -169,8 +169,8 @@ describe('Collection', function() {
     expect(collection.synced).toEqual(false);
     expect(collection.promises).toEqual([]);
   });
-  describe('addModel method', function() {
-    it('should be called once', function() {
+  describe('addModel method', function () {
+    it('should be called once', function () {
       const addModelFn = resource.addModel;
       const addModelStub = jest.fn().mockImplementation(addModelFn);
       resource.addModel = addModelStub;
@@ -178,24 +178,24 @@ describe('Collection', function() {
       expect(addModelStub).toHaveBeenCalledTimes(2);
     });
   });
-  describe('constructor method', function() {
-    describe('if resource is undefined', function() {
-      it('should throw a TypeError', function() {
+  describe('constructor method', function () {
+    describe('if resource is undefined', function () {
+      it('should throw a TypeError', function () {
         function testCall() {
           new Resources.Collection(params, data);
         }
         expect(testCall).toThrow(TypeError);
       });
     });
-    describe('if data is passed in', function() {
-      it('should call the set method once', function() {
+    describe('if data is passed in', function () {
+      it('should call the set method once', function () {
         const spy = jest.spyOn(Resources.Collection.prototype, 'set');
         const testCollection = new Resources.Collection(params, data, resource);
         expect(testCollection).toBeTruthy();
         expect(spy).toHaveBeenCalledTimes(1);
         Resources.Collection.prototype.set.mockRestore();
       });
-      it('should call the set method with the data', function() {
+      it('should call the set method with the data', function () {
         const spy = jest.spyOn(Resources.Collection.prototype, 'set');
         const testCollection = new Resources.Collection(params, data, resource);
         expect(testCollection).toBeTruthy();
@@ -203,15 +203,15 @@ describe('Collection', function() {
         Resources.Collection.prototype.set.mockRestore();
       });
     });
-    describe('if no data is passed in', function() {
-      it('should call the set method once', function() {
+    describe('if no data is passed in', function () {
+      it('should call the set method once', function () {
         const spy = jest.spyOn(Resources.Collection.prototype, 'set');
         const testCollection = new Resources.Collection(params, undefined, resource);
         expect(testCollection).toBeTruthy();
         expect(spy).toHaveBeenCalledTimes(1);
         Resources.Collection.prototype.set.mockRestore();
       });
-      it('should call the set method with an empty array', function() {
+      it('should call the set method with an empty array', function () {
         const spy = jest.spyOn(Resources.Collection.prototype, 'set');
         const testCollection = new Resources.Collection(params, undefined, resource);
         expect(testCollection).toBeTruthy();
@@ -220,21 +220,21 @@ describe('Collection', function() {
       });
     });
   });
-  describe('clearCache method', function() {
-    beforeEach(function() {
+  describe('clearCache method', function () {
+    beforeEach(function () {
       collection.clearCache();
     });
-    it('should set models to an empty array', function() {
+    it('should set models to an empty array', function () {
       expect(collection.models).toEqual([]);
     });
-    it('should set _model_map to an empty object', function() {
+    it('should set _model_map to an empty object', function () {
       expect(collection._model_map).toEqual({});
     });
   });
-  describe('fetch method', function() {
+  describe('fetch method', function () {
     let setSpy, clearCacheSpy, client;
-    describe('if called when Collection.synced = true and force is false', function() {
-      it('should return current data immediately', function(done) {
+    describe('if called when Collection.synced = true and force is false', function () {
+      it('should return current data immediately', function (done) {
         collection.synced = true;
         collection.models[0].attributes = data[0];
         const promise = collection.fetch();
@@ -244,66 +244,66 @@ describe('Collection', function() {
         });
       });
     });
-    describe('if called when Collection.synced = false', function() {
-      describe('and the fetch is successful', function() {
-        beforeEach(function() {
+    describe('if called when Collection.synced = false', function () {
+      describe('and the fetch is successful', function () {
+        beforeEach(function () {
           setSpy = jest.spyOn(collection, 'set');
           clearCacheSpy = jest.spyOn(collection, 'clearCache');
           client = jest.fn().mockResolvedValue();
           resource.client = client;
         });
-        afterEach(function() {
+        afterEach(function () {
           collection.set.mockRestore();
         });
-        describe('and the returned data is an array', function() {
-          beforeEach(function() {
+        describe('and the returned data is an array', function () {
+          beforeEach(function () {
             response = { data: [{ testing: 'testing' }] };
             client = jest.fn().mockResolvedValue(response);
             resource.client = client;
           });
-          it('should call the client once', function(done) {
+          it('should call the client once', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(client).toHaveBeenCalledTimes(1);
               done();
             });
           });
-          it('should call clearCache once', function(done) {
+          it('should call clearCache once', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(clearCacheSpy).toHaveBeenCalledTimes(1);
               done();
             });
           });
-          it('should call set once', function(done) {
+          it('should call set once', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(setSpy).toHaveBeenCalledTimes(1);
               done();
             });
           });
-          it('should call set with the response data', function(done) {
+          it('should call set with the response data', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(setSpy).toHaveBeenCalledWith(response.data);
               done();
             });
           });
-          it('should set synced to true', function(done) {
+          it('should set synced to true', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(collection.synced).toEqual(true);
               done();
             });
           });
-          it('should leave no promises in promises property', function(done) {
+          it('should leave no promises in promises property', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(collection.promises).toEqual([]);
               done();
             });
           });
-          it('should set every model synced to true', function(done) {
+          it('should set every model synced to true', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               collection.models.forEach(model => {
@@ -313,8 +313,8 @@ describe('Collection', function() {
             });
           });
         });
-        describe('and the returned data is paginated', function() {
-          beforeEach(function() {
+        describe('and the returned data is paginated', function () {
+          beforeEach(function () {
             response = {
               data: {
                 results: [{ testing: 'testing' }],
@@ -327,42 +327,42 @@ describe('Collection', function() {
             client = jest.fn().mockResolvedValue(response);
             resource.client = client;
           });
-          it('should call the client once', function(done) {
+          it('should call the client once', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(client).toHaveBeenCalledTimes(1);
               done();
             });
           });
-          it('should call clearCache once', function(done) {
+          it('should call clearCache once', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(clearCacheSpy).toHaveBeenCalledTimes(1);
               done();
             });
           });
-          it('should call set once', function(done) {
+          it('should call set once', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(setSpy).toHaveBeenCalledTimes(1);
               done();
             });
           });
-          it('should call set with the response data results', function(done) {
+          it('should call set with the response data results', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(setSpy).toHaveBeenCalledWith(response.data.results);
               done();
             });
           });
-          it('should set synced to true', function(done) {
+          it('should set synced to true', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(collection.synced).toEqual(true);
               done();
             });
           });
-          it('should set every model synced to true', function(done) {
+          it('should set every model synced to true', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               collection.models.forEach(model => {
@@ -371,21 +371,21 @@ describe('Collection', function() {
               done();
             });
           });
-          it('should set the count property to 1', function(done) {
+          it('should set the count property to 1', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(collection.data.count).toEqual(1);
               done();
             });
           });
-          it('should set the next property to false', function(done) {
+          it('should set the next property to false', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(collection.data.next).toEqual(false);
               done();
             });
           });
-          it('should set the previous property to false', function(done) {
+          it('should set the previous property to false', function (done) {
             collection.synced = false;
             collection.fetch().then(() => {
               expect(collection.data.previous).toEqual(false);
@@ -393,20 +393,20 @@ describe('Collection', function() {
             });
           });
         });
-        describe('and the returned data is malformed', function() {
-          beforeEach(function() {
+        describe('and the returned data is malformed', function () {
+          beforeEach(function () {
             response = {};
             client = jest.fn().mockResolvedValue(response);
             resource.client = client;
           });
-          it('should call the client once', function(done) {
+          it('should call the client once', function (done) {
             collection.synced = false;
             collection.fetch().catch(() => {
               expect(client).toHaveBeenCalledTimes(1);
               done();
             });
           });
-          it('should call resource.logError once', function(done) {
+          it('should call resource.logError once', function (done) {
             collection.synced = false;
             collection.fetch().catch(() => {
               expect(resource.logError).toHaveBeenCalledTimes(1);
@@ -415,27 +415,27 @@ describe('Collection', function() {
           });
         });
       });
-      describe('and the fetch is not successful', function() {
-        beforeEach(function() {
+      describe('and the fetch is not successful', function () {
+        beforeEach(function () {
           response = 'Error';
           client = jest.fn().mockRejectedValue(response);
           resource.client = client;
         });
-        it('should call resource.logError once', function(done) {
+        it('should call resource.logError once', function (done) {
           collection.synced = false;
           collection.fetch().catch(() => {
             expect(resource.logError).toHaveBeenCalledTimes(1);
             done();
           });
         });
-        it('should return the error', function(done) {
+        it('should return the error', function (done) {
           collection.synced = false;
           collection.fetch().catch(error => {
             expect(error).toEqual(response);
             done();
           });
         });
-        it('should leave no promises in promises property', function(done) {
+        it('should leave no promises in promises property', function (done) {
           collection.synced = false;
           collection.fetch().catch(() => {
             expect(collection.promises).toEqual([]);
@@ -444,8 +444,8 @@ describe('Collection', function() {
         });
       });
     });
-    describe('if called with force true and synced is true', function() {
-      it('should call the client once', function(done) {
+    describe('if called with force true and synced is true', function () {
+      it('should call the client once', function (done) {
         response = { data: [{ testing: 'testing' }] };
         client = jest.fn().mockResolvedValue(response);
         resource.client = client;
@@ -456,8 +456,8 @@ describe('Collection', function() {
         });
       });
     });
-    xdescribe('if called once', function() {
-      it('should add a promise to the promises property', async function() {
+    xdescribe('if called once', function () {
+      it('should add a promise to the promises property', async function () {
         response = { data: [{ testing: 'testing' }] };
         client = jest.fn().mockResolvedValue();
         collection.synced = false;
@@ -466,8 +466,8 @@ describe('Collection', function() {
         expect(collection.promises).toEqual([promise]);
       });
     });
-    xdescribe('if called twice', function() {
-      it('should add two promises to the promises property', async function() {
+    xdescribe('if called twice', function () {
+      it('should add two promises to the promises property', async function () {
         response = { data: [{ testing: 'testing' }] };
         client = jest.fn().mockResolvedValue();
         collection.synced = false;
@@ -479,10 +479,10 @@ describe('Collection', function() {
       });
     });
   });
-  describe('save method', function() {
+  describe('save method', function () {
     let setSpy, client;
-    describe('if called when Collection.new = false', function() {
-      it('should reject the promise', async function() {
+    describe('if called when Collection.new = false', function () {
+      it('should reject the promise', async function () {
         collection.new = false;
         try {
           await collection.save();
@@ -491,89 +491,89 @@ describe('Collection', function() {
         }
       });
     });
-    describe('if called when Collection.new = true', function() {
-      describe('and the save is successful', function() {
-        beforeEach(function() {
+    describe('if called when Collection.new = true', function () {
+      describe('and the save is successful', function () {
+        beforeEach(function () {
           setSpy = jest.spyOn(collection, 'set');
           jest.spyOn(collection, 'clearCache');
           client = jest.fn().mockResolvedValue();
           resource.client = client;
         });
-        afterEach(function() {
+        afterEach(function () {
           collection.set.mockRestore();
         });
-        describe('and the returned data is an array', function() {
-          beforeEach(function() {
+        describe('and the returned data is an array', function () {
+          beforeEach(function () {
             response = { data: [{ testing: 'testing' }] };
             client = jest.fn().mockResolvedValue(response);
             resource.client = client;
           });
-          it('should call the client once', async function() {
+          it('should call the client once', async function () {
             await collection.save();
             expect(client).toHaveBeenCalledTimes(1);
           });
-          it('should call set once', async function() {
+          it('should call set once', async function () {
             await collection.save();
             expect(setSpy).toHaveBeenCalledTimes(1);
           });
-          it('should call set with the response data', async function() {
+          it('should call set with the response data', async function () {
             await collection.save();
             expect(setSpy).toHaveBeenCalledWith(response.data);
           });
-          it('should set synced to true', async function() {
+          it('should set synced to true', async function () {
             await collection.save();
             expect(collection.synced).toEqual(true);
           });
-          it('should leave no promises in promises property', async function() {
+          it('should leave no promises in promises property', async function () {
             await collection.save();
             expect(collection.promises).toEqual([]);
           });
-          it('should set every model synced to true', async function() {
+          it('should set every model synced to true', async function () {
             await collection.save();
             collection.models.forEach(model => {
               expect(model.synced).toEqual(true);
             });
           });
         });
-        xdescribe('and the returned data is malformed', function() {
-          beforeEach(function() {
+        xdescribe('and the returned data is malformed', function () {
+          beforeEach(function () {
             response = {};
             client = jest.fn().mockResolvedValue(response);
             resource.client = client;
           });
-          it('should call the client once', async function() {
+          it('should call the client once', async function () {
             collection.synced = false;
             await collection.save();
             expect(client).toHaveBeenCalledTimes(1);
           });
-          it('should call logging.debug once', async function() {
+          it('should call logging.debug once', async function () {
             collection.synced = false;
             await collection.save();
             expect(resource.logError).toHaveBeenCalledTimes(1);
           });
         });
       });
-      describe('and the save is not successful', function() {
-        beforeEach(function() {
+      describe('and the save is not successful', function () {
+        beforeEach(function () {
           response = 'Error';
           client = jest.fn().mockRejectedValue(response);
           resource.client = client;
         });
-        it('should call resource.logError once', function(done) {
+        it('should call resource.logError once', function (done) {
           collection.synced = false;
           collection.save().catch(() => {
             expect(resource.logError).toHaveBeenCalledTimes(1);
             done();
           });
         });
-        it('should return the error', function(done) {
+        it('should return the error', function (done) {
           collection.synced = false;
           collection.save().catch(error => {
             expect(error).toEqual(response);
             done();
           });
         });
-        it('should leave no promises in promises property', function(done) {
+        it('should leave no promises in promises property', function (done) {
           collection.synced = false;
           collection.save().catch(() => {
             expect(collection.promises).toEqual([]);
@@ -582,8 +582,8 @@ describe('Collection', function() {
         });
       });
     });
-    xdescribe('if called once', function() {
-      it('should add a promise to the promises property', async function() {
+    xdescribe('if called once', function () {
+      it('should add a promise to the promises property', async function () {
         response = { data: [{ testing: 'testing' }] };
         client = jest.fn().mockResolvedValue();
         collection.synced = false;
@@ -592,8 +592,8 @@ describe('Collection', function() {
         expect(collection.promises).toEqual([promise]);
       });
     });
-    xdescribe('if called twice', function() {
-      it('should add two promises to the promises property', async function() {
+    xdescribe('if called twice', function () {
+      it('should add two promises to the promises property', async function () {
         response = { data: [{ testing: 'testing' }] };
         client = jest.fn().mockResolvedValue();
         collection.synced = false;
@@ -605,26 +605,26 @@ describe('Collection', function() {
       });
     });
   });
-  describe('delete method', function() {
+  describe('delete method', function () {
     let client;
-    describe('if called when Collection has no getParams', function() {
-      it('should reject the promise', function(done) {
+    describe('if called when Collection has no getParams', function () {
+      it('should reject the promise', function (done) {
         collection.getParams = {};
         const promise = collection.delete();
         promise.catch(error => {
           expect(error).toEqual(
-            'Can not delete unfiltered collection (collection without any GET params'
+            'Can not delete unfiltered collection (collection without any GET params',
           );
           done();
         });
       });
     });
-    describe('if called when Collection has getParams', function() {
-      beforeEach(function() {
+    describe('if called when Collection has getParams', function () {
+      beforeEach(function () {
         collection.getParams = { test: 'testing' };
       });
-      describe('and the delete is successful', function() {
-        beforeEach(function() {
+      describe('and the delete is successful', function () {
+        beforeEach(function () {
           resource.removeModel = jest.fn();
           resource.removeCollection = jest.fn();
           jest.spyOn(collection, 'set');
@@ -632,34 +632,34 @@ describe('Collection', function() {
           client = jest.fn().mockResolvedValue();
           resource.client = client;
         });
-        afterEach(function() {
+        afterEach(function () {
           collection.set.mockRestore();
         });
-        it('should call the client once', function(done) {
+        it('should call the client once', function (done) {
           collection.delete().then(() => {
             expect(client).toHaveBeenCalledTimes(1);
             done();
           });
         });
-        it('should call the client with the DELETE method', function(done) {
+        it('should call the client with the DELETE method', function (done) {
           collection.delete().then(() => {
             expect(client.mock.calls[0][0].method).toEqual('delete');
             done();
           });
         });
-        it('should call removeCollection on the resource', function(done) {
+        it('should call removeCollection on the resource', function (done) {
           collection.delete().then(() => {
             expect(resource.removeCollection).toHaveBeenCalledWith(collection);
             done();
           });
         });
-        it('should leave no promises in promises property', function(done) {
+        it('should leave no promises in promises property', function (done) {
           collection.delete().then(() => {
             expect(collection.promises).toEqual([]);
             done();
           });
         });
-        it('should set every model deleted to true', function(done) {
+        it('should set every model deleted to true', function (done) {
           collection.delete().then(() => {
             collection.models.forEach(model => {
               expect(model.deleted).toEqual(true);
@@ -667,34 +667,34 @@ describe('Collection', function() {
             done();
           });
         });
-        it('should call removeModel for every Model in the collection', function(done) {
+        it('should call removeModel for every Model in the collection', function (done) {
           collection.delete().then(() => {
             expect(resource.removeCollection).toHaveBeenCalledTimes(collection.models.length);
             done();
           });
         });
       });
-      describe('and the delete is not successful', function() {
-        beforeEach(function() {
+      describe('and the delete is not successful', function () {
+        beforeEach(function () {
           response = 'Error';
           client = jest.fn();
           client.mockRejectedValue(response);
           resource.client = client;
         });
-        it('should call resource.logError once', function(done) {
+        it('should call resource.logError once', function (done) {
           collection.synced = false;
           collection.delete().catch(() => {
             expect(resource.logError).toHaveBeenCalledTimes(1);
             done();
           });
         });
-        it('should return the error', function(done) {
+        it('should return the error', function (done) {
           collection.delete().catch(error => {
             expect(error).toEqual(response);
             done();
           });
         });
-        it('should leave no promises in promises property', function(done) {
+        it('should leave no promises in promises property', function (done) {
           collection.delete().catch(() => {
             expect(collection.promises).toEqual([]);
             done();
@@ -702,8 +702,8 @@ describe('Collection', function() {
         });
       });
     });
-    xdescribe('if called once', function() {
-      it('should add a promise to the promises property', async function() {
+    xdescribe('if called once', function () {
+      it('should add a promise to the promises property', async function () {
         response = { data: [{ testing: 'testing' }] };
         client = jest.fn();
         client.mockResolvedValue();
@@ -713,8 +713,8 @@ describe('Collection', function() {
         expect(collection.promises).toEqual([promise]);
       });
     });
-    xdescribe('if called twice', function() {
-      it('should add two promises to the promises property', async function() {
+    xdescribe('if called twice', function () {
+      it('should add two promises to the promises property', async function () {
         response = { data: [{ testing: 'testing' }] };
         client = jest.fn();
         client.mockResolvedValue();
@@ -727,19 +727,19 @@ describe('Collection', function() {
       });
     });
   });
-  describe('set method', function() {
+  describe('set method', function () {
     let model, setModel;
-    beforeEach(function() {
+    beforeEach(function () {
       model = { id: 'test' };
       setModel = new Resources.Model(model, {}, resource);
     });
-    describe('for a single model', function() {
-      it('should add an entry to the models property', function() {
+    describe('for a single model', function () {
+      it('should add an entry to the models property', function () {
         collection.models = [];
         collection.set(model);
         expect(collection.models).toEqual([setModel]);
       });
-      it('should add an entry to the _model_map property', function() {
+      it('should add an entry to the _model_map property', function () {
         collection._model_map = {};
         collection.set(model);
         expect(collection._model_map).toEqual({
@@ -747,33 +747,33 @@ describe('Collection', function() {
         });
       });
     });
-    describe('for an array of models', function() {
-      it('should add them to the models property', function() {
+    describe('for an array of models', function () {
+      it('should add them to the models property', function () {
         collection.models = [];
         collection.set([model]);
         expect(collection.models).toEqual([setModel]);
       });
-      it('should add them to the _model_map property', function() {
+      it('should add them to the _model_map property', function () {
         collection._model_map = {};
         collection.set([model]);
         expect(collection._model_map).toEqual({
           [model.id]: setModel,
         });
       });
-      it('should add only one entry per id to the models property', function() {
+      it('should add only one entry per id to the models property', function () {
         collection.models = [];
         collection.set([model, model]);
         expect(collection.models).toEqual([setModel]);
       });
-      it('should add only one entry per id to the _model_map property', function() {
+      it('should add only one entry per id to the _model_map property', function () {
         collection._model_map = {};
         collection.set([model, model]);
         expect(collection._model_map).toEqual({
           [model.id]: setModel,
         });
       });
-      describe('that have no ids', function() {
-        it('should not overwrite each other in the model cache', function() {
+      describe('that have no ids', function () {
+        it('should not overwrite each other in the model cache', function () {
           const idLessModel1 = { test: 'testing' };
           const idLessModel2 = { test: 'testing1' };
           collection._model_map = {};
@@ -786,9 +786,9 @@ describe('Collection', function() {
   });
 });
 
-describe('Model', function() {
+describe('Model', function () {
   let resource, model, data, payload, client, setSpy;
-  beforeEach(function() {
+  beforeEach(function () {
     resource = {
       modelUrl: () => 'modelUrl',
       collectionUrl: () => 'collectionUrl',
@@ -800,7 +800,7 @@ describe('Model', function() {
     data = { test: 'test', id: 'testing' };
     model = new Resources.Model(data, {}, resource);
   });
-  afterEach(function() {
+  afterEach(function () {
     resource = undefined;
     model = undefined;
   });
@@ -812,24 +812,24 @@ describe('Model', function() {
     expect(model.getParams).toEqual({});
   });
 
-  describe('constructor method', function() {
-    describe('if resource is undefined', function() {
-      it('should throw a TypeError', function() {
+  describe('constructor method', function () {
+    describe('if resource is undefined', function () {
+      it('should throw a TypeError', function () {
         function testCall() {
           new Resources.Model(data);
         }
         expect(testCall).toThrow(TypeError);
       });
     });
-    describe('if data is passed in', function() {
-      it('should call the set method once', function() {
+    describe('if data is passed in', function () {
+      it('should call the set method once', function () {
         const spy = jest.spyOn(Resources.Model.prototype, 'set');
         const testModel = new Resources.Model(data, {}, resource);
         expect(testModel).toBeTruthy();
         expect(spy).toHaveBeenCalledTimes(1);
         Resources.Model.prototype.set.mockRestore();
       });
-      it('should call the set method with the data', function() {
+      it('should call the set method with the data', function () {
         const spy = jest.spyOn(Resources.Model.prototype, 'set');
         const testModel = new Resources.Model(data, {}, resource);
         expect(testModel).toBeTruthy();
@@ -837,24 +837,24 @@ describe('Model', function() {
         Resources.Model.prototype.set.mockRestore();
       });
     });
-    describe('if undefined data is passed in', function() {
-      it('should throw a TypeError', function() {
+    describe('if undefined data is passed in', function () {
+      it('should throw a TypeError', function () {
         function testCall() {
           new Resources.Model(undefined, {}, resource);
         }
         expect(testCall).toThrow(TypeError);
       });
     });
-    describe('if null data is passed in', function() {
-      it('should throw a TypeError', function() {
+    describe('if null data is passed in', function () {
+      it('should throw a TypeError', function () {
         function testCall() {
           new Resources.Model(null, {}, resource);
         }
         expect(testCall).toThrow(TypeError);
       });
     });
-    describe('if no data is passed in', function() {
-      it('should throw a TypeError', function() {
+    describe('if no data is passed in', function () {
+      it('should throw a TypeError', function () {
         function testCall() {
           new Resources.Model({}, {}, resource);
         }
@@ -862,60 +862,60 @@ describe('Model', function() {
       });
     });
   });
-  describe('fetch method', function() {
+  describe('fetch method', function () {
     let response, client, setSpy;
-    describe('if called when Model.synced = true and force is false', function() {
-      it('should return current data immediately', async function() {
+    describe('if called when Model.synced = true and force is false', function () {
+      it('should return current data immediately', async function () {
         model.synced = true;
         const result = await model.fetch();
         expect(result).toEqual(data);
       });
     });
-    describe('if called when Model.synced = false', function() {
-      describe('and the fetch is successful', function() {
-        beforeEach(function() {
+    describe('if called when Model.synced = false', function () {
+      describe('and the fetch is successful', function () {
+        beforeEach(function () {
           setSpy = jest.spyOn(model, 'set');
           response = { data: { testing: 'testing' } };
           client = jest.fn().mockResolvedValue(response);
           resource.client = client;
         });
-        afterEach(function() {
+        afterEach(function () {
           model.set.mockRestore();
         });
-        it('should call the client once', async function() {
+        it('should call the client once', async function () {
           model.synced = false;
           await model.fetch();
           expect(client).toHaveBeenCalledTimes(1);
         });
-        it('should call set once', function(done) {
+        it('should call set once', function (done) {
           model.synced = false;
           model.fetch().then(() => {
             expect(setSpy).toHaveBeenCalledTimes(1);
             done();
           });
         });
-        it('should call set with the response data', function(done) {
+        it('should call set with the response data', function (done) {
           model.synced = false;
           model.fetch().then(() => {
             expect(setSpy).toHaveBeenCalledWith(response.data);
             done();
           });
         });
-        it('should set synced to true', function(done) {
+        it('should set synced to true', function (done) {
           model.synced = false;
           model.fetch().then(() => {
             expect(model.synced).toEqual(true);
             done();
           });
         });
-        it('should set new to false', function(done) {
+        it('should set new to false', function (done) {
           model.new = true;
           model.fetch().then(() => {
             expect(model.new).toEqual(false);
             done();
           });
         });
-        it('should leave no promises in promises property', function(done) {
+        it('should leave no promises in promises property', function (done) {
           model.synced = false;
           model.fetch().then(() => {
             expect(model.promises).toEqual([]);
@@ -923,28 +923,28 @@ describe('Model', function() {
           });
         });
       });
-      describe('and the fetch is not successful', function() {
-        beforeEach(function() {
+      describe('and the fetch is not successful', function () {
+        beforeEach(function () {
           response = 'Error';
           client = jest.fn();
           client.mockRejectedValue(response);
           resource.client = client;
         });
-        it('should call resource.logError once', function(done) {
+        it('should call resource.logError once', function (done) {
           model.synced = false;
           model.fetch().catch(() => {
             expect(resource.logError).toHaveBeenCalledTimes(1);
             done();
           });
         });
-        it('should return the error', function(done) {
+        it('should return the error', function (done) {
           model.synced = false;
           model.fetch().catch(error => {
             expect(error).toEqual(response);
             done();
           });
         });
-        it('should leave no promises in promises property', function(done) {
+        it('should leave no promises in promises property', function (done) {
           model.synced = false;
           model.fetch().catch(() => {
             expect(model.promises).toEqual([]);
@@ -953,8 +953,8 @@ describe('Model', function() {
         });
       });
     });
-    describe('if called with force true and synced is true', function() {
-      it('should call the client once', function(done) {
+    describe('if called with force true and synced is true', function () {
+      it('should call the client once', function (done) {
         response = { data: [{ testing: 'testing' }] };
         client = jest.fn();
         client.mockResolvedValue(response);
@@ -966,8 +966,8 @@ describe('Model', function() {
         });
       });
     });
-    xdescribe('if called once', function() {
-      it('should add a promise to the promises property', async function() {
+    xdescribe('if called once', function () {
+      it('should add a promise to the promises property', async function () {
         response = { data: [{ testing: 'testing' }] };
         client = jest.fn();
         client.mockResolvedValue();
@@ -978,8 +978,8 @@ describe('Model', function() {
         expect(model.promises).toEqual([promise]);
       });
     });
-    xdescribe('if called twice', function() {
-      it('should add two promises to the promises property', async function() {
+    xdescribe('if called twice', function () {
+      it('should add two promises to the promises property', async function () {
         response = { data: [{ testing: 'testing' }] };
         client = jest.fn();
         client.mockResolvedValue();
@@ -993,9 +993,9 @@ describe('Model', function() {
       });
     });
   });
-  describe('save method', function() {
-    describe('if called when Model.synced = true and no attrs are different', function() {
-      it('should return current data immediately', function(done) {
+  describe('save method', function () {
+    describe('if called when Model.synced = true and no attrs are different', function () {
+      it('should return current data immediately', function (done) {
         model.synced = true;
         const promise = model.save(model.attributes);
         promise.then(result => {
@@ -1004,8 +1004,8 @@ describe('Model', function() {
         });
       });
     });
-    describe('if called when Model.synced = true and attrs are different', function() {
-      it('should should call the client once', function(done) {
+    describe('if called when Model.synced = true and attrs are different', function () {
+      it('should should call the client once', function (done) {
         model.synced = true;
         const payload = { somethingNew: 'new' };
         const data = {};
@@ -1019,7 +1019,7 @@ describe('Model', function() {
           done();
         });
       });
-      it('should should call set once with the changed attributes', function(done) {
+      it('should should call set once with the changed attributes', function (done) {
         model.synced = true;
         const payload = { somethingNew: 'new' };
         const data = {};
@@ -1034,10 +1034,10 @@ describe('Model', function() {
         });
       });
     });
-    describe('if called when Model.synced = false', function() {
+    describe('if called when Model.synced = false', function () {
       let payload, client, response;
-      describe('and the save is successful', function() {
-        beforeEach(function() {
+      describe('and the save is successful', function () {
+        beforeEach(function () {
           setSpy = jest.spyOn(model, 'set');
           payload = { somethingNew: 'new' };
           response = { data: payload };
@@ -1045,38 +1045,38 @@ describe('Model', function() {
           client.mockResolvedValue(response);
           resource.client = client;
         });
-        afterEach(function() {
+        afterEach(function () {
           model.set.mockRestore();
         });
-        it('should call the client once', function(done) {
+        it('should call the client once', function (done) {
           model.synced = false;
           model.save(payload).then(() => {
             expect(client).toHaveBeenCalledTimes(1);
             done();
           });
         });
-        it('should call set once', function(done) {
+        it('should call set once', function (done) {
           model.synced = false;
           model.save(payload).then(() => {
             expect(setSpy).toHaveBeenCalledTimes(1);
             done();
           });
         });
-        it('should call set with the response data', function(done) {
+        it('should call set with the response data', function (done) {
           model.synced = false;
           model.save(payload).then(() => {
             expect(setSpy).toHaveBeenCalledWith(response.data);
             done();
           });
         });
-        it('should set synced to true', function(done) {
+        it('should set synced to true', function (done) {
           model.synced = false;
           model.save(payload).then(() => {
             expect(model.synced).toEqual(true);
             done();
           });
         });
-        it('should leave no promises in promises property', function(done) {
+        it('should leave no promises in promises property', function (done) {
           model.synced = false;
           model.save(payload).then(() => {
             expect(model.promises).toEqual([]);
@@ -1084,8 +1084,8 @@ describe('Model', function() {
           });
         });
       });
-      describe('and the model has new set to true', function() {
-        beforeEach(function() {
+      describe('and the model has new set to true', function () {
+        beforeEach(function () {
           setSpy = jest.spyOn(model, 'set');
           payload = { somethingNew: 'new' };
           response = { data: payload };
@@ -1093,24 +1093,24 @@ describe('Model', function() {
           client.mockResolvedValue(response);
           resource.client = client;
         });
-        afterEach(function() {
+        afterEach(function () {
           model.set.mockRestore();
         });
-        it('should call the client once', function(done) {
+        it('should call the client once', function (done) {
           model.synced = false;
           model.save(payload).then(() => {
             expect(client).toHaveBeenCalledTimes(1);
             done();
           });
         });
-        it('should call the client with no explicit method', function(done) {
+        it('should call the client with no explicit method', function (done) {
           model.synced = false;
           model.save(payload).then(() => {
             expect(client.mock.calls[0]['method']).toBeUndefined();
             done();
           });
         });
-        it('should call the client with the collection url', function(done) {
+        it('should call the client with the collection url', function (done) {
           model.synced = false;
           model.save(payload).then(() => {
             expect(client.mock.calls[0][0]['url']).toEqual(resource.collectionUrl());
@@ -1118,35 +1118,35 @@ describe('Model', function() {
           });
         });
       });
-      describe('and the save is not successful', function() {
-        beforeEach(function() {
+      describe('and the save is not successful', function () {
+        beforeEach(function () {
           response = 'Error';
           client = jest.fn();
           client.mockRejectedValue(response);
           resource.client = client;
         });
-        it('should call resource.logError once', function(done) {
+        it('should call resource.logError once', function (done) {
           model.synced = false;
           model.save().catch(() => {
             expect(resource.logError).toHaveBeenCalledTimes(1);
             done();
           });
         });
-        it('should return the error', function(done) {
+        it('should return the error', function (done) {
           model.synced = false;
           model.save().catch(error => {
             expect(error).toEqual(response);
             done();
           });
         });
-        it('should leave no promises in promises property', function(done) {
+        it('should leave no promises in promises property', function (done) {
           model.synced = false;
           model.save().catch(() => {
             expect(model.promises).toEqual([]);
             done();
           });
         });
-        it('should not set data on the model', function(done) {
+        it('should not set data on the model', function (done) {
           model.synced = false;
           model.attributes.test = 'notatest';
           model.save({ test: 'test' }).catch(() => {
@@ -1155,8 +1155,8 @@ describe('Model', function() {
           });
         });
       });
-      describe('and model has no id', function() {
-        it('should call the client with no explicit method', function(done) {
+      describe('and model has no id', function () {
+        it('should call the client with no explicit method', function (done) {
           payload = { somethingNew: 'new' };
           response = { data: payload };
           client = jest.fn();
@@ -1170,8 +1170,8 @@ describe('Model', function() {
             done();
           });
         });
-        describe('but returns with an id', function() {
-          it('should call the resource addModel method', function(done) {
+        describe('but returns with an id', function () {
+          it('should call the resource addModel method', function (done) {
             payload = { somethingNew: 'new' };
             response = { data: { id: 'test' } };
             client = jest.fn();
@@ -1188,8 +1188,8 @@ describe('Model', function() {
           });
         });
       });
-      describe('and model is not new', function() {
-        it('should call the client with a PATCH method', function(done) {
+      describe('and model is not new', function () {
+        it('should call the client with a PATCH method', function (done) {
           payload = { somethingNew: 'new' };
           response = { data: payload };
           client = jest.fn();
@@ -1204,8 +1204,8 @@ describe('Model', function() {
         });
       });
     });
-    describe('if called once', function() {
-      it('should add a promise to the promises property', function() {
+    describe('if called once', function () {
+      it('should add a promise to the promises property', function () {
         client = jest.fn();
         client.mockResolvedValue();
         model.synced = false;
@@ -1213,8 +1213,8 @@ describe('Model', function() {
         expect(model.promises).toEqual([promise]);
       });
     });
-    describe('if called twice', function() {
-      it('should add two promises to the promises property', function() {
+    describe('if called twice', function () {
+      it('should add two promises to the promises property', function () {
         client = jest.fn();
         client.mockResolvedValue();
         model.synced = false;
@@ -1224,68 +1224,68 @@ describe('Model', function() {
       });
     });
   });
-  describe('delete method', function() {
+  describe('delete method', function () {
     let response, client;
-    describe('if called when it has an id', function() {
-      describe('and the delete is successful', function() {
-        beforeEach(function() {
+    describe('if called when it has an id', function () {
+      describe('and the delete is successful', function () {
+        beforeEach(function () {
           resource.removeModel = jest.fn();
           response = { data: { testing: 'testing' } };
           client = jest.fn();
           client.mockResolvedValue(response);
           resource.client = client;
         });
-        it('should call the client once', function(done) {
+        it('should call the client once', function (done) {
           model.delete().then(() => {
             expect(client).toHaveBeenCalledTimes(1);
             done();
           });
         });
-        it('should call the client with the DELETE method', function(done) {
+        it('should call the client with the DELETE method', function (done) {
           model.delete().then(() => {
             expect(client.mock.calls[0][0].method).toEqual('delete');
             done();
           });
         });
-        it('should call removeModel on the resource', function(done) {
+        it('should call removeModel on the resource', function (done) {
           model.delete().then(() => {
             expect(resource.removeModel).toHaveBeenCalledWith(model);
             done();
           });
         });
-        it('should resolve the id of the model', function(done) {
+        it('should resolve the id of the model', function (done) {
           model.delete().then(id => {
             expect(model.id).toEqual(id);
             done();
           });
         });
-        it('should leave no promises in promises property', function(done) {
+        it('should leave no promises in promises property', function (done) {
           model.delete().then(() => {
             expect(model.promises).toEqual([]);
             done();
           });
         });
       });
-      describe('and the delete is not successful', function() {
-        beforeEach(function() {
+      describe('and the delete is not successful', function () {
+        beforeEach(function () {
           response = 'Error';
           client = jest.fn();
           client.mockRejectedValue(response);
           resource.client = client;
         });
-        it('should call resource.logError once', function(done) {
+        it('should call resource.logError once', function (done) {
           model.delete().catch(() => {
             expect(resource.logError).toHaveBeenCalledTimes(1);
             done();
           });
         });
-        it('should return the error', function(done) {
+        it('should return the error', function (done) {
           model.delete().catch(error => {
             expect(error).toEqual(response);
             done();
           });
         });
-        it('should leave no promises in promises property', function(done) {
+        it('should leave no promises in promises property', function (done) {
           model.delete().catch(() => {
             expect(model.promises).toEqual([]);
             done();
@@ -1293,8 +1293,8 @@ describe('Model', function() {
         });
       });
     });
-    describe('if called when model has no id', function() {
-      it('should reject the deletion', function(done) {
+    describe('if called when model has no id', function () {
+      it('should reject the deletion', function (done) {
         payload = { somethingNew: 'new' };
         response = {};
         client = jest.fn().mockResolvedValue(response);
@@ -1306,8 +1306,8 @@ describe('Model', function() {
         });
       });
     });
-    describe('if called once', function() {
-      it('should add a promise to the promises property', function() {
+    describe('if called once', function () {
+      it('should add a promise to the promises property', function () {
         response = { data: [{ testing: 'testing' }] };
         client = jest.fn();
         client.mockResolvedValue();
@@ -1315,8 +1315,8 @@ describe('Model', function() {
         expect(model.promises).toEqual([promise]);
       });
     });
-    describe('if called twice', function() {
-      it('should add two promises to the promises property', function() {
+    describe('if called twice', function () {
+      it('should add two promises to the promises property', function () {
         response = { data: [{ testing: 'testing' }] };
         client = jest.fn();
         client.mockResolvedValue();
@@ -1326,17 +1326,17 @@ describe('Model', function() {
       });
     });
   });
-  describe('set method', function() {
-    it('should add new attributes', function() {
+  describe('set method', function () {
+    it('should add new attributes', function () {
       model.set({ new: 'new' });
       expect(model.attributes.new).toEqual('new');
     });
-    it('should overwrite previous attributes', function() {
+    it('should overwrite previous attributes', function () {
       model.attributes.new = 'old';
       model.set({ new: 'new' });
       expect(model.attributes.new).toEqual('new');
     });
-    it('should coerce and id to a string', function() {
+    it('should coerce and id to a string', function () {
       model.set({ id: 123 });
       expect(model.attributes.id).toEqual('123');
     });
diff --git a/kolibri/core/assets/test/download-button.spec.js b/kolibri/core/assets/test/download-button.spec.js
index 11265f3bd38..7733e18ed8d 100644
--- a/kolibri/core/assets/test/download-button.spec.js
+++ b/kolibri/core/assets/test/download-button.spec.js
@@ -3,7 +3,7 @@ import DownloadButton from '../src/views/ContentRenderer/DownloadButton';
 
 jest.mock('kolibri.urls');
 
-describe('download-button Component', function() {
+describe('download-button Component', function () {
   const samplesFiles = [
     {
       file_size: 100000,
@@ -19,9 +19,9 @@ describe('download-button Component', function() {
     },
   ];
 
-  describe('computed property', function() {
-    describe('fileOptions', function() {
-      it('should return an array of length equal to number of files', function() {
+  describe('computed property', function () {
+    describe('fileOptions', function () {
+      it('should return an array of length equal to number of files', function () {
         const wrapper = mount(DownloadButton, {
           propsData: {
             files: samplesFiles,
diff --git a/kolibri/core/assets/test/exams/current-try-overview.spec.js b/kolibri/core/assets/test/exams/current-try-overview.spec.js
index 2df152cb2a3..0cda82d0630 100644
--- a/kolibri/core/assets/test/exams/current-try-overview.spec.js
+++ b/kolibri/core/assets/test/exams/current-try-overview.spec.js
@@ -66,7 +66,7 @@ function defaultPropsWith(propOverrides = {}, tryOverrides = {}) {
     {},
     defaultProps,
     { currentTry: Object.assign({}, defaultTry, tryOverrides) },
-    propOverrides
+    propOverrides,
   );
 }
 
@@ -126,7 +126,7 @@ describe('ExamReport/CurrentTryOverview', () => {
       // We know it is null due to the test suite describing 'is null when ... is "quiz"' - which
       // is what wrapperWithoutMasteryModel has it's currentTry.mastery_criterion set to
       expect(
-        wrapperWithoutMasteryModel.find('[data-test="try-mastery-model"]').element
+        wrapperWithoutMasteryModel.find('[data-test="try-mastery-model"]').element,
       ).toBeFalsy();
     });
 
@@ -159,7 +159,7 @@ describe('ExamReport/CurrentTryOverview', () => {
           return wrapper.vm.$nextTick().then(() => {
             expect(wrapper.vm.score).toEqual(n / defaultProps.totalQuestions);
           });
-        }
+        },
       );
     });
 
@@ -198,7 +198,7 @@ describe('ExamReport/CurrentTryOverview', () => {
         async n => {
           await wrapper.setProps({ currentTry: { ...defaultTry, correct: n } });
           expect(wrapper.find('[data-test="try-score"]').toHaveTextContent(`${n}%`));
-        }
+        },
       );
     });
   });
@@ -244,7 +244,7 @@ describe('ExamReport/CurrentTryOverview', () => {
             expect(wrapper.vm.questionsCorrectAnnotation).toEqual(
               translator.$tr('practiceQuizReportImprovedLabelSecondPerson', {
                 value: betterDiff.correct,
-              })
+              }),
             );
           });
         });
@@ -283,7 +283,7 @@ describe('ExamReport/CurrentTryOverview', () => {
         expect(wrapper.find('[data-test="try-questions-correct"]').element).toHaveTextContent(
           translator.$tr('practiceQuizReportImprovedLabelSecondPerson', {
             value: betterDiff.correct,
-          })
+          }),
         );
       });
     });
@@ -362,7 +362,7 @@ describe('ExamReport/CurrentTryOverview', () => {
           expect(wrapper.find('[data-test="try-time-spent"]').element).toHaveTextContent(
             translator.$tr('practiceQuizReportFasterTimeLabel', {
               value: Math.abs(wrapper.vm.diffTimeSpent),
-            })
+            }),
           );
         });
       });
@@ -375,7 +375,9 @@ describe('ExamReport/CurrentTryOverview', () => {
             propsData: defaultPropsWith({}, { diff: worseDiff }),
           });
           expect(wrapper.find('[data-test="try-time-spent"]').element).toHaveTextContent(
-            translator.$tr('practiceQuizReportSlowerTimeLabel', { value: wrapper.vm.diffTimeSpent })
+            translator.$tr('practiceQuizReportSlowerTimeLabel', {
+              value: wrapper.vm.diffTimeSpent,
+            }),
           );
         });
       });
diff --git a/kolibri/core/assets/test/exams/utils.spec.js b/kolibri/core/assets/test/exams/utils.spec.js
index d261ff80ab5..19057ef4548 100644
--- a/kolibri/core/assets/test/exams/utils.spec.js
+++ b/kolibri/core/assets/test/exams/utils.spec.js
@@ -269,7 +269,7 @@ describe('exam utils', () => {
       const converted = await convertExamQuestionSources(exam);
       expect(converted.question_sources.length).toEqual(2);
       expect(converted.question_sources[0].questions.length).toEqual(
-        MAX_QUESTIONS_PER_QUIZ_SECTION
+        MAX_QUESTIONS_PER_QUIZ_SECTION,
       );
       expect(converted.question_sources[1].questions.length).toEqual(1);
     });
@@ -381,7 +381,7 @@ describe('exam utils', () => {
         expectedOutput.map(q => {
           q.item = `${q.exercise_id}:${q.question_id}`;
           return q;
-        })
+        }),
       );
     });
     it('should return 10 specific ordered questions from 1 exercise', async () => {
@@ -463,7 +463,7 @@ describe('exam utils', () => {
         expectedOutput.map(q => {
           q.item = `${q.exercise_id}:${q.question_id}`;
           return q;
-        })
+        }),
       );
     });
     it('should return 3 specific ordered questions from 3 exercises', async () => {
@@ -513,7 +513,7 @@ describe('exam utils', () => {
         expectedOutput.map(q => {
           q.item = `${q.exercise_id}:${q.question_id}`;
           return q;
-        })
+        }),
       );
     });
   });
diff --git a/kolibri/core/assets/test/heartbeat.spec.js b/kolibri/core/assets/test/heartbeat.spec.js
index f352a89cfe0..eea55d2bc41 100644
--- a/kolibri/core/assets/test/heartbeat.spec.js
+++ b/kolibri/core/assets/test/heartbeat.spec.js
@@ -12,7 +12,7 @@ jest.mock('kolibri.utils.redirectBrowser');
 jest.mock('kolibri.urls');
 jest.mock('lockr');
 
-describe('HeartBeat', function() {
+describe('HeartBeat', function () {
   stubWindowLocation(beforeAll, afterAll);
   // replace the real XHR object with the mock XHR object before each test
   beforeEach(() => mock.setup());
@@ -20,176 +20,176 @@ describe('HeartBeat', function() {
   // put the real XHR object back and clear the mocks after each test
   afterEach(() => mock.teardown());
 
-  describe('constructor method', function() {
-    it('should set the setUserActive method to a bound method', function() {
+  describe('constructor method', function () {
+    it('should set the setUserActive method to a bound method', function () {
       const test = new HeartBeat();
       expect(HeartBeat.prototype.setUserActive).not.toEqual(test.setUserActive);
     });
-    it('should set the pollSessionEndPoint method to a bound method', function() {
+    it('should set the pollSessionEndPoint method to a bound method', function () {
       const test = new HeartBeat();
       expect(HeartBeat.prototype.pollSessionEndPoint).not.toEqual(test.pollSessionEndPoint);
     });
-    it('should call the setUserInactive method', function() {
+    it('should call the setUserInactive method', function () {
       const spy = jest.spyOn(HeartBeat.prototype, 'setUserInactive');
       new HeartBeat();
       expect(spy).toHaveBeenCalledTimes(1);
       spy.mockRestore();
     });
-    it('should not call the startPolling method', function() {
+    it('should not call the startPolling method', function () {
       const spy = jest.spyOn(HeartBeat.prototype, 'startPolling');
       new HeartBeat();
       expect(spy).not.toHaveBeenCalled();
       spy.mockRestore();
     });
   });
-  describe('startPolling method', function() {
+  describe('startPolling method', function () {
     let heartBeat;
     let pollSessionEndPointStub;
-    beforeEach(function() {
+    beforeEach(function () {
       heartBeat = new HeartBeat();
       pollSessionEndPointStub = jest
         .spyOn(heartBeat, 'pollSessionEndPoint')
         .mockReturnValue(Promise.resolve());
     });
-    it('should call pollSessionEndPoint if not currently enabled', function() {
+    it('should call pollSessionEndPoint if not currently enabled', function () {
       heartBeat._enabled = false;
       heartBeat.startPolling();
       expect(pollSessionEndPointStub).toHaveBeenCalledTimes(1);
     });
-    it('should not call pollSessionEndPoint if currently enabled', function() {
+    it('should not call pollSessionEndPoint if currently enabled', function () {
       heartBeat._enabled = true;
       heartBeat.startPolling();
       expect(pollSessionEndPointStub).toHaveBeenCalledTimes(0);
     });
-    it('should return _activePromise if currently defined and _enabled true', function() {
+    it('should return _activePromise if currently defined and _enabled true', function () {
       heartBeat._enabled = true;
       heartBeat._activePromise = 'test';
       expect(heartBeat.startPolling()).toEqual('test');
     });
-    it('should return a Promise if _activePromise is not defined and _enabled is true', function() {
+    it('should return a Promise if _activePromise is not defined and _enabled is true', function () {
       heartBeat._enabled = true;
       delete heartBeat._activePromise;
       expect(heartBeat.startPolling()).toBeInstanceOf(Promise);
     });
   });
-  describe('pollSessionEndPoint method', function() {
+  describe('pollSessionEndPoint method', function () {
     let heartBeat;
     let _checkSessionStub;
-    beforeEach(function() {
+    beforeEach(function () {
       heartBeat = new HeartBeat();
       heartBeat.active = false;
       heartBeat._enabled = true;
       _checkSessionStub = jest.spyOn(heartBeat, '_checkSession').mockReturnValue(Promise.resolve());
     });
-    it('should call setUserInactive', function() {
+    it('should call setUserInactive', function () {
       const spy = jest.spyOn(heartBeat, 'setUserInactive');
       return heartBeat.pollSessionEndPoint().then(() => {
         expect(spy).toHaveBeenCalledTimes(1);
       });
     });
-    it('should call _wait', function() {
+    it('should call _wait', function () {
       const spy = jest.spyOn(heartBeat, '_wait');
       return heartBeat.pollSessionEndPoint().then(() => {
         expect(spy).toHaveBeenCalledTimes(1);
       });
     });
-    it('should set _timerId to a setTimeout identifier', function() {
+    it('should set _timerId to a setTimeout identifier', function () {
       return heartBeat.pollSessionEndPoint().then(() => {
         expect(typeof heartBeat._timerId).toEqual('number');
       });
     });
-    it('should call _checkSession if no _activePromise property', function() {
+    it('should call _checkSession if no _activePromise property', function () {
       heartBeat.pollSessionEndPoint();
       expect(_checkSessionStub).toHaveBeenCalledTimes(1);
     });
-    it('should call remove _activePromise property once the session check is complete', function() {
+    it('should call remove _activePromise property once the session check is complete', function () {
       return heartBeat.pollSessionEndPoint().then(() => {
         expect(heartBeat._activePromise).toBeUndefined();
       });
     });
-    it('should call setUserInactive once the session check is complete if enabled', function() {
+    it('should call setUserInactive once the session check is complete if enabled', function () {
       const setUserInactiveStub = jest.spyOn(heartBeat, 'setUserInactive');
       heartBeat._enabled = true;
       return heartBeat.pollSessionEndPoint().then(() => {
         expect(setUserInactiveStub).toHaveBeenCalledTimes(1);
       });
     });
-    it('should not call setUserInactive once the session check is complete if not enabled', function() {
+    it('should not call setUserInactive once the session check is complete if not enabled', function () {
       const setUserInactiveStub = jest.spyOn(heartBeat, 'setUserInactive');
       heartBeat._enabled = false;
       return heartBeat.pollSessionEndPoint().then(() => {
         expect(setUserInactiveStub).toHaveBeenCalledTimes(0);
       });
     });
-    it('should call _wait once the session check is complete if enabled', function() {
+    it('should call _wait once the session check is complete if enabled', function () {
       const _waitStub = jest.spyOn(heartBeat, '_wait');
       heartBeat._enabled = true;
       return heartBeat.pollSessionEndPoint().then(() => {
         expect(_waitStub).toHaveBeenCalledTimes(1);
       });
     });
-    it('should not call _wait once the session check is complete if not enabled', function() {
+    it('should not call _wait once the session check is complete if not enabled', function () {
       const _waitStub = jest.spyOn(heartBeat, '_wait');
       heartBeat._enabled = false;
       return heartBeat.pollSessionEndPoint().then(() => {
         expect(_waitStub).toHaveBeenCalledTimes(0);
       });
     });
-    it('should not call _checkSession if there is an _activePromise property', function() {
+    it('should not call _checkSession if there is an _activePromise property', function () {
       heartBeat._activePromise = Promise.resolve();
       heartBeat.pollSessionEndPoint();
       expect(_checkSessionStub).toHaveBeenCalledTimes(0);
     });
-    it('should not call _checkSession if it is not enabled', function() {
+    it('should not call _checkSession if it is not enabled', function () {
       heartBeat._enabled = false;
       heartBeat.pollSessionEndPoint();
       expect(_checkSessionStub).toHaveBeenCalledTimes(0);
     });
-    describe('and activity is detected', function() {
-      beforeEach(function() {
+    describe('and activity is detected', function () {
+      beforeEach(function () {
         heartBeat._active = true;
       });
-      it('should call _setActivityListeners', function() {
+      it('should call _setActivityListeners', function () {
         const spy = jest.spyOn(heartBeat, '_setActivityListeners');
         heartBeat.pollSessionEndPoint();
         expect(spy).toHaveBeenCalledTimes(1);
       });
     });
   });
-  describe('monitorDisconnect method', function() {
+  describe('monitorDisconnect method', function () {
     let heartBeat;
-    beforeEach(function() {
+    beforeEach(function () {
       heartBeat = new HeartBeat();
       jest.spyOn(heartBeat, '_wait').mockImplementation(() => {});
       heartBeat.monitorDisconnect();
     });
-    it('should set connected to false', function() {
+    it('should set connected to false', function () {
       expect(coreStore.getters.connected).toEqual(false);
     });
-    it('should set reconnectTime to not null', function() {
+    it('should set reconnectTime to not null', function () {
       expect(coreStore.getters.reconnectTime).not.toEqual(null);
     });
-    it('should set current snackbar to disconnected', function() {
+    it('should set current snackbar to disconnected', function () {
       expect(coreStore.getters.snackbarIsVisible).toEqual(true);
       expect(
         coreStore.getters.snackbarOptions.text.startsWith(
-          'Disconnected from server. Will try to reconnect in'
-        )
+          'Disconnected from server. Will try to reconnect in',
+        ),
       ).toEqual(true);
     });
-    it('should not do anything if it already knows it is disconnected', function() {
+    it('should not do anything if it already knows it is disconnected', function () {
       coreStore.commit('CORE_SET_RECONNECT_TIME', 'fork');
       heartBeat.monitorDisconnect();
       expect(coreStore.getters.reconnectTime).toEqual('fork');
     });
   });
-  describe('_checkSession method', function() {
+  describe('_checkSession method', function () {
     let heartBeat;
-    beforeEach(function() {
+    beforeEach(function () {
       heartBeat = new HeartBeat();
       jest.spyOn(heartBeat, '_sessionUrl').mockReturnValue('url');
     });
-    it('should sign out if an auto logout is detected', function() {
+    it('should sign out if an auto logout is detected', function () {
       coreStore.commit('CORE_SET_SESSION', { user_id: 'test', id: 'current' });
       mock.put(/.*/, {
         status: 200,
@@ -201,7 +201,7 @@ describe('HeartBeat', function() {
         expect(stub).toHaveBeenCalledTimes(1);
       });
     });
-    it('should redirect if a change in user is detected', function() {
+    it('should redirect if a change in user is detected', function () {
       coreStore.commit('CORE_SET_SESSION', { user_id: 'test', id: 'current' });
       redirectBrowser.mockReset();
       mock.put(/.*/, {
@@ -213,7 +213,7 @@ describe('HeartBeat', function() {
         expect(redirectBrowser).toHaveBeenCalledTimes(1);
       });
     });
-    it('should not sign out if user_id changes but session is being set for first time', function() {
+    it('should not sign out if user_id changes but session is being set for first time', function () {
       coreStore.commit('CORE_SET_SESSION', { user_id: undefined, id: undefined });
       mock.put(/.*/, {
         status: 200,
@@ -225,7 +225,7 @@ describe('HeartBeat', function() {
         expect(stub).toHaveBeenCalledTimes(0);
       });
     });
-    it('should call setServerTime with a clientNow value that is between the start and finish of the poll', function() {
+    it('should call setServerTime with a clientNow value that is between the start and finish of the poll', function () {
       coreStore.commit('CORE_SET_SESSION', { user_id: 'test', id: 'current' });
       const serverTime = new Date().toJSON();
       mock.put(/.*/, {
@@ -242,7 +242,7 @@ describe('HeartBeat', function() {
         expect(stub.mock.calls[0][1].getTime()).toBeLessThan(end.getTime());
       });
     });
-    describe('when is connected', function() {
+    describe('when is connected', function () {
       // Don't test for 0, as it is not a real error code.
       // Rather it is the status code that our request client library returns
       // when the connection is refused by the host, or is otherwise unable to connect.
@@ -250,7 +250,7 @@ describe('HeartBeat', function() {
       disconnectionErrorCodes
         .filter(code => code !== 0)
         .forEach(errorCode => {
-          it('should call monitorDisconnect if it receives error code ' + errorCode, function() {
+          it('should call monitorDisconnect if it receives error code ' + errorCode, function () {
             const monitorStub = jest.spyOn(heartBeat, 'monitorDisconnect');
             mock.put(/.*/, {
               status: errorCode,
@@ -262,11 +262,11 @@ describe('HeartBeat', function() {
           });
         });
     });
-    describe('when not connected', function() {
-      beforeEach(function() {
+    describe('when not connected', function () {
+      beforeEach(function () {
         heartBeat.monitorDisconnect();
       });
-      it('should set snackbar to trying to reconnect', function() {
+      it('should set snackbar to trying to reconnect', function () {
         heartBeat._checkSession();
         expect(coreStore.getters.snackbarIsVisible).toEqual(true);
         expect(coreStore.getters.snackbarOptions.text).toEqual(trs.$tr('tryingToReconnect'));
@@ -274,7 +274,7 @@ describe('HeartBeat', function() {
       disconnectionErrorCodes
         .filter(code => code !== 0)
         .forEach(errorCode => {
-          it('should set snackbar to disconnected for error code ' + errorCode, function() {
+          it('should set snackbar to disconnected for error code ' + errorCode, function () {
             jest.spyOn(heartBeat, 'monitorDisconnect');
             mock.put(/.*/, {
               status: errorCode,
@@ -285,25 +285,25 @@ describe('HeartBeat', function() {
               expect(coreStore.getters.snackbarIsVisible).toEqual(true);
               expect(
                 coreStore.getters.snackbarOptions.text.startsWith(
-                  'Disconnected from server. Will try to reconnect in'
-                )
+                  'Disconnected from server. Will try to reconnect in',
+                ),
               ).toEqual(true);
             });
           });
         });
-      it('should set snackbar to disconnected for error code 0', function() {
+      it('should set snackbar to disconnected for error code 0', function () {
         jest.spyOn(heartBeat, 'monitorDisconnect');
         mock.put(/.*/, () => Promise.reject(new Error()));
         return heartBeat._checkSession().finally(() => {
           expect(coreStore.getters.snackbarIsVisible).toEqual(true);
           expect(
             coreStore.getters.snackbarOptions.text.startsWith(
-              'Disconnected from server. Will try to reconnect in'
-            )
+              'Disconnected from server. Will try to reconnect in',
+            ),
           ).toEqual(true);
         });
       });
-      it('should increase the reconnect time when it fails to connect', function() {
+      it('should increase the reconnect time when it fails to connect', function () {
         mock.put(/.*/, () => Promise.reject(new Error()));
         coreStore.commit('CORE_SET_RECONNECT_TIME', 5);
         return heartBeat._checkSession().finally(() => {
@@ -313,27 +313,27 @@ describe('HeartBeat', function() {
           });
         });
       });
-      describe('and then gets reconnected', function() {
-        beforeEach(function() {
+      describe('and then gets reconnected', function () {
+        beforeEach(function () {
           mock.put(/.*/, {
             status: 200,
             headers: { 'Content-Type': 'application/json' },
           });
         });
-        it('should set snackbar to reconnected', function() {
+        it('should set snackbar to reconnected', function () {
           return heartBeat._checkSession().finally(() => {
             expect(coreStore.getters.snackbarIsVisible).toEqual(true);
             expect(coreStore.getters.snackbarOptions.text).toEqual(
-              trs.$tr('successfullyReconnected')
+              trs.$tr('successfullyReconnected'),
             );
           });
         });
-        it('should set connected to true', function() {
+        it('should set connected to true', function () {
           return heartBeat._checkSession().finally(() => {
             expect(coreStore.getters.connected).toEqual(true);
           });
         });
-        it('should set reconnect time to null', function() {
+        it('should set reconnect time to null', function () {
           return heartBeat._checkSession().finally(() => {
             expect(coreStore.getters.reconnectTime).toEqual(null);
           });
diff --git a/kolibri/core/assets/test/kolibri_app.spec.js b/kolibri/core/assets/test/kolibri_app.spec.js
index 90daa922766..8d045924174 100644
--- a/kolibri/core/assets/test/kolibri_app.spec.js
+++ b/kolibri/core/assets/test/kolibri_app.spec.js
@@ -12,7 +12,7 @@ jest.mock(
       registerKolibriModuleSync: jest.fn(),
     };
   },
-  { virtual: true }
+  { virtual: true },
 );
 
 jest.mock('kolibri.heartbeat', () => ({
@@ -49,7 +49,7 @@ class TestApp extends KolibriApp {
   }
 }
 
-describe('KolibriApp', function() {
+describe('KolibriApp', function () {
   it('it should register the core vuex component', () => {
     const app = new TestApp();
     expect(app.store.state.core).toMatchObject(coreModule.state());
@@ -57,11 +57,11 @@ describe('KolibriApp', function() {
     expect(Object.keys(app.store._actions)).toEqual(Object.keys(coreModule.actions));
     // only checks intersection with core getters; doesn't include sub-modules
     expect(Object.keys(app.store.getters)).toEqual(
-      expect.arrayContaining(Object.keys(coreModule.getters))
+      expect.arrayContaining(Object.keys(coreModule.getters)),
     );
   });
 
-  it('it should register the plugin vuex components', async function() {
+  it('it should register the plugin vuex components', async function () {
     const app = new TestApp();
     app.store.hotUpdate({
       modules: {
diff --git a/kolibri/core/assets/test/progress-icon.spec.js b/kolibri/core/assets/test/progress-icon.spec.js
index cfaa5ef37db..f331d2ee02b 100644
--- a/kolibri/core/assets/test/progress-icon.spec.js
+++ b/kolibri/core/assets/test/progress-icon.spec.js
@@ -3,12 +3,7 @@ import UiIcon from 'kolibri-design-system/lib/keen/UiIcon';
 import ProgressIcon from '../src/views/ProgressIcon';
 
 function testIcon(wrapper, expectedText) {
-  expect(
-    wrapper
-      .findComponent({ name: 'KTooltip' })
-      .text()
-      .trim()
-  ).toEqual(expectedText);
+  expect(wrapper.findComponent({ name: 'KTooltip' }).text().trim()).toEqual(expectedText);
 }
 
 describe('ProgressIcon Component', () => {
diff --git a/kolibri/core/assets/test/utils/syncTaskUtils.spec.js b/kolibri/core/assets/test/utils/syncTaskUtils.spec.js
index fc7d20914ed..4c67aca4999 100644
--- a/kolibri/core/assets/test/utils/syncTaskUtils.spec.js
+++ b/kolibri/core/assets/test/utils/syncTaskUtils.spec.js
@@ -114,7 +114,7 @@ describe('syncTaskUtils.syncFacilityTaskDisplayInfo', () => {
       expect(syncFacilityTaskDisplayInfo(task)).toMatchObject({
         statusMsg: msg,
       });
-    }
+    },
   );
 
   it('if task is FINISHED, it has a bytesTransferredMsg', () => {
@@ -155,7 +155,7 @@ describe('syncTaskUtils.syncFacilityTaskDisplayInfo', () => {
         canRetry: status === 'FAILED',
         isRunning,
       });
-    }
+    },
   );
 });
 
@@ -221,6 +221,6 @@ describe('syncTaskUtils.removeFacilityTaskDisplayInfo', () => {
         canCancel,
         canRetry,
       });
-    }
+    },
   );
 });
diff --git a/kolibri/core/assets/test/views/KTooltipExample.vue b/kolibri/core/assets/test/views/KTooltipExample.vue
index c8223200f49..60bb64876a3 100644
--- a/kolibri/core/assets/test/views/KTooltipExample.vue
+++ b/kolibri/core/assets/test/views/KTooltipExample.vue
@@ -1,9 +1,7 @@
 <template>
 
   <div>
-    <button ref="tooltipTriggerElement">
-      Click me
-    </button>
+    <button ref="tooltipTriggerElement">Click me</button>
     <KTooltip
       :reference="kTooltipProps.reference"
       :refs="kTooltipProps.refs"
diff --git a/kolibri/core/assets/test/views/NotificationsRoot.spec.js b/kolibri/core/assets/test/views/NotificationsRoot.spec.js
index 7b9d26977dc..4597fff625c 100644
--- a/kolibri/core/assets/test/views/NotificationsRoot.spec.js
+++ b/kolibri/core/assets/test/views/NotificationsRoot.spec.js
@@ -24,13 +24,13 @@ function makeWrapper(options = {}) {
   return { wrapper, store, ...options };
 }
 
-describe('NotificationsRoot', function() {
+describe('NotificationsRoot', function () {
   it('smoke test', () => {
     const { wrapper } = makeWrapper();
     expect(wrapper.exists()).toBe(true);
   });
 
-  describe('when loaded', function() {
+  describe('when loaded', function () {
     it('if user is authorized and there is no error, base div for displaying <slot> should be displayed', async () => {
       const { wrapper, store } = makeWrapper();
       store.state.core.loading = false;
diff --git a/kolibri/core/assets/test/views/attempt-log-item.spec.js b/kolibri/core/assets/test/views/attempt-log-item.spec.js
index ff1a6550bd5..167191e6217 100644
--- a/kolibri/core/assets/test/views/attempt-log-item.spec.js
+++ b/kolibri/core/assets/test/views/attempt-log-item.spec.js
@@ -15,7 +15,7 @@ describe('AttemptLogItem', () => {
           propsData: { isSurvey: true, attemptLog },
         });
         expect(wrapper.find('[data-test="question-attempt-icons"]').element).toBeFalsy();
-      }
+      },
     );
   });
 
diff --git a/kolibri/core/assets/test/views/auth-message.spec.js b/kolibri/core/assets/test/views/auth-message.spec.js
index ac6c7398879..0faf9b6d17f 100644
--- a/kolibri/core/assets/test/views/auth-message.spec.js
+++ b/kolibri/core/assets/test/views/auth-message.spec.js
@@ -99,8 +99,7 @@ describe('auth message component', () => {
       const wrapper = makeWrapper();
       const link = wrapper.find('kexternallink-stub');
       expect(link.attributes()).toMatchObject({
-        href:
-          'http://localhost:8000/en/auth/#/signin?next=http%3A%2F%2Flocalhost%3A8000%2F%23%2Ftest_url',
+        href: 'http://localhost:8000/en/auth/#/signin?next=http%3A%2F%2Flocalhost%3A8000%2F%23%2Ftest_url',
         text: 'Sign in to Kolibri',
       });
     });
@@ -110,8 +109,7 @@ describe('auth message component', () => {
       const wrapper = makeWrapper();
       const link = wrapper.find('kexternallink-stub');
       expect(link.attributes()).toMatchObject({
-        href:
-          'http://localhost:8000/en/auth/#/signin?next=http%3A%2F%2Flocalhost%3A8000%2F%23%2Fsome_other_url',
+        href: 'http://localhost:8000/en/auth/#/signin?next=http%3A%2F%2Flocalhost%3A8000%2F%23%2Fsome_other_url',
         text: 'Sign in to Kolibri',
       });
     });
diff --git a/kolibri/core/assets/test/views/elapsed-time.spec.js b/kolibri/core/assets/test/views/elapsed-time.spec.js
index a0d2da9e5d0..2ecaefceb23 100644
--- a/kolibri/core/assets/test/views/elapsed-time.spec.js
+++ b/kolibri/core/assets/test/views/elapsed-time.spec.js
@@ -80,6 +80,6 @@ describe('elapsed time component', () => {
         },
       });
       expect(getTimeText(wrapper)).toEqual(message);
-    }
+    },
   );
 });
diff --git a/kolibri/core/assets/test/views/side-nav.spec.js b/kolibri/core/assets/test/views/side-nav.spec.js
index a042aacdfbb..f06d60dd4c7 100644
--- a/kolibri/core/assets/test/views/side-nav.spec.js
+++ b/kolibri/core/assets/test/views/side-nav.spec.js
@@ -108,7 +108,7 @@ describe('side nav component', () => {
                 role: otherKind,
               },
             ],
-          })
+          }),
         );
         setUserKind(kind);
         const wrapper = createWrapper();
@@ -117,7 +117,7 @@ describe('side nav component', () => {
         } else {
           expect(wrapper.text()).not.toContain(label);
         }
-      }
+      },
     );
   });
 
@@ -148,7 +148,7 @@ describe('side nav component', () => {
               role: otherKind,
             },
           ],
-        })
+        }),
       );
       setUserKind(UserKinds.SUPERUSER);
       const wrapper = createWrapper();
@@ -168,7 +168,7 @@ describe('side nav component', () => {
             setUserKind(kind, true);
             const wrapper = createWrapper();
             expect(wrapper.findComponent(SyncStatusDisplay).exists()).toBe(true);
-          }
+          },
         );
         it('does not show the SyncStatusDisplay to guest users', async () => {
           setUserKind(UserKinds.ANONYMOUS);
diff --git a/kolibri/plugins/coach/assets/src/app.js b/kolibri/plugins/coach/assets/src/app.js
index f740393d74e..c930f5b09e7 100644
--- a/kolibri/plugins/coach/assets/src/app.js
+++ b/kolibri/plugins/coach/assets/src/app.js
@@ -60,7 +60,7 @@ class CoachToolsModule extends KolibriApp {
         to.name &&
         !to.params.classId &&
         !['CoachClassListPage', 'StatusTestPage', 'CoachPrompts', 'AllFacilitiesPage'].includes(
-          to.name
+          to.name,
         )
       ) {
         this.store.dispatch('coachNotifications/stopPolling');
@@ -94,7 +94,7 @@ class CoachToolsModule extends KolibriApp {
         to.name &&
         to.params.classId &&
         !['CoachClassListPage', 'StatusTestPage', 'CoachPrompts', 'AllFacilitiesPage'].includes(
-          to.name
+          to.name,
         )
       ) {
         promises.push(this.store.dispatch('initClassInfo', to.params.classId));
diff --git a/kolibri/plugins/coach/assets/src/composables/useCoreCoach.js b/kolibri/plugins/coach/assets/src/composables/useCoreCoach.js
index e117f3b950d..03f8658f480 100644
--- a/kolibri/plugins/coach/assets/src/composables/useCoreCoach.js
+++ b/kolibri/plugins/coach/assets/src/composables/useCoreCoach.js
@@ -67,7 +67,7 @@ export default function useCoreCoach(store) {
         }
       } catch (err) {
         logging.error(
-          "Failed to obtain page title. Ensure that this route's meta.titleParts are corrrectly configured."
+          "Failed to obtain page title. Ensure that this route's meta.titleParts are corrrectly configured.",
         );
         return '';
       }
diff --git a/kolibri/plugins/coach/assets/src/composables/useGroups.js b/kolibri/plugins/coach/assets/src/composables/useGroups.js
index b382325b9fd..7f25988ec3c 100644
--- a/kolibri/plugins/coach/assets/src/composables/useGroups.js
+++ b/kolibri/plugins/coach/assets/src/composables/useGroups.js
@@ -41,7 +41,7 @@ export function useGroups() {
             FacilityUserResource.fetchCollection({
               getParams: { member_of: group.id },
               force: true,
-            })
+            }),
           );
 
           Promise.all(groupUsersPromises).then(
@@ -62,7 +62,7 @@ export function useGroups() {
             error =>
               shouldResolve()
                 ? store.dispatch('handleApiError', { error, reloadOnReconnect: true })
-                : null
+                : null,
           );
         }
       },
@@ -70,7 +70,7 @@ export function useGroups() {
         shouldResolve()
           ? store.dispatch('handleApiError', { error, reloadOnReconnect: true })
           : null;
-      }
+      },
     );
   }
 
diff --git a/kolibri/plugins/coach/assets/src/composables/useLessons.js b/kolibri/plugins/coach/assets/src/composables/useLessons.js
index 5cfda18fab4..8a55f916ece 100644
--- a/kolibri/plugins/coach/assets/src/composables/useLessons.js
+++ b/kolibri/plugins/coach/assets/src/composables/useLessons.js
@@ -42,7 +42,7 @@ export function useLessons() {
       error => {
         store.dispatch('handleApiError', { error, reloadOnReconnect: true });
         setLessonsLoading(false);
-      }
+      },
     );
   }
 
diff --git a/kolibri/plugins/coach/assets/src/composables/useQuizCreation.js b/kolibri/plugins/coach/assets/src/composables/useQuizCreation.js
index 230a25872f5..fcee646ace6 100644
--- a/kolibri/plugins/coach/assets/src/composables/useQuizCreation.js
+++ b/kolibri/plugins/coach/assets/src/composables/useQuizCreation.js
@@ -92,7 +92,7 @@ export default function useQuizCreation() {
       }
       if (questions.length > MAX_QUESTIONS_PER_QUIZ_SECTION) {
         throw new TypeError(
-          `Questions array must not exceed ${MAX_QUESTIONS_PER_QUIZ_SECTION} items`
+          `Questions array must not exceed ${MAX_QUESTIONS_PER_QUIZ_SECTION} items`,
         );
       }
       if (questions.some(q => !validateObject(q, QuizQuestion))) {
@@ -142,7 +142,7 @@ export default function useQuizCreation() {
       // Seed the random number generator with a random number
       Math.floor(Math.random() * 1000),
       // Exclude the questions that are already in the entire quiz
-      get(allQuestionsInQuiz).map(q => q.item)
+      get(allQuestionsInQuiz).map(q => q.item),
     );
 
     const questions = [...targetSection.questions, ...newQuestions];
@@ -306,7 +306,7 @@ export default function useQuizCreation() {
   function removeQuestionFromSelection(id) {
     set(
       _selectedQuestionIds,
-      get(_selectedQuestionIds).filter(_id => id !== _id)
+      get(_selectedQuestionIds).filter(_id => id !== _id),
     );
   }
 
@@ -328,7 +328,7 @@ export default function useQuizCreation() {
     } else {
       set(
         _selectedQuestionIds,
-        get(activeQuestions).map(q => q.item)
+        get(activeQuestions).map(q => q.item),
       );
     }
   }
@@ -346,7 +346,7 @@ export default function useQuizCreation() {
   const inactiveSections = computed(() =>
     get(allSections)
       .slice(0, get(activeSectionIndex))
-      .concat(get(allSections).slice(get(activeSectionIndex) + 1))
+      .concat(get(allSections).slice(get(activeSectionIndex) + 1)),
   );
   /** @type {ComputedRef<Object.<string, QuizExercise>>}
    * A map of exercise id to exercise for the currently active section */
@@ -402,8 +402,8 @@ export default function useQuizCreation() {
           get(selectedActiveQuestions).sort(),
           get(activeQuestions)
             .map(q => q.item)
-            .sort()
-        )
+            .sort(),
+        ),
     );
   });
 
diff --git a/kolibri/plugins/coach/assets/src/composables/useQuizResources.js b/kolibri/plugins/coach/assets/src/composables/useQuizResources.js
index 58203edcc53..bf6b73d8fe2 100644
--- a/kolibri/plugins/coach/assets/src/composables/useQuizResources.js
+++ b/kolibri/plugins/coach/assets/src/composables/useQuizResources.js
@@ -28,7 +28,13 @@ export default function useQuizResources({ topicId, practiceQuiz = false } = {})
   }
 
   // Initialize useFetchTree methods with the given topicId computed property and params
-  const { topic, fetchTree, fetchMore, hasMore, loading: treeLoading } = useFetchTree({
+  const {
+    topic,
+    fetchTree,
+    fetchMore,
+    hasMore,
+    loading: treeLoading,
+  } = useFetchTree({
     topicId,
     params,
   });
diff --git a/kolibri/plugins/coach/assets/src/modules/classSummary/__test__/dataHelpers.spec.js b/kolibri/plugins/coach/assets/src/modules/classSummary/__test__/dataHelpers.spec.js
index 9453df2c683..e4fe3c81f4d 100644
--- a/kolibri/plugins/coach/assets/src/modules/classSummary/__test__/dataHelpers.spec.js
+++ b/kolibri/plugins/coach/assets/src/modules/classSummary/__test__/dataHelpers.spec.js
@@ -22,7 +22,7 @@ describe('coach summary data helpers', () => {
   describe('getLearnersForGroups', () => {
     it('returns everyone in the class when empty', () => {
       expect(store.getters.getLearnersForGroups([])).toEqual(
-        store.getters.learners.map(learner => learner.id)
+        store.getters.learners.map(learner => learner.id),
       );
     });
     it('returns the learner IDs of everyone in the groups with no duplicates', () => {
@@ -46,7 +46,7 @@ describe('coach summary data helpers', () => {
         store.getters.getLearnersForExam({
           assignments: [],
           learner_ids: [],
-        })
+        }),
       ).toEqual([]);
     });
 
@@ -75,7 +75,7 @@ describe('coach summary data helpers', () => {
         store.getters.getLearnersForLesson({
           assignments: [],
           learner_ids: [],
-        })
+        }),
       ).toEqual([]);
     });
 
diff --git a/kolibri/plugins/coach/assets/src/modules/classSummary/dataHelpers.js b/kolibri/plugins/coach/assets/src/modules/classSummary/dataHelpers.js
index 8511e19e1df..4f2ae469e36 100644
--- a/kolibri/plugins/coach/assets/src/modules/classSummary/dataHelpers.js
+++ b/kolibri/plugins/coach/assets/src/modules/classSummary/dataHelpers.js
@@ -24,7 +24,7 @@ function notStartedStatusObj() {
 
 export default {
   getGroupIdsForAssignment(state) {
-    return function(obj) {
+    return function (obj) {
       return obj.assignments.filter(id => id !== state.id);
     };
   },
@@ -32,7 +32,7 @@ export default {
    * Return array of group names given an array of group IDs
    */
   getGroupNames(state) {
-    return function(groupIds) {
+    return function (groupIds) {
       if (!Array.isArray(groupIds)) {
         throw new Error('getGroupNames: invalid parameter(s)');
       }
@@ -43,7 +43,7 @@ export default {
    * Return array of group names given a learner ID
    */
   getGroupNamesForLearner(state, getters) {
-    return function(learnerId) {
+    return function (learnerId) {
       if (!learnerId) {
         throw new Error('getGroupNamesForLearner: invalid parameter(s)');
       }
@@ -57,7 +57,7 @@ export default {
    * An empty list is considered the whole class in the context of assignment.
    */
   getLearnersForGroups(state) {
-    return function(groupIds) {
+    return function (groupIds) {
       if (!Array.isArray(groupIds)) {
         throw new Error('getLearnersForGroups: invalid parameter(s)');
       }
@@ -72,13 +72,13 @@ export default {
    * ad hoc learners
    */
   getRecipientNamesForExam(state, getters) {
-    return function(exam) {
+    return function (exam) {
       const adHocLearners = exam.learner_ids.map(learnerId => state.learnerMap[learnerId].name);
       const groups = getters.getGroupIdsForAssignment(exam);
       const recipientsForGroups =
         groups.length || !adHocLearners.length ? getters.getLearnersForGroups(groups) : [];
       const learnersInSelectedGroups = recipientsForGroups.map(
-        learnerId => state.learnerMap[learnerId].name
+        learnerId => state.learnerMap[learnerId].name,
       );
       return getters
         .getGroupNames(groups)
@@ -86,7 +86,7 @@ export default {
     };
   },
   getLearnersForAssignment(state, getters) {
-    return function(assignment) {
+    return function (assignment) {
       if (!assignment) {
         throw new Error('getLearnersForAssignment: invalid parameter(s)');
       }
@@ -121,7 +121,7 @@ export default {
    * ad hoc learners
    */
   getRecipientNamesForLesson(state, getters) {
-    return function(lesson) {
+    return function (lesson) {
       const fullLesson = state.lessonMap[lesson.id];
       if (!fullLesson) {
         return [];
@@ -129,14 +129,14 @@ export default {
       const groups = getters.getGroupIdsForAssignment(fullLesson);
       const recipientsForGroups = groups.length ? getters.getLearnersForGroups(groups) : [];
       const learnersInSelectedGroups = recipientsForGroups.map(
-        learnerId => state.learnerMap[learnerId].name
+        learnerId => state.learnerMap[learnerId].name,
       );
       return getters
         .getGroupNames(groups)
         .concat(
           fullLesson.learner_ids
             .map(learnerId => state.learnerMap[learnerId].name)
-            .filter(learner => !learnersInSelectedGroups.includes(learner))
+            .filter(learner => !learnersInSelectedGroups.includes(learner)),
         );
     };
   },
@@ -144,7 +144,7 @@ export default {
    * Return a STATUSES constant given a content ID and a learner ID
    */
   getContentStatusObjForLearner(state) {
-    return function(contentId, learnerId) {
+    return function (contentId, learnerId) {
       if (!contentId || !learnerId) {
         throw new Error('getContentStatusObjForLearner: invalid parameter(s)');
       }
@@ -155,7 +155,7 @@ export default {
    * Return a 'tally object' given a content ID and an array of learner IDs
    */
   getContentStatusTally(state, getters) {
-    return function(contentId, learnerIds) {
+    return function (contentId, learnerIds) {
       if (!contentId || !Array.isArray(learnerIds)) {
         throw new Error('getContentStatusTally: invalid parameter(s)');
       }
@@ -176,7 +176,7 @@ export default {
    * Return a STATUSES constant given an exam ID and a learner ID
    */
   getExamStatusObjForLearner(state) {
-    return function(examId, learnerId) {
+    return function (examId, learnerId) {
       if (!examId || !learnerId) {
         throw new Error('getExamStatusObjForLearner: invalid parameter(s)');
       }
@@ -187,7 +187,7 @@ export default {
    * Return a 'tally object' given an exam ID and an array of learner IDs
    */
   getExamStatusTally(state, getters) {
-    return function(examId, learnerIds) {
+    return function (examId, learnerIds) {
       if (!examId || !Array.isArray(learnerIds)) {
         throw new Error('getExamStatusTally: invalid parameter(s)');
       }
@@ -208,14 +208,14 @@ export default {
    * Return a STATUSES constant given a lesson ID and a learner ID
    */
   getLessonStatusStringForLearner(state, getters) {
-    return function(lessonId, learnerId) {
+    return function (lessonId, learnerId) {
       if (!lessonId || !learnerId) {
         throw new Error('getLessonStatusStringForLearner: invalid parameter(s)');
       }
       return get(
         getters.lessonLearnerStatusMap,
         [lessonId, learnerId, 'status'],
-        STATUSES.notStarted
+        STATUSES.notStarted,
       );
     };
   },
@@ -223,7 +223,7 @@ export default {
    * Return a 'tally object' given a lesson ID and an array of learner IDs
    */
   getLessonStatusTally(state, getters) {
-    return function(lessonId, learnerIds) {
+    return function (lessonId, learnerIds) {
       if (!lessonId || !Array.isArray(learnerIds)) {
         throw new Error('getLessonStatusTally: invalid parameter(s)');
       }
@@ -244,7 +244,7 @@ export default {
    * Return a number (in seconds) given a content ID and an array of learner IDs
    */
   getContentAvgTimeSpent(state, getters) {
-    return function(contentId, learnerIds) {
+    return function (contentId, learnerIds) {
       if (!contentId || !Array.isArray(learnerIds)) {
         throw new Error('getContentAvgTimeSpent: invalid parameter(s)');
       }
@@ -265,7 +265,7 @@ export default {
    * Return a number (0-1) given an exam ID and an array of learner IDs
    */
   getExamAvgScore(state, getters) {
-    return function(examId, learnerIds) {
+    return function (examId, learnerIds) {
       if (!examId || !Array.isArray(learnerIds)) {
         throw new Error('getExamAvgScore: invalid parameter(s)');
       }
diff --git a/kolibri/plugins/coach/assets/src/modules/classSummary/index.js b/kolibri/plugins/coach/assets/src/modules/classSummary/index.js
index d53ec6580f0..5191acad5b5 100644
--- a/kolibri/plugins/coach/assets/src/modules/classSummary/index.js
+++ b/kolibri/plugins/coach/assets/src/modules/classSummary/index.js
@@ -131,7 +131,7 @@ function _lessonStatusForLearner(state, lessonId, learnerId) {
       status: get(
         state.contentLearnerStatusMap,
         [content_id, learnerId, 'status'],
-        STATUSES.notStarted
+        STATUSES.notStarted,
       ),
     };
   });
@@ -241,7 +241,7 @@ export default {
      */
     examStatuses(state) {
       return flatten(
-        Object.values(state.examLearnerStatusMap).map(learnerMap => Object.values(learnerMap))
+        Object.values(state.examLearnerStatusMap).map(learnerMap => Object.values(learnerMap)),
       );
     },
     /*
@@ -259,7 +259,7 @@ export default {
      */
     contentStatuses(state) {
       return flatten(
-        Object.values(state.contentLearnerStatusMap).map(learnerMap => Object.values(learnerMap))
+        Object.values(state.contentLearnerStatusMap).map(learnerMap => Object.values(learnerMap)),
       );
     },
     /*
@@ -277,7 +277,7 @@ export default {
      */
     lessonStatuses(state, getters) {
       return flatten(
-        Object.values(getters.lessonLearnerStatusMap).map(learnerMap => Object.values(learnerMap))
+        Object.values(getters.lessonLearnerStatusMap).map(learnerMap => Object.values(learnerMap)),
       );
     },
     /*
@@ -300,7 +300,7 @@ export default {
             const last_activity = get(
               state.contentLearnerStatusMap,
               [content_id, learner.id, 'last_activity'],
-              null
+              null,
             );
             if (last_activity > last) {
               last = last_activity;
@@ -332,7 +332,7 @@ export default {
       return function finder({ title, excludeId }) {
         return find(
           getters.lessons,
-          lesson => lesson.id !== excludeId && normalize(lesson.title) === normalize(title)
+          lesson => lesson.id !== excludeId && normalize(lesson.title) === normalize(title),
         );
       };
     },
diff --git a/kolibri/plugins/coach/assets/src/modules/coachNotifications/getters.js b/kolibri/plugins/coach/assets/src/modules/coachNotifications/getters.js
index ba267cea514..89ed9183881 100644
--- a/kolibri/plugins/coach/assets/src/modules/coachNotifications/getters.js
+++ b/kolibri/plugins/coach/assets/src/modules/coachNotifications/getters.js
@@ -107,7 +107,7 @@ export function allNotifications(state, getters, rootState, rootGetters) {
   return orderBy(
     state.notifications.map(reshapeNotification).filter(n => n),
     'timestamp',
-    ['desc']
+    ['desc'],
   );
 }
 
@@ -121,7 +121,7 @@ export function summarizedNotifications(state, getters, rootState, rootGetters)
   const groupedNotifications = groupBy(
     getters.allNotifications.filter(
       // Filter out "Answered" notifications to avoid flooding the list
-      n => n.event !== NotificationEvents.ANSWERED
+      n => n.event !== NotificationEvents.ANSWERED,
     ),
     n => {
       if (n.object === RESOURCE) {
@@ -134,7 +134,7 @@ export function summarizedNotifications(state, getters, rootState, rootGetters)
       if (n.object === QUIZ) {
         return `${n.object}_${n.quiz_id}`;
       }
-    }
+    },
   );
 
   for (const groupCode in groupedNotifications) {
diff --git a/kolibri/plugins/coach/assets/src/modules/exerciseDetail/handlers.js b/kolibri/plugins/coach/assets/src/modules/exerciseDetail/handlers.js
index e8ce4de1974..27c6dfa2861 100644
--- a/kolibri/plugins/coach/assets/src/modules/exerciseDetail/handlers.js
+++ b/kolibri/plugins/coach/assets/src/modules/exerciseDetail/handlers.js
@@ -60,6 +60,6 @@ function showExerciseDetailView({
     },
     error => {
       store.dispatch('handleCoachPageError', error);
-    }
+    },
   );
 }
diff --git a/kolibri/plugins/coach/assets/src/modules/groups/actions.js b/kolibri/plugins/coach/assets/src/modules/groups/actions.js
index 5a733bea298..57dd925d12a 100644
--- a/kolibri/plugins/coach/assets/src/modules/groups/actions.js
+++ b/kolibri/plugins/coach/assets/src/modules/groups/actions.js
@@ -32,7 +32,7 @@ export function createGroup(store, { groupName, classId }) {
       // to get that back up to date!
       return store.dispatch('classSummary/refreshClassSummary', null, { root: true });
     },
-    error => store.dispatch('handleApiError', { error }, { root: true })
+    error => store.dispatch('handleApiError', { error }, { root: true }),
   );
 }
 
@@ -51,7 +51,7 @@ export function renameGroup(store, { groupId, newGroupName }) {
       store.commit('CORE_SET_PAGE_LOADING', false, { root: true });
       store.commit('SET_GROUP_MODAL', '');
     },
-    error => store.dispatch('handleApiError', { error }, { root: true })
+    error => store.dispatch('handleApiError', { error }, { root: true }),
   );
 }
 
@@ -62,7 +62,7 @@ export function deleteGroup(store, groupId) {
       const updatedGroups = groups.filter(group => group.id !== groupId);
       store.commit('SET_GROUPS', updatedGroups);
     },
-    error => store.dispatch('handleApiError', { error }, { root: true })
+    error => store.dispatch('handleApiError', { error }, { root: true }),
   );
 }
 
@@ -92,7 +92,7 @@ function _addMultipleUsersToGroup(store, groupId, userIds) {
         store.commit('SET_GROUPS', groups);
         resolve();
       },
-      error => reject(error)
+      error => reject(error),
     );
   });
 }
@@ -107,7 +107,7 @@ function _removeMultipleUsersFromGroup(store, groupId, userIds) {
         const groups = Array(...store.state.groups);
         const groupIndex = groups.findIndex(group => group.id === groupId);
         groups[groupIndex].users = groups[groupIndex].users.filter(
-          user => !userIds.includes(user.id)
+          user => !userIds.includes(user.id),
         );
 
         // Clear cache for future fetches
@@ -116,7 +116,7 @@ function _removeMultipleUsersFromGroup(store, groupId, userIds) {
         store.commit('SET_GROUPS', groups);
         resolve();
       },
-      error => reject(error)
+      error => reject(error),
     );
   });
 }
diff --git a/kolibri/plugins/coach/assets/src/modules/lessonResources/handlers.js b/kolibri/plugins/coach/assets/src/modules/lessonResources/handlers.js
index 9f7a8a99154..97aaead6d77 100644
--- a/kolibri/plugins/coach/assets/src/modules/lessonResources/handlers.js
+++ b/kolibri/plugins/coach/assets/src/modules/lessonResources/handlers.js
@@ -52,7 +52,7 @@ async function showResourceSelectionPage(store, params) {
         const ancestorCounts = {};
 
         const resourceAncestors = store.state.lessonSummary.workingResources.map(
-          resource => (cache[resource.contentnode_id] || {}).ancestors || []
+          resource => (cache[resource.contentnode_id] || {}).ancestors || [],
         );
         // store ancestor ids to get their descendants later
         const ancestorIds = new Set();
@@ -69,7 +69,7 @@ async function showResourceSelectionPage(store, params) {
               // total number of descendants
               ancestorCounts[ancestor.id].total = 0;
             }
-          })
+          }),
         );
         ContentNodeResource.fetchDescendants(Array.from(ancestorIds)).then(nodes => {
           nodes.data.forEach(node => {
@@ -249,7 +249,7 @@ export async function showLessonSelectionContentPreview(store, params, query = {
 
         store.commit(
           'lessonSummary/SET_WORKING_RESOURCES',
-          pendingSelections.length ? pendingSelections : preselectedResources
+          pendingSelections.length ? pendingSelections : preselectedResources,
         );
         store.dispatch('notLoading');
       })
@@ -284,7 +284,7 @@ function _prepLessonContentPreview(store, classId, lessonId, contentId) {
     },
     error => {
       return store.dispatch('handleApiError', { error, reloadOnReconnect: true });
-    }
+    },
   );
 }
 
diff --git a/kolibri/plugins/coach/assets/src/modules/lessonResources/index.js b/kolibri/plugins/coach/assets/src/modules/lessonResources/index.js
index 84934c90b41..b775fd90699 100644
--- a/kolibri/plugins/coach/assets/src/modules/lessonResources/index.js
+++ b/kolibri/plugins/coach/assets/src/modules/lessonResources/index.js
@@ -60,16 +60,16 @@ export default {
       // Append the new results
       state.searchResults.results = unionBy(
         [...state.searchResults.results, ...searchResults.results],
-        'id'
+        'id',
       );
       // Append the filters
       state.searchResults.channel_ids = union(
         state.searchResults.channel_ids,
-        searchResults.channel_ids
+        searchResults.channel_ids,
       );
       state.searchResults.content_kinds = union(
         state.searchResults.content_kinds,
-        searchResults.content_kinds
+        searchResults.content_kinds,
       );
       // NOTE: Don't update total_results. Must keep the value set initially
       // for remainingSearchResults to work properly
diff --git a/kolibri/plugins/coach/assets/src/modules/lessonSummary/actions.js b/kolibri/plugins/coach/assets/src/modules/lessonSummary/actions.js
index f81258bc1ad..df700c864eb 100644
--- a/kolibri/plugins/coach/assets/src/modules/lessonSummary/actions.js
+++ b/kolibri/plugins/coach/assets/src/modules/lessonSummary/actions.js
@@ -27,7 +27,7 @@ export function updateCurrentLesson(store, lessonId) {
     },
     error => {
       return store.dispatch('handleApiError', { error }, { root: true });
-    }
+    },
   );
 }
 
diff --git a/kolibri/plugins/coach/assets/src/modules/lessonSummary/index.js b/kolibri/plugins/coach/assets/src/modules/lessonSummary/index.js
index cce4dd87e81..7a748c31ef3 100644
--- a/kolibri/plugins/coach/assets/src/modules/lessonSummary/index.js
+++ b/kolibri/plugins/coach/assets/src/modules/lessonSummary/index.js
@@ -50,7 +50,7 @@ export default {
       state.workingResources = state.workingResources.filter(
         // Resources could either be a content node or a resource item from a lesson
         workingResource =>
-          !resources.find(r => (r.id || r.contentnode_id) === workingResource.contentnode_id)
+          !resources.find(r => (r.id || r.contentnode_id) === workingResource.contentnode_id),
       );
     },
     ADD_TO_RESOURCE_CACHE(state, { node, channelTitle }) {
diff --git a/kolibri/plugins/coach/assets/src/modules/questionDetail/handlers.js b/kolibri/plugins/coach/assets/src/modules/questionDetail/handlers.js
index 4599e89fb15..43abac7ab0b 100644
--- a/kolibri/plugins/coach/assets/src/modules/questionDetail/handlers.js
+++ b/kolibri/plugins/coach/assets/src/modules/questionDetail/handlers.js
@@ -65,7 +65,7 @@ function showQuestionDetailView(params) {
         } else {
           const questionNumber = Math.max(
             1,
-            exercise.assessmentmetadata.assessment_item_ids.indexOf(questionId)
+            exercise.assessmentmetadata.assessment_item_ids.indexOf(questionId),
           );
           title = coachStrings.$tr('nthExerciseName', {
             name: exercise.title,
diff --git a/kolibri/plugins/coach/assets/src/modules/questionList/actions.js b/kolibri/plugins/coach/assets/src/modules/questionList/actions.js
index 6aa3738e269..f3638f92e45 100644
--- a/kolibri/plugins/coach/assets/src/modules/questionList/actions.js
+++ b/kolibri/plugins/coach/assets/src/modules/questionList/actions.js
@@ -39,7 +39,7 @@ export function setItemStats(store, { classId, exerciseId, quizId, lessonId, gro
       lesson_id: lessonId,
       group_id: groupId,
     }),
-    true
+    true,
   );
 
   return Promise.all([itemPromise, difficultiesPromise]).then(([item, stats]) => {
@@ -90,7 +90,7 @@ export function setItemStats(store, { classId, exerciseId, quizId, lessonId, gro
         stats = stats.map(stat => {
           const questionNumber = Math.max(
             1,
-            item.assessmentmetadata.assessment_item_ids.indexOf(stat.item)
+            item.assessmentmetadata.assessment_item_ids.indexOf(stat.item),
           );
           const title = coachStrings.$tr('nthExerciseName', {
             name: item.title,
diff --git a/kolibri/plugins/coach/assets/src/modules/resourceDetail/handlers.js b/kolibri/plugins/coach/assets/src/modules/resourceDetail/handlers.js
index 2cb83276657..ae01ff19168 100644
--- a/kolibri/plugins/coach/assets/src/modules/resourceDetail/handlers.js
+++ b/kolibri/plugins/coach/assets/src/modules/resourceDetail/handlers.js
@@ -34,6 +34,6 @@ export function showResourceView({ resourceId, exerciseId } = {}) {
     },
     error => {
       store.dispatch('handleCoachPageError', error);
-    }
+    },
   );
 }
diff --git a/kolibri/plugins/coach/assets/src/routes/index.js b/kolibri/plugins/coach/assets/src/routes/index.js
index 0e9044d8a2b..a45c31ac2a1 100644
--- a/kolibri/plugins/coach/assets/src/routes/index.js
+++ b/kolibri/plugins/coach/assets/src/routes/index.js
@@ -47,7 +47,7 @@ export default [
             return;
           }
         },
-        error => store.dispatch('handleApiError', { error, reloadOnReconnect: true })
+        error => store.dispatch('handleApiError', { error, reloadOnReconnect: true }),
       );
     },
     meta: {
diff --git a/kolibri/plugins/coach/assets/src/routes/reportRoutes.js b/kolibri/plugins/coach/assets/src/routes/reportRoutes.js
index 50eca178d6d..0025eb1d632 100644
--- a/kolibri/plugins/coach/assets/src/routes/reportRoutes.js
+++ b/kolibri/plugins/coach/assets/src/routes/reportRoutes.js
@@ -96,7 +96,7 @@ export default [
       return exerciseRootRedirectHandler(
         params,
         pages.ReportsGroupReportLessonExerciseLearnerPage.name,
-        next
+        next,
       );
     },
     meta: {
@@ -129,7 +129,7 @@ export default [
       return questionRootRedirectHandler(
         params,
         pages.ReportsGroupReportLessonExerciseQuestionPage.name,
-        next
+        next,
       );
     },
   },
@@ -222,7 +222,7 @@ export default [
       return questionRootRedirectHandler(
         params,
         pages.ReportsGroupReportQuizQuestionPage.name,
-        next
+        next,
       );
     },
   },
@@ -242,7 +242,7 @@ export default [
       return exerciseRootRedirectHandler(
         params,
         pages.ReportsLearnerActivityExercisePage.name,
-        next
+        next,
       );
     },
     meta: {
@@ -281,7 +281,7 @@ export default [
       return exerciseRootRedirectHandler(
         params,
         pages.ReportsLearnerReportLessonExercisePage.name,
-        next
+        next,
       );
     },
     meta: {
@@ -361,7 +361,7 @@ export default [
         params,
         pages.ReportsLessonExerciseLearnerPage.name,
         next,
-        query
+        query,
       );
     },
     meta: {
@@ -394,7 +394,7 @@ export default [
       return questionRootRedirectHandler(
         params,
         pages.ReportsLessonExerciseQuestionPage.name,
-        next
+        next,
       );
     },
   },
diff --git a/kolibri/plugins/coach/assets/src/safeFilename.js b/kolibri/plugins/coach/assets/src/safeFilename.js
index a819c038d2f..96a7ca05cf5 100644
--- a/kolibri/plugins/coach/assets/src/safeFilename.js
+++ b/kolibri/plugins/coach/assets/src/safeFilename.js
@@ -51,7 +51,7 @@ function sanitize(input, replacement) {
  * @param  {Object} [options] {replacement: String | Function }
  * @return {String}         Sanitized filename
  */
-export default function(input, options) {
+export default function (input, options) {
   const replacement = (options && options.replacement) || '';
   const output = sanitize(input, replacement);
   if (replacement === '') {
diff --git a/kolibri/plugins/coach/assets/src/utils/selectQuestions.js b/kolibri/plugins/coach/assets/src/utils/selectQuestions.js
index ce1c33cd37b..b06087ec87e 100644
--- a/kolibri/plugins/coach/assets/src/utils/selectQuestions.js
+++ b/kolibri/plugins/coach/assets/src/utils/selectQuestions.js
@@ -34,7 +34,7 @@ export function getExerciseQuestionsMap(exercises, excludedQuestionIds = []) {
     allQuestionsByExercise[exercise.id] = exerciseToQuestionArray(exercise);
     if (excludedQuestionIds.length) {
       allQuestionsByExercise[exercise.id] = allQuestionsByExercise[exercise.id].filter(
-        question => !excludedQuestionIdMap[question.item]
+        question => !excludedQuestionIdMap[question.item],
       );
     }
   }
diff --git a/kolibri/plugins/coach/assets/src/views/AllFacilitiesPage.vue b/kolibri/plugins/coach/assets/src/views/AllFacilitiesPage.vue
index 57a3de2439c..2ec5f3ea4cb 100644
--- a/kolibri/plugins/coach/assets/src/views/AllFacilitiesPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/AllFacilitiesPage.vue
@@ -5,7 +5,7 @@
     :pageTitle="coreString('allFacilitiesLabel')"
   >
     <KPageContainer>
-      <h1>{{ coreString('facilitiesLabel') }} </h1>
+      <h1>{{ coreString('facilitiesLabel') }}</h1>
       <CoreTable>
         <template #headers>
           <th>{{ coreString('nameLabel') }}</th>
diff --git a/kolibri/plugins/coach/assets/src/views/ClassLearnersListPage.vue b/kolibri/plugins/coach/assets/src/views/ClassLearnersListPage.vue
index 8a1fbc77f53..b18f84e8dfe 100644
--- a/kolibri/plugins/coach/assets/src/views/ClassLearnersListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/ClassLearnersListPage.vue
@@ -7,7 +7,7 @@
     :pageTitle="$tr('pageHeader', { className: className })"
   >
     <KPageContainer>
-      <h1>{{ $tr('pageHeader', { className: className }) }} </h1>
+      <h1>{{ $tr('pageHeader', { className: className }) }}</h1>
       <KButton
         :text="$tr('howToTroubleshootModalHeader')"
         appearance="basic-link"
@@ -110,7 +110,7 @@
       StorageNotificationBanner,
     },
     mixins: [commonCoreStrings],
-    data: function() {
+    data: function () {
       return {
         displayTroubleshootModal: false,
         classSyncStatusList: {},
diff --git a/kolibri/plugins/coach/assets/src/views/CoachAppBarPage.vue b/kolibri/plugins/coach/assets/src/views/CoachAppBarPage.vue
index f7f19583534..29ba2d9ca07 100644
--- a/kolibri/plugins/coach/assets/src/views/CoachAppBarPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/CoachAppBarPage.vue
@@ -4,7 +4,10 @@
     :authorized="authorized"
     :authorizedRole="authorizedRole"
   >
-    <AppBarPage :title="appBarTitle || defaultAppBarTitle" :showNavigation="Boolean(classId)">
+    <AppBarPage
+      :title="appBarTitle || defaultAppBarTitle"
+      :showNavigation="Boolean(classId)"
+    >
       <div class="coach-main">
         <slot></slot>
       </div>
diff --git a/kolibri/plugins/coach/assets/src/views/CoachClassListPage.vue b/kolibri/plugins/coach/assets/src/views/CoachClassListPage.vue
index 95bc82f2b06..00dc9370eae 100644
--- a/kolibri/plugins/coach/assets/src/views/CoachClassListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/CoachClassListPage.vue
@@ -1,8 +1,6 @@
 <template>
 
-  <CoachAppBarPage
-    :appBarTitle="appBarTitle"
-  >
+  <CoachAppBarPage :appBarTitle="appBarTitle">
     <KPageContainer>
       <p>
         <KRouterLink
@@ -23,7 +21,11 @@
         />
       </p>
 
-      <CoreTable v-else :dataLoading="dataLoading" :emptyMessage="emptyStateDetails">
+      <CoreTable
+        v-else
+        :dataLoading="dataLoading"
+        :emptyMessage="emptyStateDetails"
+      >
         <template #headers>
           <th>{{ coreString('classNameLabel') }}</th>
           <th>{{ coreString('coachesLabel') }}</th>
diff --git a/kolibri/plugins/coach/assets/src/views/CoachImmersivePage.vue b/kolibri/plugins/coach/assets/src/views/CoachImmersivePage.vue
index 03a055b511a..5559f23cc1b 100644
--- a/kolibri/plugins/coach/assets/src/views/CoachImmersivePage.vue
+++ b/kolibri/plugins/coach/assets/src/views/CoachImmersivePage.vue
@@ -12,11 +12,13 @@
       :loading="loading"
       :appearanceOverrides="appearanceOverrides"
     >
-      <div v-if="!coreLoading" class="coach-main">
+      <div
+        v-if="!coreLoading"
+        class="coach-main"
+      >
         <slot></slot>
       </div>
     </ImmersivePage>
-
   </NotificationsRoot>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/CoachPrompts/index.vue b/kolibri/plugins/coach/assets/src/views/CoachPrompts/index.vue
index 29f60f3b31e..5e4163b982a 100644
--- a/kolibri/plugins/coach/assets/src/views/CoachPrompts/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/CoachPrompts/index.vue
@@ -3,219 +3,116 @@
   <!-- eslint-disable max-len -->
   <div :style="{ padding: '32px', backgroundColor: $themeTokens.surface }">
     <h1>Prompts while "Planning a lesson"</h1>
-    <h2>
-      Prompt 1
-    </h2>
-    <h3>
-      Steps to create a new lesson
-    </h3>
-    <p>
-      Lesson objective
-    </p>
+    <h2>Prompt 1</h2>
+    <h3>Steps to create a new lesson</h3>
+    <p>Lesson objective</p>
     <ul>
-      <li>
-        At the end of this session, the learner will be able to ___
-      </li>
+      <li>At the end of this session, the learner will be able to ___</li>
     </ul>
-    <p>
-      Current learner knowledge
-    </p>
+    <p>Current learner knowledge</p>
     <ul>
-      <li>
-        What do the learners already know about this topic?
-      </li>
-      <li>
-        How will the learners tell you what they know about this topic?
-      </li>
-      <li>
-        What else about the topic are they interested in finding out?
-      </li>
+      <li>What do the learners already know about this topic?</li>
+      <li>How will the learners tell you what they know about this topic?</li>
+      <li>What else about the topic are they interested in finding out?</li>
     </ul>
 
-    <h2>
-      Prompt 1.1
-    </h2>
+    <h2>Prompt 1.1</h2>
 
-    <h3>
-      Choosing Kolibri resources
-    </h3>
+    <h3>Choosing Kolibri resources</h3>
 
-    <p>
-      As you add resources, ask:
-    </p>
+    <p>As you add resources, ask:</p>
     <ul>
-      <li>
-        Which resources match this topic best?
-      </li>
-      <li>
-        How are you planning to use the resources?
-      </li>
-      <li>
-        Will learners access resources in groups or individually?
-      </li>
-      <li>
-        How will you enhance learning with that resource?
-      </li>
+      <li>Which resources match this topic best?</li>
+      <li>How are you planning to use the resources?</li>
+      <li>Will learners access resources in groups or individually?</li>
+      <li>How will you enhance learning with that resource?</li>
       <li>
         What teaching techniques will you use to increase learner engagement with this resource?
       </li>
     </ul>
 
-    <h2>
-      Prompt 1.2
-    </h2>
+    <h2>Prompt 1.2</h2>
 
-    <h3>
-      Use "Questioning" along with a Kolibri resource
-    </h3>
+    <h3>Use "Questioning" along with a Kolibri resource</h3>
 
-    <p>
-      Increase learner engagement with content and promote active learning with questions.
-    </p>
+    <p>Increase learner engagement with content and promote active learning with questions.</p>
 
-    <p>
-      Identify resources
-    </p>
+    <p>Identify resources</p>
     <ul>
-      <li>
-        What Kolibri resource will you use for your lesson objective?
-      </li>
-      <li>
-        Go through the resource and create some question statements
-      </li>
+      <li>What Kolibri resource will you use for your lesson objective?</li>
+      <li>Go through the resource and create some question statements</li>
     </ul>
-    <p>
-      What questions will you ask-
-    </p>
+    <p>What questions will you ask-</p>
     <ul>
-      <li>
-        At the beginning of the lesson?
-      </li>
-      <li>
-        While learners are looking at the resources?
-      </li>
-      <li>
-        After learners look at the resources?
-      </li>
-      <li>
-        To summarize the lesson?
-      </li>
+      <li>At the beginning of the lesson?</li>
+      <li>While learners are looking at the resources?</li>
+      <li>After learners look at the resources?</li>
+      <li>To summarize the lesson?</li>
     </ul>
-    <p>
-      Remember
-    </p>
+    <p>Remember</p>
     <ul>
-      <li>
-        Ask a variety of questions throughout the lesson
-      </li>
-      <li>
-        Give appropriate wait time after asking questions
-      </li>
-      <li>
-        Respond to learner questions
-      </li>
-      <li>
-        Provide encouraging feedback to both correct and incorrect responses
-      </li>
+      <li>Ask a variety of questions throughout the lesson</li>
+      <li>Give appropriate wait time after asking questions</li>
+      <li>Respond to learner questions</li>
+      <li>Provide encouraging feedback to both correct and incorrect responses</li>
     </ul>
+    <p>Remember</p>
     <p>
-      Remember
-    </p>
-    <p>
-      The 6 levels classified as per Bloom"s Taxonomy below, can be used to structure learning objectives, lessons, assessments, and questioning
-    </p>
-    <p>
-      Level 1. Knowledge
+      The 6 levels classified as per Bloom"s Taxonomy below, can be used to structure learning
+      objectives, lessons, assessments, and questioning
     </p>
+    <p>Level 1. Knowledge</p>
     <ul>
-      <li>
-        Question cues: List, define, tell, label
-      </li>
+      <li>Question cues: List, define, tell, label</li>
     </ul>
-    <p>
-      Level 2. Comprehension
-    </p>
+    <p>Level 2. Comprehension</p>
     <ul>
-      <li>
-        Question cues: Describe, name, identify, discuss
-      </li>
+      <li>Question cues: Describe, name, identify, discuss</li>
     </ul>
-    <p>
-      Level 3. Application
-    </p>
+    <p>Level 3. Application</p>
     <ul>
-      <li>
-        Question cues: Modify, solve, change, explain
-      </li>
+      <li>Question cues: Modify, solve, change, explain</li>
     </ul>
-    <p>
-      Level 4 - Analysis
-    </p>
+    <p>Level 4 - Analysis</p>
     <ul>
-      <li>
-        Question cues: Analyze, separate, compare, contrast
-      </li>
+      <li>Question cues: Analyze, separate, compare, contrast</li>
     </ul>
-    <p>
-      Level 5. Synthesis
-    </p>
+    <p>Level 5. Synthesis</p>
     <ul>
-      <li>
-        Question cues: Create, construct, plan, role-play
-      </li>
+      <li>Question cues: Create, construct, plan, role-play</li>
     </ul>
-    <p>
-      Level 6. Evaluation
-    </p>
+    <p>Level 6. Evaluation</p>
     <ul>
-      <li>
-        Question cues: Give opinion, criticize, discriminate, summarize
-      </li>
+      <li>Question cues: Give opinion, criticize, discriminate, summarize</li>
     </ul>
 
-    <h2>
-      Prompt 1.3
-    </h2>
+    <h2>Prompt 1.3</h2>
 
-    <h3>
-      Blended learning implementation models
-    </h3>
+    <h3>Blended learning implementation models</h3>
 
+    <p>Whole class model</p>
+    <p>Definition?</p>
+    <p>Example</p>
     <p>
-      Whole class model
-    </p>
-    <p>
-      Definition?
-    </p>
-    <p>
-      Example
-    </p>
-    <p>
-      Here is how a school in Guatemala adapted the whole class model by bridging technology with traditional instruction for a Math lesson. During the lesson all learners -
+      Here is how a school in Guatemala adapted the whole class model by bridging technology with
+      traditional instruction for a Math lesson. During the lesson all learners -
     </p>
     <ul>
-      <li>
-        Viewed a Kolibri resource on a projector
-      </li>
-      <li>
-        Practiced Kolibri exercises independently
-      </li>
-      <li>
-        Engaged in another coach-led activity without using any technology
-      </li>
+      <li>Viewed a Kolibri resource on a projector</li>
+      <li>Practiced Kolibri exercises independently</li>
+      <li>Engaged in another coach-led activity without using any technology</li>
     </ul>
-    <hr>
+    <hr >
+    <p>Rotation model</p>
     <p>
-      Rotation model
+      Learners rotate on a fixed schedule between activities in small groups, individually or as a
+      whole class. One of the activities (or "stations") that learners rotate through is using
+      Kolibri
     </p>
+    <p>Example 1</p>
     <p>
-      Learners rotate on a fixed schedule between activities in small groups, individually or as a whole class. One of the activities (or "stations") that learners rotate through is using Kolibri
-    </p>
-    <p>
-      Example 1
-    </p>
-    <p>
-      The image below is an example of a rotation model with 2 stations. Learners rotate in small groups / individually / as a whole class between these stations
+      The image below is an example of a rotation model with 2 stations. Learners rotate in small
+      groups / individually / as a whole class between these stations
     </p>
     <div>
       <table>
@@ -224,22 +121,22 @@
             <p>Station 1</p>
             <p>Kolibri learning</p>
           </th>
-          <td><img src="./kolibri.png"></td>
+          <td><img src="./kolibri.png" ></td>
         </tr>
         <tr>
           <th>
             <p>Station 2</p>
             <p>Guided practice</p>
           </th>
-          <td><img src="./guided.png"></td>
+          <td><img src="./guided.png" ></td>
         </tr>
       </table>
     </div>
+    <p>Example 2</p>
     <p>
-      Example 2
-    </p>
-    <p>
-      The image below is a rotation model example with 3 learning stations. Learners can rotate in small groups/individually or as a whole class between these stations. Station 3 can include worksheets, free time or related small group work
+      The image below is a rotation model example with 3 learning stations. Learners can rotate in
+      small groups/individually or as a whole class between these stations. Station 3 can include
+      worksheets, free time or related small group work
     </p>
     <div>
       <table>
@@ -248,374 +145,216 @@
             <p>Station 1</p>
             <p>Kolibri learning</p>
           </th>
-          <td><img src="./kolibri.png"></td>
+          <td><img src="./kolibri.png" ></td>
         </tr>
         <tr>
           <th>
             <p>Station 2</p>
             <p>Guided practice</p>
           </th>
-          <td><img src="./guided.png"></td>
+          <td><img src="./guided.png" ></td>
         </tr>
         <tr>
           <th>
             <p>Station 3</p>
             <p>Independent activity</p>
           </th>
-          <td><img src="./independent.png"></td>
+          <td><img src="./independent.png" ></td>
         </tr>
       </table>
     </div>
+    <p>Peer Tutoring</p>
     <p>
-      Peer Tutoring
-    </p>
-    <p>
-      Coach pairs learners to help one another understand concepts on Kolibri. This promotes learner empowerment through teaching one another and frees up time for the coach to assist those who need additional support.
-    </p>
-    <p>
-      Potential pairing options
+      Coach pairs learners to help one another understand concepts on Kolibri. This promotes learner
+      empowerment through teaching one another and frees up time for the coach to assist those who
+      need additional support.
     </p>
+    <p>Potential pairing options</p>
     <ul>
+      <li>Learner who has already mastered a topic with a learner who could benefit from review</li>
       <li>
-        Learner who has already mastered a topic with a learner who could benefit from review
-      </li>
-      <li>
-        Learners with similar mastery levels to facilitate progressing through new content at similar rates
+        Learners with similar mastery levels to facilitate progressing through new content at
+        similar rates
       </li>
     </ul>
-    <hr>
+    <hr >
+    <p>Roving Teacher</p>
     <p>
-      Roving Teacher
-    </p>
-    <p>
-      Coach moves around the classroom while learners work independently or in pairs/groups on Kolibri, stepping in for assistance as needed. The coach can -
+      Coach moves around the classroom while learners work independently or in pairs/groups on
+      Kolibri, stepping in for assistance as needed. The coach can -
     </p>
     <ul>
-      <li>
-        Provide supplemental support to learners
-      </li>
-      <li>
-        Deliver small group lessons or 1-1 interventions as needed
-      </li>
+      <li>Provide supplemental support to learners</li>
+      <li>Deliver small group lessons or 1-1 interventions as needed</li>
     </ul>
     <p>
-      Ideal for the coach who wants to use time more effectively with learners who need it most, through individual attention or organizing groups of multiple struggling learners
+      Ideal for the coach who wants to use time more effectively with learners who need it most,
+      through individual attention or organizing groups of multiple struggling learners
     </p>
-    <hr>
+    <hr >
+    <p>Supplementary resource</p>
     <p>
-      Supplementary resource
-    </p>
-    <p>
-      In this model, technology is available within the classroom, or after class time in a library or resource room. Learners access Kolibri to review content, check understanding, and follow their own interests
-    </p>
-    <hr>
-    <p>
-      Reflect
+      In this model, technology is available within the classroom, or after class time in a library
+      or resource room. Learners access Kolibri to review content, check understanding, and follow
+      their own interests
     </p>
+    <hr >
+    <p>Reflect</p>
     <ul>
+      <li>What are the potential benefits and disadvantages of each model?</li>
+      <li>What help or assistance would you need to implement these different models?</li>
       <li>
-        What are the potential benefits and disadvantages of each model?
-      </li>
-      <li>
-        What help or assistance would you need to implement these different models?
-      </li>
-      <li>
-        What changes would you need to make in your current teaching style to try these different models?
+        What changes would you need to make in your current teaching style to try these different
+        models?
       </li>
     </ul>
 
-    <h2>
-      Prompt 1.4
-    </h2>
+    <h2>Prompt 1.4</h2>
 
-    <h3>
-      Kolibri Session Checklist
-    </h3>
+    <h3>Kolibri Session Checklist</h3>
 
-    <p>
-      Planning Checklist
-    </p>
+    <p>Planning Checklist</p>
     <ul>
-      <li>
-        I have a clear goal on how I want to leverage technology through this class
-      </li>
-      <li>
-        I have identified the objectives that I will be teaching this week
-      </li>
-      <li>
-        I have gone through the content and incorporated relevant content pieces in my plan
-      </li>
-      <li>
-        I have assigned quizzes to learners before class
-      </li>
-      <li>
-        I have assigned lessons to learners before class
-      </li>
-      <li>
-        I have reviewed student progress from the previous session
-      </li>
+      <li>I have a clear goal on how I want to leverage technology through this class</li>
+      <li>I have identified the objectives that I will be teaching this week</li>
+      <li>I have gone through the content and incorporated relevant content pieces in my plan</li>
+      <li>I have assigned quizzes to learners before class</li>
+      <li>I have assigned lessons to learners before class</li>
+      <li>I have reviewed student progress from the previous session</li>
     </ul>
-    <p>
-      Hardware/Software Checklist for Kolibri use:
-    </p>
+    <p>Hardware/Software Checklist for Kolibri use:</p>
     <ul>
-      <li>
-        I have navigated through the platform and am comfortable using the different features
-      </li>
-      <li>
-        My server and local WiFi network / Ethernet connection are working properly
-      </li>
-      <li>
-        The hardware that is required is fully charged
-      </li>
-      <li>
-        All the hardware in my classroom are in good working condition
-      </li>
+      <li>I have navigated through the platform and am comfortable using the different features</li>
+      <li>My server and local WiFi network / Ethernet connection are working properly</li>
+      <li>The hardware that is required is fully charged</li>
+      <li>All the hardware in my classroom are in good working condition</li>
     </ul>
-    <p>
-      Classroom Management Checklist:
-    </p>
+    <p>Classroom Management Checklist:</p>
     <ul>
       <li>
-        My classroom layout allows for learners to work independently and also work in groups/collaborate during the session
-      </li>
-      <li>
-        Learners follow a procedure when they need to ask for assistance
+        My classroom layout allows for learners to work independently and also work in
+        groups/collaborate during the session
       </li>
+      <li>Learners follow a procedure when they need to ask for assistance</li>
       <li>
-        I have written down the classroom procedures, best practices and rules for learners to see during Kolibri sessions
+        I have written down the classroom procedures, best practices and rules for learners to see
+        during Kolibri sessions
       </li>
     </ul>
 
-    <h1>
-      Prompts while "Planning a group"
-    </h1>
-    <h2>
-      Prompt 2
-    </h2>
+    <h1>Prompts while "Planning a group"</h1>
+    <h2>Prompt 2</h2>
 
-    <h3>
-      Strategies to group learners and address learning needs
-    </h3>
+    <h3>Strategies to group learners and address learning needs</h3>
 
     <p>
       The "Group" feature in Kolibri will allow you to meet learning needs of different learners
     </p>
-    <p>
-      Creating "groups"
-    </p>
+    <p>Creating "groups"</p>
     <ul>
-      <li>
-        What are your goals when grouping learners?
-      </li>
-      <li>
-        Do you want groups where all learners are the same level or different levels?
-      </li>
-      <li>
-        How can you best support the varying needs of your learners?
-      </li>
-      <li>
-        How often would the groups change?
-      </li>
-      <li>
-        Will learners be in multiple groups at the same time according to needs?
-      </li>
+      <li>What are your goals when grouping learners?</li>
+      <li>Do you want groups where all learners are the same level or different levels?</li>
+      <li>How can you best support the varying needs of your learners?</li>
+      <li>How often would the groups change?</li>
+      <li>Will learners be in multiple groups at the same time according to needs?</li>
     </ul>
-    <p>
-      Examples of grouping strategies
-    </p>
+    <p>Examples of grouping strategies</p>
     <ul>
-      <li>
-        Learners who have been absent or missed classes
-      </li>
-      <li>
-        Learners who need more help from a coach
-      </li>
-      <li>
-        Learners who need help from other learners
-      </li>
-      <li>
-        Learners who are competent but simply need more practice
-      </li>
-      <li>
-        Learners who are very competent and need advanced material
-      </li>
+      <li>Learners who have been absent or missed classes</li>
+      <li>Learners who need more help from a coach</li>
+      <li>Learners who need help from other learners</li>
+      <li>Learners who are competent but simply need more practice</li>
+      <li>Learners who are very competent and need advanced material</li>
     </ul>
-    <p>
-      Addressing learning needs of different groups
-    </p>
+    <p>Addressing learning needs of different groups</p>
     <ul>
-      <li>
-        Does the group need new materials? Less complicated material?
-      </li>
-      <li>
-        Does the group need another activity or exercise?
-      </li>
-      <li>
-        Does the group need more information? Which information and how?
-      </li>
+      <li>Does the group need new materials? Less complicated material?</li>
+      <li>Does the group need another activity or exercise?</li>
+      <li>Does the group need more information? Which information and how?</li>
     </ul>
     <p>
-      Use the Lessons features and search in Kolibri for appropriate resources based on the learning needs of the groups created
+      Use the Lessons features and search in Kolibri for appropriate resources based on the learning
+      needs of the groups created
     </p>
 
-    <h2>
-      Prompt 2.1
-    </h2>
+    <h2>Prompt 2.1</h2>
 
-    <h3>
-      Setting rules for group work
-    </h3>
+    <h3>Setting rules for group work</h3>
 
-    <p>
-      Involve learners in setting up their own ground rules for group work using Kolibri
-    </p>
+    <p>Involve learners in setting up their own ground rules for group work using Kolibri</p>
 
-    <p>
-      Step 1
-    </p>
-    <p>
-      Write these 3 prompts on the board
-    </p>
+    <p>Step 1</p>
+    <p>Write these 3 prompts on the board</p>
     <ul>
-      <li>
-        Something that I have noticed
-      </li>
-      <li>
-        A change I would like to see
-      </li>
-      <li>
-        A rule I would like to suggest
-      </li>
+      <li>Something that I have noticed</li>
+      <li>A change I would like to see</li>
+      <li>A rule I would like to suggest</li>
     </ul>
-    <p>
-      Step 2
-    </p>
-    <p>
-      Give them an example:
-    </p>
+    <p>Step 2</p>
+    <p>Give them an example:</p>
     <ul>
-      <li>
-        Something that I have noticed - Distributing devices takes a long time
-      </li>
-      <li>
-        A change I would like to see - Faster distributing and collection of devices
-      </li>
-      <li>
-        A rule I would like to suggest - Assign 2 learners to distribute and collect devices
-      </li>
+      <li>Something that I have noticed - Distributing devices takes a long time</li>
+      <li>A change I would like to see - Faster distributing and collection of devices</li>
+      <li>A rule I would like to suggest - Assign 2 learners to distribute and collect devices</li>
     </ul>
-    <p>
-      Step 3
-    </p>
+    <p>Step 3</p>
     <ul>
+      <li>Give learners individual time to think and come up with suggestions</li>
       <li>
-        Give learners individual time to think and come up with suggestions
-      </li>
-      <li>
-        Let your learners know that you trust them to make constructive suggestions that are helpful to both learners and the coach
+        Let your learners know that you trust them to make constructive suggestions that are helpful
+        to both learners and the coach
       </li>
     </ul>
-    <p>
-      Step 4
-    </p>
+    <p>Step 4</p>
     <ul>
+      <li>Ask learners to work in groups and discuss various suggestions</li>
+      <li>Ask a learner in each group to take notes and report to the class later</li>
       <li>
-        Ask learners to work in groups and discuss various suggestions
-      </li>
-      <li>
-        Ask a learner in each group to take notes and report to the class later
-      </li>
-      <li>
-        After all reports are heard, write the suggestions on the board and work on it more with your learners and prepare a class charter
-      </li>
-      <li>
-        Put the charter on the wall to keep everyone accountable to it
+        After all reports are heard, write the suggestions on the board and work on it more with
+        your learners and prepare a class charter
       </li>
+      <li>Put the charter on the wall to keep everyone accountable to it</li>
     </ul>
-    <p>
-      Adapted from "OER4Schools"
-    </p>
-    <p>
-      Content is available under Creative Commons Attribution-ShareAlike
-    </p>
+    <p>Adapted from "OER4Schools"</p>
+    <p>Content is available under Creative Commons Attribution-ShareAlike</p>
 
-    <p>
-      Source: Adapted this from OER4SCHOOLS video
-    </p>
-    <h2>
-      Prompt 2.2
-    </h2>
+    <p>Source: Adapted this from OER4SCHOOLS video</p>
+    <h2>Prompt 2.2</h2>
 
-    <h3>
-      Preparing for group work
-    </h3>
+    <h3>Preparing for group work</h3>
 
-    <p>
-      Physical Space
-    </p>
+    <p>Physical Space</p>
     <ul>
-      <li>
-        How will learners be physically arranged in groups?
-      </li>
+      <li>How will learners be physically arranged in groups?</li>
       <li>
         Do you want learners to circle up? If there are desks, how do you want to arrange the desks?
       </li>
-      <li>
-        If the desks cannot be moved, how should learners be seated around the desks?
-      </li>
-      <li>
-        Will all learners be able to sit comfortably with their devices?
-      </li>
-      <li>
-        How will the layout of your classroom impact sound in the room?
-      </li>
-      <li>
-        How can you moderate the activity to control sound?
-      </li>
+      <li>If the desks cannot be moved, how should learners be seated around the desks?</li>
+      <li>Will all learners be able to sit comfortably with their devices?</li>
+      <li>How will the layout of your classroom impact sound in the room?</li>
+      <li>How can you moderate the activity to control sound?</li>
     </ul>
-    <p>
-      Remember
-    </p>
+    <p>Remember</p>
     <ul>
+      <li>Talk to learners about their past experiences with group work</li>
       <li>
-        Talk to learners about their past experiences with group work
-      </li>
-      <li>
-        Allow them to establish some ground rules for successful collaboration before introducing any hardware
+        Allow them to establish some ground rules for successful collaboration before introducing
+        any hardware
       </li>
     </ul>
-    <p>
-      Features of group sizes and recommendations for use:
-    </p>
+    <p>Features of group sizes and recommendations for use:</p>
 
-    <p>
-      Group size
-    </p>
-    <p>
-      2 to 3 learners
-    </p>
+    <p>Group size</p>
+    <p>2 to 3 learners</p>
 
-    <p>
-      Recommended use cases
-    </p>
+    <p>Recommended use cases</p>
     <ul>
-      <li>
-        Ideal for working with computers.
-      </li>
-      <li>
-        For drill and practice of previous/new concepts
-      </li>
-      <li>
-        Sharing of personal experiences
-      </li>
-      <li>
-        When use of 1 resource is expected by all group members at the same time
-      </li>
+      <li>Ideal for working with computers.</li>
+      <li>For drill and practice of previous/new concepts</li>
+      <li>Sharing of personal experiences</li>
+      <li>When use of 1 resource is expected by all group members at the same time</li>
     </ul>
-    <p>
-      Seating arrangement
-    </p>
+    <p>Seating arrangement</p>
 
     <div>
       <table>
@@ -624,47 +363,34 @@
             <p>Option 1</p>
             <p>Next to each other</p>
           </th>
-          <td><img src="./pair.png"></td>
+          <td><img src="./pair.png" ></td>
         </tr>
         <tr>
           <th>
             <p>Option 2</p>
             <p>In a triangle</p>
           </th>
-          <td><img src="./triangle.png"></td>
+          <td><img src="./triangle.png" ></td>
         </tr>
       </table>
     </div>
 
-    <hr>
+    <hr >
 
-    <p>
-      Group size
-    </p>
-    <p>
-      4 - 6 learners
-    </p>
+    <p>Group size</p>
+    <p>4 - 6 learners</p>
 
-    <p>
-      Recommended use cases
-    </p>
+    <p>Recommended use cases</p>
     <ul>
+      <li>When objective is to explore a new concept rather than drill and practice</li>
+      <li>When learners take turns to use resources within the group</li>
       <li>
-        When objective is to explore a new concept rather than drill and practice
-      </li>
-      <li>
-        When learners take turns to use resources within the group
-      </li>
-      <li>
-        For group work outside the classroom as peers ensure each other"s safety and peer pressure keeps focus on learning
-      </li>
-      <li>
-        Useful when the expected outcome is writing or a performance
+        For group work outside the classroom as peers ensure each other"s safety and peer pressure
+        keeps focus on learning
       </li>
+      <li>Useful when the expected outcome is writing or a performance</li>
     </ul>
-    <p>
-      Seating arrangement
-    </p>
+    <p>Seating arrangement</p>
 
     <div>
       <table>
@@ -673,56 +399,46 @@
             <p>Option 1</p>
             <p>In a square</p>
           </th>
-          <td><img src="./square.png"></td>
+          <td><img src="./square.png" ></td>
         </tr>
         <tr>
           <th>
             <p>Option 2</p>
             <p>In a rectangle</p>
           </th>
-          <td><img src="./rectangle.png"></td>
+          <td><img src="./rectangle.png" ></td>
         </tr>
         <tr>
           <th>
             <p>Option 2</p>
             <p>In a circle</p>
           </th>
-          <td><img src="./circle.png"></td>
+          <td><img src="./circle.png" ></td>
         </tr>
         <tr>
           <th>
             <p>Option 2</p>
             <p>In a horseshoe</p>
           </th>
-          <td><img src="./horseshoe.png"></td>
+          <td><img src="./horseshoe.png" ></td>
         </tr>
       </table>
     </div>
 
+    <hr >
 
-    <hr>
+    <p>Group size</p>
+    <p>7 - 12 learners</p>
 
-    <p>
-      Group size
-    </p>
-    <p>
-      7 - 12 learners
-    </p>
-
-    <p>
-      Recommended use cases
-    </p>
+    <p>Recommended use cases</p>
     <ul>
       <li>
-        When expected outcome is a performance, such as drama or puppet show, as more time can be given for each presentation
-      </li>
-      <li>
-        When concept requires further sub-grouping
+        When expected outcome is a performance, such as drama or puppet show, as more time can be
+        given for each presentation
       </li>
+      <li>When concept requires further sub-grouping</li>
     </ul>
-    <p>
-      Seating arrangement
-    </p>
+    <p>Seating arrangement</p>
 
     <div>
       <table>
@@ -731,323 +447,184 @@
             <p>Option 2</p>
             <p>In a circle</p>
           </th>
-          <td><img src="./circle.png"></td>
+          <td><img src="./circle.png" ></td>
         </tr>
         <tr>
           <th>
             <p>Option 2</p>
             <p>In a horseshoe</p>
           </th>
-          <td><img src="./horseshoe.png"></td>
+          <td><img src="./horseshoe.png" ></td>
         </tr>
       </table>
     </div>
 
-    <p>
-      Arranged in subgroups of 2, 3, 4, 5 or 6
-    </p>
-
+    <p>Arranged in subgroups of 2, 3, 4, 5 or 6</p>
 
+    <p>Adapted from "OER4Schools"</p>
     <p>
-      Adapted from "OER4Schools"
-    </p>
-    <p>
-      Content is available under Creative Commons Attribution-ShareAlike or Attribution-NonCommercial unless otherwise noted
+      Content is available under Creative Commons Attribution-ShareAlike or
+      Attribution-NonCommercial unless otherwise noted
     </p>
 
-    <p>
-      Adapted from "OER4Schools"
-    </p>
-    <h1>
-      Prompts while "Planning a quiz"
-    </h1>
-    <h2>
-      Prompt 3
-    </h2>
+    <p>Adapted from "OER4Schools"</p>
+    <h1>Prompts while "Planning a quiz"</h1>
+    <h2>Prompt 3</h2>
 
-    <h3>
-      Strategies for planning quizzes
-    </h3>
+    <h3>Strategies for planning quizzes</h3>
 
-    <p>
-      Set learning objectives
-    </p>
+    <p>Set learning objectives</p>
     <ul>
       <li>
-        Learning objectives are the objectives of the lesson you want learners to perceive and strive toward achieving
+        Learning objectives are the objectives of the lesson you want learners to perceive and
+        strive toward achieving
       </li>
     </ul>
-    <p>
-      Imagine different use cases
-    </p>
+    <p>Imagine different use cases</p>
     <ul>
+      <li>Pre-quiz: quiz to understand learner levels on a particular topic before it is taught</li>
+      <li>Post-quiz quiz to understand learner levels on a particular topic after it is taught</li>
       <li>
-        Pre-quiz: quiz to understand learner levels on a particular topic before it is taught
-      </li>
-      <li>
-        Post-quiz quiz to understand learner levels on a particular topic after it is taught
-      </li>
-      <li>
-        Differentiated quizzes - different quizzes assigned to different groups of learners to meet their learning needs
+        Differentiated quizzes - different quizzes assigned to different groups of learners to meet
+        their learning needs
       </li>
     </ul>
 
-    <h2>
-      Prompt 3.1
-    </h2>
+    <h2>Prompt 3.1</h2>
 
-    <h3>
-      Use quiz data to adjust and inform instruction
-    </h3>
+    <h3>Use quiz data to adjust and inform instruction</h3>
 
-    <p>
-      Reflect on the Pre-Quiz score
-    </p>
+    <p>Reflect on the Pre-Quiz score</p>
     <ul>
-      <li>
-        What learning  objectives have learners mastered?
-      </li>
-      <li>
-        What are their needs?
-      </li>
-    </ul><p>
-      (Pre-Quiz is a formative assessment taken to understand learner levels on a particular topic before it is taught)
-    </p>
-
+      <li>What learning objectives have learners mastered?</li>
+      <li>What are their needs?</li>
+    </ul>
     <p>
-      Set goals based on the data
+      (Pre-Quiz is a formative assessment taken to understand learner levels on a particular topic
+      before it is taught)
     </p>
+
+    <p>Set goals based on the data</p>
     <ul>
       <li>
         What goals do you need to set for your learners based on their needs and their mastery?
       </li>
-      <li>
-        Are there different goals for different learners?
-      </li>
-      <li>
-        How will you achieve these goals?
-      </li>
+      <li>Are there different goals for different learners?</li>
+      <li>How will you achieve these goals?</li>
     </ul>
-    <p>
-      Reflect on the Post-Quiz score
-    </p>
+    <p>Reflect on the Post-Quiz score</p>
     <ul>
-      <li>
-        Have the goals been met? Why/Why not?
-      </li>
-      <li>
-        What are your next steps?
-      </li>
-    </ul><p>
-      (Post-Quiz is a formative assessment taken to understand learner levels on a particular topic after it is taught)
+      <li>Have the goals been met? Why/Why not?</li>
+      <li>What are your next steps?</li>
+    </ul>
+    <p>
+      (Post-Quiz is a formative assessment taken to understand learner levels on a particular topic
+      after it is taught)
     </p>
 
-    <h1>
-      Prompts while viewing "        Lesson reports"
-    </h1>
-    <h2>
-      Prompt 4
-    </h2>
+    <h1>Prompts while viewing " Lesson reports"</h1>
+    <h2>Prompt 4</h2>
 
-    <h3>
-      Support learners who have "completed"
-    </h3>
+    <h3>Support learners who have "completed"</h3>
 
-    <p>
-      If a learner/group has completed, ask:
-    </p>
+    <p>If a learner/group has completed, ask:</p>
     <ul>
-      <li>
-        A "how" or a "why" question
-      </li>
-      <li>
-        For evidence
-      </li>
-      <li>
-        To reach the same answer with a different working
-      </li>
+      <li>A "how" or a "why" question</li>
+      <li>For evidence</li>
+      <li>To reach the same answer with a different working</li>
     </ul>
-    <p>
-      Encourage learners to extend their responses
-    </p>
+    <p>Encourage learners to extend their responses</p>
     <ul>
-      <li>
-        Use verbal prompts. Example: &#39;Keep going&#39;, &#39;develop.&#39;
-      </li>
-      <li>
-        Use non-verbal prompts. Example:  Make a rolling motion with the hands etc.
-      </li>
+      <li>Use verbal prompts. Example: &#39;Keep going&#39;, &#39;develop.&#39;</li>
+      <li>Use non-verbal prompts. Example: Make a rolling motion with the hands etc.</li>
     </ul>
-    <p>
-      After assessing mastery
-    </p>
+    <p>After assessing mastery</p>
     <ul>
-      <li>
-        Assign learners additional resources using the Lessons feature in Kolibri
-      </li>
-      <li>
-        Pair them up with a learner who needs help
-      </li>
+      <li>Assign learners additional resources using the Lessons feature in Kolibri</li>
+      <li>Pair them up with a learner who needs help</li>
     </ul>
-    <p>
-      Evaluate teaching strategies
-    </p>
+    <p>Evaluate teaching strategies</p>
     <ul>
-      <li>
-        Which teaching strategies helped to have a smooth and engaging class?
-      </li>
+      <li>Which teaching strategies helped to have a smooth and engaging class?</li>
     </ul>
 
-    <h2>
-      Prompt 4.1
-    </h2>
+    <h2>Prompt 4.1</h2>
 
-    <h3>
-      Support learners who "need help"
-    </h3>
+    <h3>Support learners who "need help"</h3>
 
-    <p>
-      Provide with a small hint
-    </p>
+    <p>Provide with a small hint</p>
     <ul>
-      <li>
-        Share a different example
-      </li>
-      <li>
-        Give some context
-      </li>
-      <li>
-        Tell the rule, but not the answer
-      </li>
-      <li>
-        Provide the first or earlier step in the thought process
-      </li>
-      <li>
-        Repeat the learner&#39;s wrong answer back to them
-      </li>
+      <li>Share a different example</li>
+      <li>Give some context</li>
+      <li>Tell the rule, but not the answer</li>
+      <li>Provide the first or earlier step in the thought process</li>
+      <li>Repeat the learner&#39;s wrong answer back to them</li>
     </ul>
-    <p>
-      Encourage learners to extend their responses with -
-    </p>
+    <p>Encourage learners to extend their responses with -</p>
     <ul>
-      <li>
-        Verbal prompts. Example:  &#39;Keep going&#39;, &#39;develop.&#39;
-      </li>
-      <li>
-        Non-verbal prompts. Example: Make a rolling motion with the hands etc.
-      </li>
+      <li>Verbal prompts. Example: &#39;Keep going&#39;, &#39;develop.&#39;</li>
+      <li>Non-verbal prompts. Example: Make a rolling motion with the hands etc.</li>
     </ul>
-    <p>
-      After assessing their understanding -
-    </p>
+    <p>After assessing their understanding -</p>
     <ul>
       <li>
-        Assign additional resources using the "lessons" feature in Kolibri based on their specific learning needs
-      </li>
-      <li>
-        Pair them up with a learner who has achieved mastery for the particular objective
+        Assign additional resources using the "lessons" feature in Kolibri based on their specific
+        learning needs
       </li>
+      <li>Pair them up with a learner who has achieved mastery for the particular objective</li>
     </ul>
 
-    <h1>
-      Prompts while viewing "Quiz reports"
-    </h1>
-    <h2>
-      Prompt 5
-    </h2>
+    <h1>Prompts while viewing "Quiz reports"</h1>
+    <h2>Prompt 5</h2>
 
-    <h3>
-      Analyzing Quiz reports
-    </h3>
+    <h3>Analyzing Quiz reports</h3>
 
-    <p>
-      Observe and Analyze
-    </p>
+    <p>Observe and Analyze</p>
     <ul>
-      <li>
-        What are some patterns that are emerging?
-      </li>
-    </ul><ul>
-      <li>
-        How many learners scored above your expected goal?
-      </li>
-      <li>
-        How many learners scored below your expected goal?
-      </li>
-      <li>
-        How many learners met your expected goal?
-      </li>
-    </ul><ul>
-      <li>
-        What seems to be surprising or unexpected?
-      </li>
+      <li>What are some patterns that are emerging?</li>
     </ul>
-    <p>
-      Use the data to inform student learning needs
-    </p>
+    <ul>
+      <li>How many learners scored above your expected goal?</li>
+      <li>How many learners scored below your expected goal?</li>
+      <li>How many learners met your expected goal?</li>
+    </ul>
+    <ul>
+      <li>What seems to be surprising or unexpected?</li>
+    </ul>
+    <p>Use the data to inform student learning needs</p>
     <ul>
       <li>
-        Have individual conversations with learners to address questions and motivate them on their next steps
-      </li>
-      <li>
-        Adjust their learning needs and assign further resources accordingly
+        Have individual conversations with learners to address questions and motivate them on their
+        next steps
       </li>
+      <li>Adjust their learning needs and assign further resources accordingly</li>
     </ul>
-    <p>
-      Set goals based on the data
-    </p>
+    <p>Set goals based on the data</p>
     <ul>
       <li>
         What goals do you need to set for your learners based on their needs and their mastery?
       </li>
-      <li>
-        Are there different goals for different learners?
-      </li>
-      <li>
-        How will you achieve these goals?
-      </li>
+      <li>Are there different goals for different learners?</li>
+      <li>How will you achieve these goals?</li>
     </ul>
 
-    <h1>
-      Prompts while viewing "Group reports"
-    </h1>
-    <h2>
-      Prompt 6
-    </h2>
+    <h1>Prompts while viewing "Group reports"</h1>
+    <h2>Prompt 6</h2>
 
-    <h3>
-      Analyzing Group reports
-    </h3>
+    <h3>Analyzing Group reports</h3>
 
-    <p>
-      Use the data to inform learner grouping and differentiation
-    </p>
+    <p>Use the data to inform learner grouping and differentiation</p>
     <ul>
-      <li>
-        Choose learner groups
-      </li>
-      <li>
-        Create seating charts
-      </li>
-      <li>
-        Adjust learning needs and assign further resources accordingly
-      </li>
+      <li>Choose learner groups</li>
+      <li>Create seating charts</li>
+      <li>Adjust learning needs and assign further resources accordingly</li>
     </ul>
-    <p>
-      Set goals based on the data
-    </p>
+    <p>Set goals based on the data</p>
     <ul>
-      <li>
-        What goals do you need to set for your groups based on their needs and their mastery?
-      </li>
-      <li>
-        Are there different goals for different groups?
-      </li>
-      <li>
-        How will you achieve these goals?
-      </li>
+      <li>What goals do you need to set for your groups based on their needs and their mastery?</li>
+      <li>Are there different goals for different groups?</li>
+      <li>How will you achieve these goals?</li>
     </ul>
-
   </div>
   <!-- eslint-enable max-len -->
 
diff --git a/kolibri/plugins/coach/assets/src/views/StorageNotificationBanner.vue b/kolibri/plugins/coach/assets/src/views/StorageNotificationBanner.vue
index 31c9dde2027..a0d103ae377 100644
--- a/kolibri/plugins/coach/assets/src/views/StorageNotificationBanner.vue
+++ b/kolibri/plugins/coach/assets/src/views/StorageNotificationBanner.vue
@@ -1,10 +1,13 @@
 <template>
 
-  <div class="alert" :style="{ backgroundColor: $themePalette.red.v_200, display: displayBanner }">
+  <div
+    class="alert"
+    :style="{ backgroundColor: $themePalette.red.v_200, display: displayBanner }"
+  >
     <h1 style="display: none">
       {{ $tr('insufficientStorageHeader') }}
     </h1>
-    <div style="display:flex">
+    <div style="display: flex">
       <div>
         <KIcon
           icon="error"
@@ -30,9 +33,7 @@
           @click="closeAlert"
         />
       </div>
-
     </div>
-
   </div>
 
 </template>
@@ -47,7 +48,7 @@
   export default {
     name: 'StorageNotificationBanner',
     components: {},
-    data: function() {
+    data: function () {
       return {
         displayBanner: 'auto',
         notificationDismissal: {},
@@ -96,17 +97,21 @@
 
 
 <style scoped>
-.alert {
-  padding: 10px;
-  margin-bottom: 15px;
-}
-.icon {
-  height: 24px;
-  width: 24px;
-  margin-top: 3px;
-}
-.error-message {
-  font-size:14px;
-  margin: 7px 7px 0px 10px;
-}
+
+  .alert {
+    padding: 10px;
+    margin-bottom: 15px;
+  }
+
+  .icon {
+    width: 24px;
+    height: 24px;
+    margin-top: 3px;
+  }
+
+  .error-message {
+    margin: 7px 7px 0 10px;
+    font-size: 14px;
+  }
+
 </style>
diff --git a/kolibri/plugins/coach/assets/src/views/common.js b/kolibri/plugins/coach/assets/src/views/common.js
index 0764bed7c49..1ae8bcbf665 100644
--- a/kolibri/plugins/coach/assets/src/views/common.js
+++ b/kolibri/plugins/coach/assets/src/views/common.js
@@ -189,7 +189,7 @@ export default {
             },
             {
               groups: 'true',
-            }
+            },
           );
         case LastPages.EXERCISE_QUESTION_LIST:
           return this.classRoute('ReportsLessonExerciseQuestionListPage', {
@@ -207,7 +207,7 @@ export default {
             },
             {
               groups: 'true',
-            }
+            },
           );
         default:
           if (lastPage) {
diff --git a/kolibri/plugins/coach/assets/src/views/common/BackLink.vue b/kolibri/plugins/coach/assets/src/views/common/BackLink.vue
index b42557351e5..a215d02702e 100644
--- a/kolibri/plugins/coach/assets/src/views/common/BackLink.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/BackLink.vue
@@ -1,8 +1,15 @@
 <template>
 
   <!-- TODO: move this to be a core KBackLink -->
-  <span v-show="!$isPrint" class="offset">
-    <KRouterLink :to="to" icon="back" :text="text" />
+  <span
+    v-show="!$isPrint"
+    class="offset"
+  >
+    <KRouterLink
+      :to="to"
+      icon="back"
+      :text="text"
+    />
   </span>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/common/HeaderTabs/HeaderTab.vue b/kolibri/plugins/coach/assets/src/views/common/HeaderTabs/HeaderTab.vue
index f6b73082f83..4d00a5dc7fe 100644
--- a/kolibri/plugins/coach/assets/src/views/common/HeaderTabs/HeaderTab.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/HeaderTabs/HeaderTab.vue
@@ -8,7 +8,10 @@
     :style="{ color: $themeTokens.annotation }"
     :class="defaultStyles"
   >
-    <div class="inner" :style="{ borderColor: this.$themeTokens.primary }">
+    <div
+      class="inner"
+      :style="{ borderColor: $themeTokens.primary }"
+    >
       {{ text }}
     </div>
   </router-link>
diff --git a/kolibri/plugins/coach/assets/src/views/common/LearnerExerciseReport.vue b/kolibri/plugins/coach/assets/src/views/common/LearnerExerciseReport.vue
index be8b41f0318..87152ec95b1 100644
--- a/kolibri/plugins/coach/assets/src/views/common/LearnerExerciseReport.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/LearnerExerciseReport.vue
@@ -1,7 +1,10 @@
 <template>
 
   <KPageContainer :topMargin="0">
-    <MissingResourceAlert v-if="!exercise.available" :multiple="false" />
+    <MissingResourceAlert
+      v-if="!exercise.available"
+      :multiple="false"
+    />
     <ExamReport
       :contentId="exercise.content_id"
       :title="exercise.title"
@@ -53,12 +56,12 @@
       questions() {
         return this.exercise
           ? this.exercise.assessmentmetadata.assessment_item_ids.map((id, index) => ({
-              item: id,
-              question_id: id,
-              exercise_id: this.exercise.id,
-              counter_in_exercise: index,
-              title: this.exercise.title,
-            }))
+            item: id,
+            question_id: id,
+            exercise_id: this.exercise.id,
+            counter_in_exercise: index,
+            title: this.exercise.title,
+          }))
           : [];
       },
     },
diff --git a/kolibri/plugins/coach/assets/src/views/common/LessonStatus.vue b/kolibri/plugins/coach/assets/src/views/common/LessonStatus.vue
index df953e53e30..5d53ed67f65 100644
--- a/kolibri/plugins/coach/assets/src/views/common/LessonStatus.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/LessonStatus.vue
@@ -3,8 +3,14 @@
   <KPageContainer :topMargin="$isPrint ? 0 : 24">
     <KGrid gutter="16">
       <!-- Class name, for print only -->
-      <div v-if="$isPrint" class="status-item">
-        <KGridItem class="status-label" :layout12="layout12Label">
+      <div
+        v-if="$isPrint"
+        class="status-item"
+      >
+        <KGridItem
+          class="status-label"
+          :layout12="layout12Label"
+        >
           {{ coachString('classLabel') }}
         </KGridItem>
         <KGridItem :layout12="layout12Value">
@@ -13,8 +19,14 @@
       </div>
 
       <!-- Visibility status/switch -->
-      <div v-show="!$isPrint" class="status-item visibility-item">
-        <KGridItem class="status-label" :layout12="{ span: 8 }">
+      <div
+        v-show="!$isPrint"
+        class="status-item visibility-item"
+      >
+        <KGridItem
+          class="status-label"
+          :layout12="{ span: 8 }"
+        >
           {{ coachString('lessonVisibleLabel') }}
         </KGridItem>
         <KGridItem :layout12="{ span: 4 }">
@@ -30,7 +42,10 @@
 
       <!-- Recipients -->
       <div class="status-item">
-        <KGridItem class="status-label" :layout12="layout12Label">
+        <KGridItem
+          class="status-label"
+          :layout12="layout12Label"
+        >
           {{ coachString('recipientsLabel') }}
         </KGridItem>
         <KGridItem :layout12="layout12Value">
@@ -45,7 +60,10 @@
 
       <!-- Description -->
       <div class="status-item">
-        <KGridItem class="status-label" :layout12="layout12Label">
+        <KGridItem
+          class="status-label"
+          :layout12="layout12Label"
+        >
           {{ coachString('descriptionLabel') }}
         </KGridItem>
         <KGridItem :layout12="layout12Value">
@@ -59,7 +77,10 @@
 
       <!-- Lesson Sizes -->
       <div class="status-item">
-        <KGridItem class="status-label" :layout12="layout12Label">
+        <KGridItem
+          class="status-label"
+          :layout12="layout12Label"
+        >
           {{ coachString('sizeLabel') }}
         </KGridItem>
         <KGridItem :layout12="layout12Value">
diff --git a/kolibri/plugins/coach/assets/src/views/common/Placeholder.vue b/kolibri/plugins/coach/assets/src/views/common/Placeholder.vue
index 4502d9653ba..5cc4b3aaa82 100644
--- a/kolibri/plugins/coach/assets/src/views/common/Placeholder.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/Placeholder.vue
@@ -2,7 +2,11 @@
 
   <span class="placeholder-wrapper">
     <slot v-if="ready"></slot>
-    <span v-else class="placeholder" :style="placeholderStyle"></span>
+    <span
+      v-else
+      class="placeholder"
+      :style="placeholderStyle"
+    ></span>
   </span>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/common/QuestionDetailLearnerList.vue b/kolibri/plugins/coach/assets/src/views/common/QuestionDetailLearnerList.vue
index fd20f288611..bcec187443f 100644
--- a/kolibri/plugins/coach/assets/src/views/common/QuestionDetailLearnerList.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/QuestionDetailLearnerList.vue
@@ -5,7 +5,10 @@
       {{ coreString('learnersLabel') }}
     </h3>
 
-    <ul ref="learnerList" class="history-list">
+    <ul
+      ref="learnerList"
+      class="history-list"
+    >
       <template v-for="(learner, index) in learners">
         <li
           :key="index"
@@ -20,7 +23,7 @@
             <KIcon
               v-if="learner.noattempt"
               class="item svg-item"
-              :style=" { fill: $themeTokens.annotation }"
+              :style="{ fill: $themeTokens.annotation }"
               icon="cancel"
             />
             <KIcon
@@ -32,7 +35,7 @@
             <KIcon
               v-else-if="learner.hinted"
               class="item svg-item"
-              :style=" { fill: $themeTokens.annotation }"
+              :style="{ fill: $themeTokens.annotation }"
               icon="hint"
             />
             <h3 class="item">
diff --git a/kolibri/plugins/coach/assets/src/views/common/QuestionLearnersReport.vue b/kolibri/plugins/coach/assets/src/views/common/QuestionLearnersReport.vue
index bee840f900c..1c015bf50e8 100644
--- a/kolibri/plugins/coach/assets/src/views/common/QuestionLearnersReport.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/QuestionLearnersReport.vue
@@ -20,14 +20,20 @@
         </div>
       </template>
 
-      <template v-if="learners.length > 0" #aside>
+      <template
+        v-if="learners.length > 0"
+        #aside
+      >
         <QuestionDetailLearnerList
           :learners="learners"
           :selectedLearnerNumber="learnerIndex"
           @select="navigateToNewAttempt($event)"
         />
       </template>
-      <template v-if="learners.length > 0" #main>
+      <template
+        v-if="learners.length > 0"
+        #main
+      >
         <div
           class="exercise-section"
           :style="{ backgroundColor: $themeTokens.surface }"
diff --git a/kolibri/plugins/coach/assets/src/views/common/QuizLessonDetailsHeader.vue b/kolibri/plugins/coach/assets/src/views/common/QuizLessonDetailsHeader.vue
index eb53f82ed0c..539bbb0eb5d 100644
--- a/kolibri/plugins/coach/assets/src/views/common/QuizLessonDetailsHeader.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/QuizLessonDetailsHeader.vue
@@ -1,8 +1,6 @@
 <template>
 
-  <KPageContainer
-    style="padding-top: 24px;"
-  >
+  <KPageContainer style="padding-top: 24px">
     <BackLink
       :to="backlink"
       :text="backlinkLabel"
@@ -21,7 +19,11 @@
               :label="resource.title"
             />
           </h1>
-          <StatusElapsedTime v-show="!$isPrint" :date="createdDate" actionType="created" />
+          <StatusElapsedTime
+            v-show="!$isPrint"
+            :date="createdDate"
+            actionType="created"
+          />
         </div>
       </template>
       <template #options>
@@ -31,7 +33,6 @@
       </template>
     </HeaderWithOptions>
     <MissingResourceAlert v-if="resource.missing_resource" />
-
   </KPageContainer>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/common/QuizStatus.vue b/kolibri/plugins/coach/assets/src/views/common/QuizStatus.vue
index 7cc4653cfbf..564dac244ef 100644
--- a/kolibri/plugins/coach/assets/src/views/common/QuizStatus.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/QuizStatus.vue
@@ -3,7 +3,10 @@
   <KPageContainer :topMargin="$isPrint ? 0 : 16">
     <KGrid gutter="16">
       <!-- Quiz Open button -->
-      <div v-if="!exam.active && !exam.archive && !$isPrint" class="status-item">
+      <div
+        v-if="!exam.active && !exam.archive && !$isPrint"
+        class="status-item"
+      >
         <KGridItem
           class="status-label"
           :layout4="{ span: 4 }"
@@ -20,7 +23,10 @@
       </div>
 
       <!-- Quiz Close button & time since opened -->
-      <div v-if="exam.active && !exam.archive && !$isPrint" class="status-item">
+      <div
+        v-if="exam.active && !exam.archive && !$isPrint"
+        class="status-item"
+      >
         <KGridItem
           :layout4="{ span: 4 }"
           :layout8="{ span: 4 }"
@@ -41,13 +47,16 @@
           <StatusElapsedTime
             :date="examDateOpened"
             actionType="opened"
-            style="display: block; margin-top: 8px;"
+            style="display: block; margin-top: 8px"
           />
         </KGridItem>
       </div>
 
       <!-- Quiz Closed label & time since closed -->
-      <div v-if="exam.archive && !$isPrint" class="status-item">
+      <div
+        v-if="exam.archive && !$isPrint"
+        class="status-item"
+      >
         <KGridItem
           class="status-label"
           :layout4="{ span: 4 }"
@@ -61,10 +70,16 @@
           :layout8="{ span: 4 }"
           :layout12="{ span: 12 }"
         >
-          <ElapsedTime :date="examDateArchived" style="margin-top: 8px;" />
+          <ElapsedTime
+            :date="examDateArchived"
+            style="margin-top: 8px"
+          />
         </KGridItem>
       </div>
-      <div v-if="exam.archive && !$isPrint" class="status-item">
+      <div
+        v-if="exam.archive && !$isPrint"
+        class="status-item"
+      >
         <KGridItem
           class="status-label"
           :layout4="{ span: 4 }"
@@ -81,7 +96,7 @@
           <KSwitch
             name="toggle-quiz-visibility"
             label=""
-            style="display:inline;"
+            style="display: inline"
             :checked="exam.active"
             :value="exam.active"
             @change="handleToggleVisibility"
@@ -90,7 +105,10 @@
       </div>
 
       <!-- Class name  -->
-      <div v-show="$isPrint" class="status-item">
+      <div
+        v-show="$isPrint"
+        class="status-item"
+      >
         <KGridItem
           class="status-label"
           :layout4="{ span: 4 }"
@@ -143,7 +161,10 @@
           :layout12="layout12Label"
         >
           <span>{{ coachString('avgScoreLabel') }}</span>
-          <AverageScoreTooltip v-show="!$isPrint" class="avg-score-info" />
+          <AverageScoreTooltip
+            v-show="!$isPrint"
+            class="avg-score-info"
+          />
         </KGridItem>
         <KGridItem
           :layout4="{ span: 4 }"
@@ -155,7 +176,10 @@
       </div>
 
       <!-- Question Order -->
-      <div v-if="!$isPrint" class="status-item">
+      <div
+        v-if="!$isPrint"
+        class="status-item"
+      >
         <KGridItem
           class="status-label"
           :layout4="{ span: 4 }"
@@ -174,7 +198,10 @@
       </div>
 
       <!-- quiz size -->
-      <div v-if="!$isPrint" class="status-item">
+      <div
+        v-if="!$isPrint"
+        class="status-item"
+      >
         <KGridItem
           class="status-label"
           :layout4="{ span: 4 }"
@@ -191,8 +218,6 @@
           <p>{{ exam.size_string ? exam.size_string : '--' }}</p>
         </KGridItem>
       </div>
-
-
     </KGrid>
 
     <KModal
@@ -251,7 +276,6 @@
         @change="dontShowAgainChecked = $event"
       />
     </KModal>
-
   </KPageContainer>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/common/Score.vue b/kolibri/plugins/coach/assets/src/views/common/Score.vue
index 9bd874b99de..35853419c9b 100644
--- a/kolibri/plugins/coach/assets/src/views/common/Score.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/Score.vue
@@ -4,8 +4,14 @@
     <KEmptyPlaceholder v-if="value === undefined || value === null" />
     <template v-else>{{ $formatNumber(value, { style: 'percent' }) }}</template>
     &nbsp;
-    <span v-if="diff" :style="diffStyle">{{ diffDisplay }}</span>
-    <KEmptyPlaceholder v-else-if="diff === 0" :style="diffStyle" />
+    <span
+      v-if="diff"
+      :style="diffStyle"
+    >{{ diffDisplay }}</span>
+    <KEmptyPlaceholder
+      v-else-if="diff === 0"
+      :style="diffStyle"
+    />
   </span>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/common/StatusElapsedTime.vue b/kolibri/plugins/coach/assets/src/views/common/StatusElapsedTime.vue
index 713ea026c97..1cedce05165 100644
--- a/kolibri/plugins/coach/assets/src/views/common/StatusElapsedTime.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/StatusElapsedTime.vue
@@ -34,7 +34,7 @@
         type: String,
         required: false,
         default: null,
-        validator: function(value) {
+        validator: function (value) {
           return ACTION_TYPES.includes(value);
         },
       },
diff --git a/kolibri/plugins/coach/assets/src/views/common/TruncatedItemList.vue b/kolibri/plugins/coach/assets/src/views/common/TruncatedItemList.vue
index 9ede4a0e56f..ed4430ca9e4 100644
--- a/kolibri/plugins/coach/assets/src/views/common/TruncatedItemList.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/TruncatedItemList.vue
@@ -1,7 +1,10 @@
 <template>
 
   <KEmptyPlaceholder v-if="!items.length" />
-  <div v-else class="items-label">
+  <div
+    v-else
+    class="items-label"
+  >
     <span v-if="items.length === 1">
       {{ items[0] }}
     </span>
diff --git a/kolibri/plugins/coach/assets/src/views/common/notifications/ActivityList.vue b/kolibri/plugins/coach/assets/src/views/common/notifications/ActivityList.vue
index 2cd3186bd6a..2c7b264542d 100644
--- a/kolibri/plugins/coach/assets/src/views/common/notifications/ActivityList.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/notifications/ActivityList.vue
@@ -7,7 +7,7 @@
       :progressFilter.sync="progressFilter"
       :enabledFilters="enabledFilters"
     />
-    <br>
+    <br >
 
     <div class="notifications">
       <p v-if="!loading && notifications.length === 0">
diff --git a/kolibri/plugins/coach/assets/src/views/common/notifications/NotificationCard.vue b/kolibri/plugins/coach/assets/src/views/common/notifications/NotificationCard.vue
index f85577f93bd..793248edbd9 100644
--- a/kolibri/plugins/coach/assets/src/views/common/notifications/NotificationCard.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/notifications/NotificationCard.vue
@@ -40,12 +40,19 @@
             :to="route"
             class="link"
           />
-          <span v-else class="link">
+          <span
+            v-else
+            class="link"
+          >
             {{ linkText }}
           </span>
         </div>
       </KFixedGridItem>
-      <KFixedGridItem v-if="showTime" :span="1" alignment="right">
+      <KFixedGridItem
+        v-if="showTime"
+        :span="1"
+        alignment="right"
+      >
         <ElapsedTime :date="date" />
       </KFixedGridItem>
     </KFixedGrid>
diff --git a/kolibri/plugins/coach/assets/src/views/common/notifications/__test__/NotificationCard.spec.js b/kolibri/plugins/coach/assets/src/views/common/notifications/__test__/NotificationCard.spec.js
index db7fcce05ce..6f97a72b0f4 100644
--- a/kolibri/plugins/coach/assets/src/views/common/notifications/__test__/NotificationCard.spec.js
+++ b/kolibri/plugins/coach/assets/src/views/common/notifications/__test__/NotificationCard.spec.js
@@ -118,7 +118,7 @@ describe('NotificationCard component', () => {
       });
       const icon = wrapper.findComponent({ name: 'CoachStatusIcon' });
       expect(icon.props().icon).toEqual(iconType);
-    }
+    },
   );
 
   const contentIconTestCases = [
@@ -142,7 +142,7 @@ describe('NotificationCard component', () => {
       });
       const contentIcon = wrapper.findComponent({ name: 'ContentIcon' });
       expect(contentIcon.props().kind).toEqual(iconKind);
-    }
+    },
   );
 
   const headerTestCases = [
@@ -169,6 +169,6 @@ describe('NotificationCard component', () => {
       });
       const header = wrapper.find('.context');
       expect(header.text()).toEqual(expected);
-    }
+    },
   );
 });
diff --git a/kolibri/plugins/coach/assets/src/views/common/status/CoachStatusIcon.vue b/kolibri/plugins/coach/assets/src/views/common/status/CoachStatusIcon.vue
index dfbd2dec46c..310d93dd064 100644
--- a/kolibri/plugins/coach/assets/src/views/common/status/CoachStatusIcon.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/status/CoachStatusIcon.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <KIcon :icon="iconType" :color="color" />
+  <KIcon
+    :icon="iconType"
+    :color="color"
+  />
 
 </template>
 
diff --git a/kolibri/plugins/coach/assets/src/views/common/status/LearnerProgressCount.vue b/kolibri/plugins/coach/assets/src/views/common/status/LearnerProgressCount.vue
index 246f47b9f9a..fb8b5c551db 100644
--- a/kolibri/plugins/coach/assets/src/views/common/status/LearnerProgressCount.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/status/LearnerProgressCount.vue
@@ -3,7 +3,10 @@
   <div>
     <KLabeledIcon nowrap>
       <template #icon>
-        <CoachStatusIcon ref="status" :icon="icon" />
+        <CoachStatusIcon
+          ref="status"
+          :icon="icon"
+        />
       </template>
       {{ text }}
     </KLabeledIcon>
diff --git a/kolibri/plugins/coach/assets/src/views/common/status/LearnerProgressLabel.vue b/kolibri/plugins/coach/assets/src/views/common/status/LearnerProgressLabel.vue
index f93cf7b65db..9e8bcfae9cb 100644
--- a/kolibri/plugins/coach/assets/src/views/common/status/LearnerProgressLabel.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/status/LearnerProgressLabel.vue
@@ -3,7 +3,10 @@
   <div>
     <KLabeledIcon nowrap>
       <template #icon>
-        <CoachStatusIcon ref="status" :icon="icon" />
+        <CoachStatusIcon
+          ref="status"
+          :icon="icon"
+        />
       </template>
       {{ text }}
     </KLabeledIcon>
diff --git a/kolibri/plugins/coach/assets/src/views/common/status/LearnerProgressRatio.vue b/kolibri/plugins/coach/assets/src/views/common/status/LearnerProgressRatio.vue
index f397287c399..eaa1851a806 100644
--- a/kolibri/plugins/coach/assets/src/views/common/status/LearnerProgressRatio.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/status/LearnerProgressRatio.vue
@@ -3,7 +3,10 @@
   <div>
     <KLabeledIcon nowrap>
       <template #icon>
-        <CoachStatusIcon ref="status" :icon="icon" />
+        <CoachStatusIcon
+          ref="status"
+          :icon="icon"
+        />
       </template>
       {{ text }}
     </KLabeledIcon>
diff --git a/kolibri/plugins/coach/assets/src/views/common/status/ProgressSummaryBar.vue b/kolibri/plugins/coach/assets/src/views/common/status/ProgressSummaryBar.vue
index e521fd87155..b320dd72ce7 100644
--- a/kolibri/plugins/coach/assets/src/views/common/status/ProgressSummaryBar.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/status/ProgressSummaryBar.vue
@@ -4,9 +4,18 @@
     class="bar-wrapper"
     :style="{ backgroundColor: $themePalette.grey.v_200 }"
   >
-    <div class="bar help" :style="helpLineStyle"></div>
-    <div class="bar" :style="barStyleStarted"></div>
-    <div class="bar" :style="barStyleCompleted"></div>
+    <div
+      class="bar help"
+      :style="helpLineStyle"
+    ></div>
+    <div
+      class="bar"
+      :style="barStyleStarted"
+    ></div>
+    <div
+      class="bar"
+      :style="barStyleCompleted"
+    ></div>
   </div>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/common/status/StatusTestPage.vue b/kolibri/plugins/coach/assets/src/views/common/status/StatusTestPage.vue
index 12a6c4ac89a..f4a5894d1ed 100644
--- a/kolibri/plugins/coach/assets/src/views/common/status/StatusTestPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/common/status/StatusTestPage.vue
@@ -1,7 +1,9 @@
 <template>
 
-  <div class="overview" :style="{ backgroundColor: $themeTokens.surface }">
-
+  <div
+    class="overview"
+    :style="{ backgroundColor: $themeTokens.surface }"
+  >
     <div class="moving">
       <ProgressSummaryBar
         :showErrorBar="true"
@@ -42,42 +44,69 @@
             :style="thinBorderStyle"
           >
             <table>
-              <tr><td>not started</td><td> {{ tally.notStarted }}</td></tr>
-              <tr><td>started</td><td> {{ tally.started }}</td></tr>
-              <tr><td>completed</td><td> {{ tally.completed }}</td></tr>
-              <tr><td>help needed</td><td> {{ tally.helpNeeded }}</td></tr>
+              <tr>
+                <td>not started</td>
+                <td>{{ tally.notStarted }}</td>
+              </tr>
+              <tr>
+                <td>started</td>
+                <td>{{ tally.started }}</td>
+              </tr>
+              <tr>
+                <td>completed</td>
+                <td>{{ tally.completed }}</td>
+              </tr>
+              <tr>
+                <td>help needed</td>
+                <td>{{ tally.helpNeeded }}</td>
+              </tr>
             </table>
           </td>
           <td
             rowspan="2"
             :style="[
               { position: 'relative', width: '200px', textAlign: 'center' },
-              thinBorderStyle
+              thinBorderStyle,
             ]"
           >
             <div class="bar">
-              <ProgressSummaryBar :showErrorBar="true" :tally="tally" />
+              <ProgressSummaryBar
+                :showErrorBar="true"
+                :tally="tally"
+              />
             </div>
           </td>
-          <td :style="[{ textAlign: 'center' }, thinBorderStyle]">
-            long
-          </td>
+          <td :style="[{ textAlign: 'center' }, thinBorderStyle]">long</td>
           <td :style="thinBorderStyle">
-            <StatusSummary :tally="tally" :verbose="true" :ratio="true" />
+            <StatusSummary
+              :tally="tally"
+              :verbose="true"
+              :ratio="true"
+            />
           </td>
           <td :style="thinBorderStyle">
-            <StatusSummary :tally="tally" :verbose="true" :ratio="false" />
+            <StatusSummary
+              :tally="tally"
+              :verbose="true"
+              :ratio="false"
+            />
           </td>
         </tr>
         <tr>
-          <td :style="[{ textAlign: 'center' }, thinBorderStyle]">
-            short
-          </td>
+          <td :style="[{ textAlign: 'center' }, thinBorderStyle]">short</td>
           <td :style="thinBorderStyle">
-            <StatusSummary :tally="tally" :verbose="false" :ratio="true" />
+            <StatusSummary
+              :tally="tally"
+              :verbose="false"
+              :ratio="true"
+            />
           </td>
           <td :style="thinBorderStyle">
-            <StatusSummary :tally="tally" :verbose="false" :ratio="false" />
+            <StatusSummary
+              :tally="tally"
+              :verbose="false"
+              :ratio="false"
+            />
           </td>
         </tr>
       </tbody>
diff --git a/kolibri/plugins/coach/assets/src/views/home/HomeActivityPage.vue b/kolibri/plugins/coach/assets/src/views/home/HomeActivityPage.vue
index d6f1e6df830..84ef15674f7 100644
--- a/kolibri/plugins/coach/assets/src/views/home/HomeActivityPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/home/HomeActivityPage.vue
@@ -13,7 +13,6 @@
         :noActivityString="$tr('noActivityLabel')"
         embeddedPageName="HomeActivityPage"
       />
-
     </KPageContainer>
   </CoachAppBarPage>
 
diff --git a/kolibri/plugins/coach/assets/src/views/home/HomePage/ActivityBlock.vue b/kolibri/plugins/coach/assets/src/views/home/HomePage/ActivityBlock.vue
index 6b6b30ab12d..009fb8e06e3 100644
--- a/kolibri/plugins/coach/assets/src/views/home/HomePage/ActivityBlock.vue
+++ b/kolibri/plugins/coach/assets/src/views/home/HomePage/ActivityBlock.vue
@@ -5,7 +5,6 @@
     :allLinkRoute="$router.getRoute('HomeActivityPage')"
     :showAllLink="notifications.length > 0"
   >
-
     <template #title>
       <KLabeledIcon :label="$tr('classActivityLabel')" />
     </template>
diff --git a/kolibri/plugins/coach/assets/src/views/home/HomePage/ItemProgressDisplay.vue b/kolibri/plugins/coach/assets/src/views/home/HomePage/ItemProgressDisplay.vue
index 37b46c9a940..b70c98adb49 100644
--- a/kolibri/plugins/coach/assets/src/views/home/HomePage/ItemProgressDisplay.vue
+++ b/kolibri/plugins/coach/assets/src/views/home/HomePage/ItemProgressDisplay.vue
@@ -6,15 +6,19 @@
     :class="themeClass"
     :to="to"
   >
-    <KFixedGrid numCols="4" class="wrapper">
+    <KFixedGrid
+      numCols="4"
+      class="wrapper"
+    >
       <KFixedGridItem span="3">
         <h3 class="title">
-          <KTextTruncator
-            :text="name"
-          />
+          <KTextTruncator :text="name" />
         </h3>
       </KFixedGridItem>
-      <KFixedGridItem span="1" alignment="right">
+      <KFixedGridItem
+        span="1"
+        alignment="right"
+      >
         <div class="context">
           <Recipients
             :groupNames="groupNames"
@@ -23,7 +27,10 @@
         </div>
       </KFixedGridItem>
       <KFixedGridItem>
-        <ProgressSummaryBar :tally="tally" class="dashboard-bar" />
+        <ProgressSummaryBar
+          :tally="tally"
+          class="dashboard-bar"
+        />
       </KFixedGridItem>
       <KFixedGridItem>
         <StatusSummary :tally="tally" />
diff --git a/kolibri/plugins/coach/assets/src/views/home/HomePage/LessonsBlock.vue b/kolibri/plugins/coach/assets/src/views/home/HomePage/LessonsBlock.vue
index 4f67374eeb9..22f5c7a4bb3 100644
--- a/kolibri/plugins/coach/assets/src/views/home/HomePage/LessonsBlock.vue
+++ b/kolibri/plugins/coach/assets/src/views/home/HomePage/LessonsBlock.vue
@@ -6,7 +6,10 @@
     :showAllLink="table.length > 0"
   >
     <template #title>
-      <KLabeledIcon icon="lesson" :label="coreString('lessonsLabel')" />
+      <KLabeledIcon
+        icon="lesson"
+        :label="coreString('lessonsLabel')"
+      />
     </template>
 
     <p v-if="table.length === 0">
diff --git a/kolibri/plugins/coach/assets/src/views/home/HomePage/OverviewBlock.vue b/kolibri/plugins/coach/assets/src/views/home/HomePage/OverviewBlock.vue
index de6374c8506..d8d7642a68b 100644
--- a/kolibri/plugins/coach/assets/src/views/home/HomePage/OverviewBlock.vue
+++ b/kolibri/plugins/coach/assets/src/views/home/HomePage/OverviewBlock.vue
@@ -15,7 +15,10 @@
     </p>
 
     <h1>
-      <KLabeledIcon icon="classes" :label="$store.state.classSummary.name" />
+      <KLabeledIcon
+        icon="classes"
+        :label="$store.state.classSummary.name"
+      />
     </h1>
     <HeaderTable>
       <HeaderTableRow>
@@ -43,7 +46,7 @@
               :text="$tr('viewLearners')"
               appearance="basic-link"
               :to="classLearnersListRoute"
-              style="margin-left: 24px;"
+              style="margin-left: 24px"
             />
           </template>
         </template>
diff --git a/kolibri/plugins/coach/assets/src/views/home/HomePage/QuizzesBlock.vue b/kolibri/plugins/coach/assets/src/views/home/HomePage/QuizzesBlock.vue
index aacd4628a67..b11c9cb3233 100644
--- a/kolibri/plugins/coach/assets/src/views/home/HomePage/QuizzesBlock.vue
+++ b/kolibri/plugins/coach/assets/src/views/home/HomePage/QuizzesBlock.vue
@@ -6,7 +6,10 @@
     :showAllLink="table.length > 0"
   >
     <template #title>
-      <KLabeledIcon icon="quiz" :label="coreString('quizzesLabel')" />
+      <KLabeledIcon
+        icon="quiz"
+        :label="coreString('quizzesLabel')"
+      />
     </template>
 
     <p v-if="table.length === 0">
diff --git a/kolibri/plugins/coach/assets/src/views/home/HomePage/index.vue b/kolibri/plugins/coach/assets/src/views/home/HomePage/index.vue
index d9fd97e6f4a..a94c5b0b1f6 100644
--- a/kolibri/plugins/coach/assets/src/views/home/HomePage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/home/HomePage/index.vue
@@ -1,7 +1,6 @@
 <template>
 
   <CoachAppBarPage>
-
     <KGrid gutter="16">
       <KGridItem>
         <OverviewBlock />
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CoachExamsPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/CoachExamsPage/index.vue
index ce31b2fe0f3..1b0870c0784 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CoachExamsPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CoachExamsPage/index.vue
@@ -1,7 +1,6 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
       <PlanHeader :activeTabId="PlanTabs.QUIZZES" />
       <KTabsPanel
@@ -88,21 +87,26 @@
                     v-if="!exam.active && !exam.archive"
                     :text="openQuizLabel$()"
                     appearance="flat-button"
-                    @click="showOpenConfirmationModal = true; activeQuiz = exam"
+                    @click="
+                      showOpenConfirmationModal = true;
+                      activeQuiz = exam;
+                    "
                   />
                   <!-- Close quiz button -->
                   <KButton
                     v-if="exam.active && !exam.archive"
                     :text="closeQuizLabel$()"
                     appearance="flat-button"
-                    @click="showCloseConfirmationModal = true; activeQuiz = exam;"
+                    @click="
+                      showCloseConfirmationModal = true;
+                      activeQuiz = exam;
+                    "
                   />
                   <!-- Closed quiz label -->
                   <div v-if="exam.archive">
                     {{ quizClosedLabel$() }}
                   </div>
                 </td>
-
               </tr>
             </transition-group>
           </template>
@@ -111,22 +115,13 @@
         <p v-if="!quizzes.length">
           {{ $tr('noExams') }}
         </p>
-        <p
-          v-else-if="statusSelected.value === filterQuizStarted$() &&
-            !startedExams.length"
-        >
+        <p v-else-if="statusSelected.value === filterQuizStarted$() && !startedExams.length">
           {{ coreString('noResultsLabel') }}
         </p>
-        <p
-          v-else-if=" statusSelected.value === filterQuizNotStarted$() &&
-            !notStartedExams.length"
-        >
+        <p v-else-if="statusSelected.value === filterQuizNotStarted$() && !notStartedExams.length">
           {{ coreString('noResultsLabel') }}
         </p>
-        <p
-          v-else-if=" statusSelected.value === filterQuizEnded$() &&
-            !endedExams.length"
-        >
+        <p v-else-if="statusSelected.value === filterQuizEnded$() && !endedExams.length">
           {{ coreString('noResultsLabel') }}
         </p>
 
@@ -146,7 +141,8 @@
           <p
             v-if="
               activeQuiz.data_model_version === 3 &&
-                activeQuiz.question_sources.some(s => (!s.questions || s.questions.length === 0))"
+                activeQuiz.question_sources.some(s => !s.questions || s.questions.length === 0)
+            "
           >
             {{ openQuizModalEmptySections$() }}
           </p>
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/AssessmentQuestionListItem.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/AssessmentQuestionListItem.vue
index a7796d46e1d..93b195b4bd0 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/AssessmentQuestionListItem.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/AssessmentQuestionListItem.vue
@@ -18,8 +18,9 @@
           v-if="!available"
           ref="missing"
           icon="warning"
-          :style=" {
-            fill: $themePalette.yellow.v_1100, float: isRtl ? 'left' : 'right'
+          :style="{
+            fill: $themePalette.yellow.v_1100,
+            float: isRtl ? 'left' : 'right',
           }"
         />
       </span>
@@ -29,7 +30,10 @@
         :isTopic="false"
       />
     </a>
-    <div v-if="draggable" class="handle">
+    <div
+      v-if="draggable"
+      class="handle"
+    >
       <DragSortWidget
         :isFirst="isFirst"
         :isLast="isLast"
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue
index c978a11ddf9..a80316613f0 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue
@@ -1,7 +1,6 @@
 <template>
 
   <div>
-
     <KGrid :style="tabsWrapperStyles">
       <KGridItem
         :layout4="{ span: 2 }"
@@ -22,7 +21,7 @@
             <span
               :ref="tabRefLabel(tab.id)"
               appearance="flat-button"
-              style="display: inline-block;"
+              style="display: inline-block"
               :appearanceOverrides="tabStyles"
             >
               {{ tab.label }}
@@ -52,7 +51,7 @@
       </KGridItem>
 
       <KGridItem
-        style="position: relative; right: 0; padding: 0 0.5em 0 1em; text-align: right;"
+        style="position: relative; right: 0; padding: 0 0.5em 0 1em; text-align: right"
         :layout4="{ span: 2 }"
         :layout8="{ span: 3 }"
         :layout12="{ span: 2 }"
@@ -60,13 +59,12 @@
         <KButton
           appearance="flat-button"
           icon="plus"
-          style="height: 3rem; position: relative; right: 0; padding: 0;"
+          style="position: relative; right: 0; height: 3rem; padding: 0"
           @click="handleAddSection"
         >
           {{ addSectionLabel$() }}
         </KButton>
       </KGridItem>
-
     </KGrid>
 
     <KTabsPanel
@@ -74,10 +72,13 @@
       tabsId="quizSectionTabs"
       :activeTabId="String(activeSectionIndex)"
     >
-      <KGrid v-if="!activeQuestions.length" class="questions-list-label-row">
+      <KGrid
+        v-if="!activeQuestions.length"
+        class="questions-list-label-row"
+      >
         <KGridItem
           class="right-side-heading"
-          style="padding: 0.7em 0.75em;"
+          style="padding: 0.7em 0.75em"
         >
           <KButton
             ref="addQuestionsButton"
@@ -101,7 +102,7 @@
       <!-- TODO This should be a separate component like "empty section container" or something -->
       <div
         v-if="!activeQuestions.length"
-        style="text-align: center; padding: 0 0 1em 0; max-width: 350px; margin: 0 auto;"
+        style="max-width: 350px; padding: 0 0 1em; margin: 0 auto; text-align: center"
       >
         <!-- TODO This question mark thing should probably be an SVG for improved a11y -->
         <div
@@ -114,7 +115,7 @@
           >?</span>
         </div>
 
-        <p style="margin-top: 1em; font-weight: bold;">
+        <p style="margin-top: 1em; font-weight: bold">
           {{ noQuestionsInSection$() }}
         </p>
 
@@ -123,7 +124,7 @@
         <KButton
           primary
           icon="plus"
-          style="margin-top: 1em;"
+          style="margin-top: 1em"
           @click="openSelectResources()"
         >
           {{ addQuestionsLabel$() }}
@@ -226,17 +227,13 @@
               >
                 <AccordionItem
                   :id="question.item"
-                  :title="displayQuestionTitle(
-                    question, activeResourceMap[question.exercise_id].title
-                  )"
-                  :aria-selected="selectedActiveQuestions.includes(
-                    question.item
-                  )"
+                  :title="
+                    displayQuestionTitle(question, activeResourceMap[question.exercise_id].title)
+                  "
+                  :aria-selected="selectedActiveQuestions.includes(question.item)"
                 >
                   <template #heading="{ title }">
-                    <h3
-                      class="accordion-header"
-                    >
+                    <h3 class="accordion-header">
                       <DragHandle>
                         <div>
                           <DragSortWidget
@@ -253,9 +250,7 @@
                       </DragHandle>
                       <KCheckbox
                         style="padding-left: 0.5em"
-                        :checked="selectedActiveQuestions.includes(
-                          question.item
-                        )"
+                        :checked="selectedActiveQuestions.includes(question.item)"
                         @change="() => toggleQuestionInSelection(question.item)"
                       />
                       <KButton
@@ -269,9 +264,8 @@
                       >
                         <span>{{ title }}</span>
                         <KIcon
-                          style="position: absolute; right:0; top: 0.92em"
-                          :icon="isExpanded(index) ?
-                            'chevronUp' : 'chevronRight'"
+                          style="position: absolute; top: 0.92em; right: 0"
+                          :icon="isExpanded(index) ? 'chevronUp' : 'chevronRight'"
                         />
                       </KButton>
                     </h3>
@@ -306,7 +300,6 @@
           </DragContainer>
         </AccordionContainer>
       </div>
-
     </KTabsPanel>
     <KModal
       v-if="showDeleteConfirmation"
@@ -320,7 +313,6 @@
         changes how we handle section indexing, which is needed for displaySectionTitle -->
       {{ deleteConfirmation$({ section_title: activeSection.section_title }) }}
     </KModal>
-
   </div>
 
 </template>
@@ -585,7 +577,7 @@
             'createSnackbar',
             // TODO Use `displaySectionTitle` here once #12274 is merged as that PR
             // changes how we handle section indexing
-            this.sectionDeletedNotification$({ section_title })
+            this.sectionDeletedNotification$({ section_title }),
           );
           this.focusActiveSectionTab();
         });
@@ -636,7 +628,7 @@
             'Tried to focus active tab id: ',
             label,
             ' - but the tab is not in the refs: ',
-            this.$refs
+            this.$refs,
           );
         }
       },
@@ -685,7 +677,7 @@
           'createSnackbar',
           this.questionsDeletedNotification$({
             count,
-          })
+          }),
         );
       },
     },
@@ -694,7 +686,7 @@
 </script>
 
 
-<style lang="scss"  scoped>
+<style lang="scss" scoped>
 
   .no-question-layout {
     width: auto;
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/QuestionListPreview.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/QuestionListPreview.vue
index d3bb81663d2..6835dc891fb 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/QuestionListPreview.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/QuestionListPreview.vue
@@ -12,9 +12,9 @@
           :key="listKey(question)"
           :draggable="false"
           :isSelected="isSelected(question)"
-          :exerciseName="displayQuestionTitle(
-            question, selectedExercises[question.exercise_id].title
-          )"
+          :exerciseName="
+            displayQuestionTitle(question, selectedExercises[question.exercise_id].title)
+          "
           :isCoachContent="numCoachContents(question.exercise_id)"
           :available="available(question.exercise_id)"
           @select="currentQuestionIndex = questionIndex"
@@ -22,13 +22,21 @@
       </ul>
 
       <transition name="fade-numbers">
-        <ol v-if="fixedOrder" class="list-labels" aria-hidden>
+        <ol
+          v-if="fixedOrder"
+          class="list-labels"
+          aria-hidden
+        >
           <li
             v-for="(question, questionIndex) in selectedQuestions"
             :key="questionIndex"
           ></li>
         </ol>
-        <ul v-else class="list-labels" aria-hidden>
+        <ul
+          v-else
+          class="list-labels"
+          aria-hidden
+        >
           <li
             v-for="(question, questionIndex) in selectedQuestions"
             :key="questionIndex"
@@ -40,7 +48,10 @@
       :layout8="{ span: 4 }"
       :layout12="{ span: 7 }"
     >
-      <h3 v-if="content && content.available" class="question-title">
+      <h3
+        v-if="content && content.available"
+        class="question-title"
+      >
         {{ currentQuestion.title }}
       </h3>
       <ContentRenderer
@@ -57,7 +68,10 @@
         :interactive="false"
       />
       <p v-else>
-        <KIcon icon="warning" :style=" { fill: $themePalette.yellow.v_1100 }" />
+        <KIcon
+          icon="warning"
+          :style="{ fill: $themePalette.yellow.v_1100 }"
+        />
         {{ resourceMissingText }}
       </p>
     </KGridItem>
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ReplaceQuestions.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ReplaceQuestions.vue
index 98697b72f42..6b13754aecf 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ReplaceQuestions.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ReplaceQuestions.vue
@@ -2,9 +2,11 @@
 
   <div class="wrapper">
     <h1 class="section-header">
-      {{ replaceQuestions$({
-        sectionTitle: displaySectionTitle(activeSection, activeSectionIndex
-        ) }) }}
+      {{
+        replaceQuestions$({
+          sectionTitle: displaySectionTitle(activeSection, activeSectionIndex),
+        })
+      }}
     </h1>
     <p>{{ replaceQuestionsHeading$() }}</p>
     <span
@@ -47,9 +49,7 @@
         "
       >
         <template #heading="{ title }">
-          <h3
-            class="accordion-header"
-          >
+          <h3 class="accordion-header">
             <KCheckbox
               class="accordion-checkbox"
               :checked="replacements.map(r => r.item).includes(question.item)"
@@ -66,9 +66,8 @@
             >
               <span>{{ title }}</span>
               <KIcon
-                style="position: absolute; right:1em; top: 0.625em;"
-                :icon="isExpanded(index) ?
-                  'chevronUp' : 'chevronRight'"
+                style="position: absolute; top: 0.625em; right: 1em"
+                :icon="isExpanded(index) ? 'chevronUp' : 'chevronRight'"
               />
             </KButton>
           </h3>
@@ -103,7 +102,7 @@
     <div class="bottom-navigation">
       <KGrid>
         <KGridItem
-          style="text-align: left;"
+          style="text-align: left"
           :layout12="{ span: 8 }"
           :layout8="{ span: 6 }"
           :layout4="{ span: 3 }"
@@ -111,7 +110,7 @@
           {{ replaceSelectedQuestionsString }}
         </KGridItem>
         <KGridItem
-          style="text-align: right;"
+          style="text-align: right"
           :layout12="{ span: 4 }"
           :layout8="{ span: 2 }"
           :layout4="{ span: 1 }"
@@ -129,14 +128,16 @@
       v-if="showReplacementConfirmation"
       :submitText="coreString('confirmAction')"
       :cancelText="coreString('cancelAction')"
-      :title="replaceQuestions$({
-        sectionTitle: displaySectionTitle(activeSection, activeSectionIndex)
-      })"
+      :title="
+        replaceQuestions$({
+          sectionTitle: displaySectionTitle(activeSection, activeSectionIndex),
+        })
+      "
       @cancel="showReplacementConfirmation = false"
       @submit="submitReplacement"
     >
-      <div> {{ replaceQuestionsExplaination$() }} </div>
-      <div style="font-weight: bold;">
+      <div>{{ replaceQuestionsExplaination$() }}</div>
+      <div style="font-weight: bold">
         {{ noUndoWarning$() }}
       </div>
     </KModal>
@@ -216,7 +217,7 @@
 
       const activeSectionTitle = computed(() => {
         const activeSectionIndex = allSections.value.findIndex(section =>
-          isEqual(JSON.stringify(section), JSON.stringify(activeSection.value))
+          isEqual(JSON.stringify(section), JSON.stringify(activeSection.value)),
         );
         return displaySectionTitle(activeSection.value, activeSectionIndex);
       });
@@ -279,14 +280,8 @@
         }
       }
 
-      const {
-        toggle,
-        isExpanded,
-        collapseAll,
-        expandAll,
-        canCollapseAll,
-        canExpandAll,
-      } = useAccordion(replacementQuestionPool);
+      const { toggle, isExpanded, collapseAll, expandAll, canCollapseAll, canExpandAll } =
+        useAccordion(replacementQuestionPool);
 
       return {
         toggle,
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ResourceSelection.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ResourceSelection.vue
index 98f5859f36a..2d671d57503 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ResourceSelection.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ResourceSelection.vue
@@ -5,14 +5,19 @@
       <KCircularLoader />
     </div>
     <div v-else>
-      <h5 v-if="selectPracticeQuiz" class="select-folder-style">
+      <h5
+        v-if="selectPracticeQuiz"
+        class="select-folder-style"
+      >
         {{ selectPracticeQuizLabel$() }}
       </h5>
       <div v-else>
         <h5 class="select-folder-style">
-          {{ selectResourcesDescription$({
-            sectionTitle: displaySectionTitle(activeSection, activeSectionIndex)
-          }) }}
+          {{
+            selectResourcesDescription$({
+              sectionTitle: displaySectionTitle(activeSection, activeSectionIndex),
+            })
+          }}
         </h5>
         <p>
           {{ numberOfQuestionsSelected$({ count: activeQuestions.length }) }}
@@ -21,7 +26,8 @@
             :style="{ borderTop: `solid 1px ${$themeTokens.fineLine}` }"
           >
           </span>
-        </p><p>{{ numberOfQuestionsToAdd$() }}</p>
+        </p>
+        <p>{{ numberOfQuestionsToAdd$() }}</p>
         <div class="number-question">
           <div>
             <KTextbox
@@ -48,9 +54,7 @@
                 :disabled="questionCount === 1"
                 @click="questionCount -= 1"
               />
-              <span
-                :style="dividerStyle"
-              > | </span>
+              <span :style="dividerStyle"> | </span>
               <KIconButton
                 icon="plus"
                 aria-hidden="true"
@@ -64,7 +68,6 @@
       </div>
 
       <div v-if="!isTopicIdSet && bookmarks.length && !showBookmarks">
-
         <p>{{ coreString('selectFromBookmarks') }}</p>
 
         <div>
@@ -72,7 +75,7 @@
             :appearanceOverrides="{
               width: '100%',
               textDecoration: 'none',
-              color: $themeTokens.text
+              color: $themeTokens.text,
             }"
             :to="getBookmarksLink"
           >
@@ -103,7 +106,7 @@
       <div
         v-if="showNumberOfQuestionsWarning"
         class="shadow"
-        :style=" {
+        :style="{
           padding: '1em',
           marginTop: '2em',
           marginBottom: '2em',
@@ -141,14 +144,14 @@
               <span v-if="workingPoolUnusedQuestions > maxSectionQuestionOptions">
                 {{
                   tooManyQuestions$({
-                    count: maxSectionQuestionOptions
+                    count: maxSectionQuestionOptions,
                   })
                 }}
               </span>
               <span v-else>
                 {{
                   questionsFromResources$({
-                    questions: workingPoolUnusedQuestions
+                    questions: workingPoolUnusedQuestions,
                   })
                 }}
               </span>
@@ -160,9 +163,11 @@
             :layout4="{ span: 2 }"
           >
             <KButton
-              style="float: right;"
-              :text="selectPracticeQuiz ? selectQuiz$() :
-                addNumberOfQuestions$({ count: Math.max(1, questionCount) })
+              style="float: right"
+              :text="
+                selectPracticeQuiz
+                  ? selectQuiz$()
+                  : addNumberOfQuestions$({ count: Math.max(1, questionCount) })
               "
               :primary="true"
               :disabled="disableSave"
@@ -245,7 +250,7 @@
       } = injectQuizCreation();
       const showCloseConfirmation = ref(false);
       const maxQuestions = computed(
-        () => MAX_QUESTIONS_PER_QUIZ_SECTION - activeQuestions.value.length
+        () => MAX_QUESTIONS_PER_QUIZ_SECTION - activeQuestions.value.length,
       );
       const maxSectionQuestionOptions = computed(() => MAX_QUESTION_OPTIONS_PER_QUIZ_SECTION);
 
@@ -300,7 +305,7 @@
             ...workingResourcePool.value,
             ...resources.filter(r => r.kind === ContentNodeKinds.EXERCISE),
           ],
-          isEqual
+          isEqual,
         );
       }
 
@@ -463,7 +468,7 @@
       function unusedQuestionsCount(content) {
         if (content.kind === ContentNodeKinds.EXERCISE) {
           const questionItems = content.assessmentmetadata.assessment_item_ids.map(
-            aid => `${content.id}:${aid}`
+            aid => `${content.id}:${aid}`,
           );
           const questionsItemsAlreadyUsed = allQuestionsInQuiz.value
             .map(q => q.item)
@@ -503,7 +508,7 @@
               const isPracticeQuiz = item =>
                 !selectPracticeQuiz.value || get(item, ['options', 'modality'], false) === 'QUIZ';
               bookmarks.value = data.results ? data.results.filter(isPracticeQuiz) : [];
-            })
+            }),
           );
 
           promises.push(
@@ -524,7 +529,7 @@
                       kind: ContentNodeKinds.CHANNEL,
                       is_leaf: false,
                     };
-                  })
+                  }),
                 ).then(annotatedResources => {
                   // When we don't have a topicId we're setting the value of
                   // useQuizResources.resources to the value of the channels
@@ -533,9 +538,9 @@
                   // that the channels are annotated with their num_assessments
                   setResources(annotatedResources);
                   channels.value = annotatedResources;
-                })
+                }),
               );
-            })
+            }),
           );
         }
         Promise.all(promises).then(() => {
@@ -861,7 +866,10 @@
     min-height: 141px;
     margin-bottom: 24px;
     border-radius: 2px;
-    box-shadow: 0 1px 5px 0 #a1a1a1, 0 2px 2px 0 #e6e6e6, 0 3px 1px -2px #ffffff;
+    box-shadow:
+      0 1px 5px 0 #a1a1a1,
+      0 2px 2px 0 #e6e6e6,
+      0 3px 1px -2px #ffffff;
     transition: box-shadow 0.25s ease;
   }
 
@@ -893,7 +901,10 @@
   }
 
   .bookmark-container:hover {
-    box-shadow: 0 5px 5px -3px #a1a1a1, 0 8px 10px 1px #d1d1d1, 0 3px 14px 2px #d4d4d4;
+    box-shadow:
+      0 5px 5px -3px #a1a1a1,
+      0 8px 10px 1px #d1d1d1,
+      0 3px 14px 2px #d4d4d4;
   }
 
   .text {
@@ -927,14 +938,19 @@
   }
 
   .shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
+    box-shadow:
+      0 1px 3px 0 rgba(0, 0, 0, 0.2),
+      0 1px 1px 0 rgba(0, 0, 0, 0.14),
       0 2px 1px -1px rgba(0, 0, 0, 0.12);
   }
 
   // Force the leaf nodes not to look like a link
   /deep/ .is-leaf.content-card {
     cursor: default;
-    box-shadow: 0 1px 5px 0 #a1a1a1, 0 2px 2px 0 #e6e6e6, 0 3px 1px -2px #ffffff;
+    box-shadow:
+      0 1px 5px 0 #a1a1a1,
+      0 2px 2px 0 #e6e6e6,
+      0 3px 1px -2px #ffffff;
   }
 
   .number-question {
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/SectionEditor.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/SectionEditor.vue
index 0803272416a..371f7f646a9 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/SectionEditor.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/SectionEditor.vue
@@ -25,12 +25,10 @@
       class="description-ktextbox-style"
     />
 
-    <hr :style="dividerStyle">
+    <hr :style="dividerStyle" >
 
     <div>
-      <h5
-        class="section-settings-heading"
-      >
+      <h5 class="section-settings-heading">
         {{ questionOrder$() }}
       </h5>
       <KGrid>
@@ -61,38 +59,31 @@
       </KGrid>
     </div>
 
-    <hr :style="dividerStyle">
+    <hr :style="dividerStyle" >
 
-    <h5
-      class="section-settings-heading"
-    >
+    <h5 class="section-settings-heading">
       {{
-        numberOfQuestionsSelected$(
-          {
-            count: activeQuestions.length,
-          }
-        )
+        numberOfQuestionsSelected$({
+          count: activeQuestions.length,
+        })
       }}
     </h5>
 
     <KRouterLink
       appearance="raised-button"
       :to="selectResourcesRoute"
-      style="margin-bottom: 1em;"
+      style="margin-bottom: 1em"
       iconAfter="forward"
     >
       {{ resourceButtonLabel }}
     </KRouterLink>
 
-    <hr :style="dividerStyle">
+    <hr :style="dividerStyle" >
 
-    <h5
-      class="section-order-style section-settings-heading"
-    >
+    <h5 class="section-order-style section-settings-heading">
       {{ sectionOrder$() }}
     </h5>
 
-
     <DragContainer
       v-if="sectionOrderList.length > 0"
       :items="sectionOrderList"
@@ -106,8 +97,9 @@
         >
           <DragHandle>
             <div
-              :style="activeSection.section_id === section.section_id ?
-                activeSectionStyles : borderStyle"
+              :style="
+                activeSection.section_id === section.section_id ? activeSectionStyles : borderStyle
+              "
               class="section-order-list"
             >
               <KGrid>
@@ -166,10 +158,9 @@
             :text="deleteSectionLabel$()"
             @click="handleDeleteSection()"
           />
-
         </KGridItem>
         <KGridItem
-          style="text-align: right;"
+          style="text-align: right"
           :layout12="{ span: 6 }"
           :layout8="{ span: 4 }"
           :layout4="{ span: 2 }"
@@ -179,7 +170,6 @@
             :text="applySettings$()"
             @click="applySettings"
           />
-
         </KGridItem>
       </KGrid>
     </div>
@@ -201,9 +191,11 @@
       @cancel="handleCancelDelete"
       @submit="handleConfirmDelete"
     >
-      {{ deleteConfirmation$(
-        { section_title: displaySectionTitle(activeSection, activeSectionIndex) }
-      ) }}
+      {{
+        deleteConfirmation$({
+          section_title: displaySectionTitle(activeSection, activeSectionIndex),
+        })
+      }}
     </KModal>
   </div>
 
@@ -335,7 +327,7 @@
             description: description.value,
             section_title: section_title.value.trim(),
           },
-          pick(activeSection.value, ['learners_see_fixed_order', 'description', 'section_title'])
+          pick(activeSection.value, ['learners_see_fixed_order', 'description', 'section_title']),
         );
       });
 
@@ -344,7 +336,7 @@
       const sectionOrderChanged = computed(() => {
         return !isEqual(
           allSections.value.map(section => section.section_id),
-          sectionOrderList.value.map(section => section.section_id)
+          sectionOrderList.value.map(section => section.section_id),
         );
       });
 
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/TabsWithOverflow.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/TabsWithOverflow.vue
index c09987e1ee9..1f867cb22b6 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/TabsWithOverflow.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/TabsWithOverflow.vue
@@ -10,7 +10,11 @@
       @click="id => $emit('click', id)"
     >
       <template #tab="{ tab }">
-        <slot name="tab" :tab="tab" :tabIsVisible="tabIsVisible(tab)"></slot>
+        <slot
+          name="tab"
+          :tab="tab"
+          :tabIsVisible="tabIsVisible(tab)"
+        ></slot>
       </template>
     </KTabsList>
 
@@ -18,10 +22,12 @@
     <!-- This should be within the KTabsList to simplify rendering, but there is no slot.
       The absolute styling isn't as nice as if it were part of the flex container instead, but
       it ought to work -->
-    <div style="position: absolute; right: 0; top: 5px;">
-      <slot name="overflow" :overflowTabs="overflowTabs"></slot>
+    <div style="position: absolute; top: 5px; right: 0">
+      <slot
+        name="overflow"
+        :overflowTabs="overflowTabs"
+      ></slot>
     </div>
-
   </div>
 
 </template>
@@ -84,14 +90,14 @@
         this.overflowTabs =
           this.mounted && this.windowWidth
             ? this.tabs.filter((_, idx) => {
-                const tabRef = this.$refs.tabsWrapper.$el.children[idx];
-                const tabRefTop = tabRef.offsetTop;
+              const tabRef = this.$refs.tabsWrapper.$el.children[idx];
+              const tabRefTop = tabRef.offsetTop;
 
-                const containerTop = this.$refs.tabsWrapper.$el.offsetTop;
-                const containerBottom = containerTop + this.$refs.tabsWrapper.$el.clientHeight;
+              const containerTop = this.$refs.tabsWrapper.$el.offsetTop;
+              const containerBottom = containerTop + this.$refs.tabsWrapper.$el.clientHeight;
 
-                return tabRefTop >= containerBottom;
-              })
+              return tabRefTop >= containerBottom;
+            })
             : [];
       },
       tabIsVisible(tab) {
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/index.vue
index 8184342bee6..553e5dd36df 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/index.vue
@@ -14,9 +14,7 @@
       {{ selectionIsInvalidText }}
     </UiAlert>
 
-    <KPageContainer
-      :style="{ maxWidth: '1000px', margin: '0 auto 2em', paddingTop: '2rem' }"
-    >
+    <KPageContainer :style="{ maxWidth: '1000px', margin: '0 auto 2em', paddingTop: '2rem' }">
       <AssignmentDetailsModal
         v-if="quizInitialized"
         ref="detailsModal"
@@ -84,7 +82,6 @@
           />
         </KButtonGroup>
       </BottomAppBar>
-
     </KPageContainer>
 
     <KModal
@@ -99,7 +96,6 @@
     </KModal>
 
     <SectionSidePanel v-if="quizInitialized" />
-
   </CoachImmersivePage>
 
 </template>
@@ -136,14 +132,8 @@
     setup() {
       const closeConfirmationToRoute = ref(null);
       const { classId, groups } = useCoreCoach();
-      const {
-        quizHasChanged,
-        quiz,
-        updateQuiz,
-        saveQuiz,
-        initializeQuiz,
-        allSectionsEmpty,
-      } = useQuizCreation();
+      const { quizHasChanged, quiz, updateQuiz, saveQuiz, initializeQuiz, allSectionsEmpty } =
+        useQuizCreation();
       const showError = ref(false);
       const quizInitialized = ref(false);
 
diff --git a/kolibri/plugins/coach/assets/src/views/plan/GroupEnrollPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/GroupEnrollPage/index.vue
index ae514a3bafb..b6f733b2cf1 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/GroupEnrollPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/GroupEnrollPage/index.vue
@@ -36,13 +36,15 @@
 
         <nav class="pagination-nav">
           <span class="pagination-label">
-            {{ $tr('pagination', {
-              visibleStartRange,
-              visibleEndRange,
-              numFilteredUsers
-            }) }}
+            {{
+              $tr('pagination', {
+                visibleStartRange,
+                visibleEndRange,
+                numFilteredUsers,
+              })
+            }}
           </span>
-          <KButtonGroup style="margin-top: 8px;">
+          <KButtonGroup style="margin-top: 8px">
             <KIconButton
               icon="chevronLeft"
               :ariaLabel="$tr('previousResults')"
diff --git a/kolibri/plugins/coach/assets/src/views/plan/GroupsPage/CreateGroupModal.vue b/kolibri/plugins/coach/assets/src/views/plan/GroupsPage/CreateGroupModal.vue
index 435d679bc7f..8e06e252f81 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/GroupsPage/CreateGroupModal.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/GroupsPage/CreateGroupModal.vue
@@ -52,7 +52,7 @@
       ...mapState('classSummary', { classId: 'id' }),
       duplicateName() {
         const index = this.groups.findIndex(
-          group => group.name.toUpperCase() === this.name.toUpperCase()
+          group => group.name.toUpperCase() === this.name.toUpperCase(),
         );
         if (index === -1) {
           return false;
diff --git a/kolibri/plugins/coach/assets/src/views/plan/GroupsPage/GroupRow.vue b/kolibri/plugins/coach/assets/src/views/plan/GroupsPage/GroupRow.vue
index d94499ebfce..01485b3de6c 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/GroupsPage/GroupRow.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/GroupsPage/GroupRow.vue
@@ -9,7 +9,7 @@
       />
     </td>
     <td>
-      {{ this.$formatNumber(group.users.length) }}
+      {{ $formatNumber(group.users.length) }}
     </td>
     <td class="core-table-button-col">
       <KButton
diff --git a/kolibri/plugins/coach/assets/src/views/plan/GroupsPage/RenameGroupModal.vue b/kolibri/plugins/coach/assets/src/views/plan/GroupsPage/RenameGroupModal.vue
index 16ed2cf24ab..88e38d2c59d 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/GroupsPage/RenameGroupModal.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/GroupsPage/RenameGroupModal.vue
@@ -63,7 +63,7 @@
           return false;
         }
         const index = this.groups.findIndex(
-          group => group.name.toUpperCase() === this.name.toUpperCase()
+          group => group.name.toUpperCase() === this.name.toUpperCase(),
         );
         if (index === -1) {
           return false;
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/ContentArea.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/ContentArea.vue
index 9bc52740727..df312a85fb9 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/ContentArea.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/ContentArea.vue
@@ -1,7 +1,10 @@
 <template>
 
   <section>
-    <h2 v-if="isExercise" class="header">
+    <h2
+      v-if="isExercise"
+      class="header"
+    >
       {{ header }}
     </h2>
     <ContentRenderer
@@ -16,7 +19,10 @@
       :extraFields="content.extra_fields"
       :interactive="false"
     />
-    <MissingResourceAlert v-else :multiple="false" />
+    <MissingResourceAlert
+      v-else
+      :multiple="false"
+    />
   </section>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/QuestionList.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/QuestionList.vue
index 130ccf5e532..78901c787f2 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/QuestionList.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/QuestionList.vue
@@ -1,7 +1,6 @@
 <template>
 
   <section :style="{ backgroundColor: $themeTokens.surface }">
-
     <h2 class="header">
       {{ $tr('questionListHeader', { numOfQuestions: questions.length }) }}
     </h2>
@@ -19,11 +18,10 @@
           class="button"
           :text="questionLabel(index)"
           appearance="flat-button"
-          @click="$emit('select',index)"
+          @click="$emit('select', index)"
         />
       </li>
     </ul>
-
   </section>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/index.vue
index aab242abf9d..240d773f9ca 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/index.vue
@@ -51,9 +51,16 @@
             </template>
           </KGridItem>
         </KGrid>
-        <SlotTruncator v-if="description" :maxHeight="96" :showViewMore="true">
+        <SlotTruncator
+          v-if="description"
+          :maxHeight="96"
+          :showViewMore="true"
+        >
           <!-- eslint-disable-next-line vue/no-v-html -->
-          <p dir="auto" v-html="description"></p>
+          <p
+            dir="auto"
+            v-html="description"
+          ></p>
         </SlotTruncator>
         <template>
           <HeaderTable>
@@ -77,9 +84,7 @@
                 />
               </template>
             </HeaderTableRow>
-            <HeaderTableRow
-              :keyText="coreString('suggestedTime')"
-            >
+            <HeaderTableRow :keyText="coreString('suggestedTime')">
               <template #value>
                 {{ currentContentNode.duration || 'Not available' }}
               </template>
@@ -121,7 +126,6 @@
     </template>
 
     <template #main>
-
       <ContentArea
         class="content-area"
         :header="questionLabel(selectedQuestionIndex)"
@@ -129,7 +133,6 @@
         :content="content"
         :isExercise="isExercise"
       />
-
     </template>
   </MultiPaneLayout>
 
@@ -233,7 +236,7 @@
       licenseDescription() {
         return licenseDescriptionForConsumer(
           this.content.license_name,
-          this.content.license_description
+          this.content.license_description,
         );
       },
     },
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonEditDetailsPage/EditDetailsResourceListTable.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonEditDetailsPage/EditDetailsResourceListTable.vue
index d7f03f848f8..8d244126e8f 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonEditDetailsPage/EditDetailsResourceListTable.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonEditDetailsPage/EditDetailsResourceListTable.vue
@@ -23,7 +23,10 @@
             :style="{ backgroundColor: $themeTokens.surface }"
             numCols="8"
           >
-            <KFixedGridItem span="1" class="relative">
+            <KFixedGridItem
+              span="1"
+              class="relative"
+            >
               <div class="move-handle">
                 <DragSortWidget
                   :moveUpText="$tr('moveResourceUpButtonDescription')"
@@ -41,11 +44,21 @@
                   <ContentIcon :kind="resource.kind" />
                   <KRouterLink
                     :text="resource.title"
-                    :to="$router.getRoute('RESOURCE_CONTENT_PREVIEW', {
-                      contentId: resource.contentnode_id
-                    }, { last: 'LessonReportEditDetailsPage' })"
+                    :to="
+                      $router.getRoute(
+                        'RESOURCE_CONTENT_PREVIEW',
+                        {
+                          contentId: resource.contentnode_id,
+                        },
+                        { last: 'LessonReportEditDetailsPage' },
+                      )
+                    "
                   />
-                  <p dir="auto" class="channel-title" :style="{ color: $themeTokens.annotation }">
+                  <p
+                    dir="auto"
+                    class="channel-title"
+                    :style="{ color: $themeTokens.annotation }"
+                  >
                     <dfn class="visuallyhidden"> {{ $tr('parentChannelLabel') }} </dfn>
                     {{ resource.channelTitle }}
                   </p>
@@ -58,12 +71,19 @@
               </template>
               <template v-else>
                 <p>
-                  <KIcon icon="warning" :style=" { fill: $themePalette.yellow.v_1100 }" />
+                  <KIcon
+                    icon="warning"
+                    :style="{ fill: $themePalette.yellow.v_1100 }"
+                  />
                   {{ resourceMissingText }}
                 </p>
               </template>
             </KFixedGridItem>
-            <KFixedGridItem :style="{ 'padding-top': '16px' }" span="3" alignment="right">
+            <KFixedGridItem
+              :style="{ 'padding-top': '16px' }"
+              span="3"
+              alignment="right"
+            >
               <KButton
                 :text="coreString('removeAction')"
                 appearance="flat-button"
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonEditDetailsPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonEditDetailsPage/index.vue
index 33c4f109fa0..fbae803ca7a 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonEditDetailsPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonEditDetailsPage/index.vue
@@ -25,7 +25,6 @@
           :resources.sync="updatedResources"
         />
       </section>
-
     </KPageContainer>
   </CoachImmersivePage>
 
@@ -94,7 +93,7 @@
     created() {
       const initClassInfoPromise = this.$store.dispatch(
         'initClassInfo',
-        this.$route.params.classId
+        this.$route.params.classId,
       );
       const getFacilitiesPromise =
         this.$store.getters.isSuperuser && this.$store.state.core.facilities.length === 0
@@ -105,7 +104,7 @@
         .then(() =>
           LessonResource.fetchModel({
             id: this.$route.params.lessonId,
-          })
+          }),
         )
         .then(lesson => this.setData(lesson))
         .catch(error => this.setError(error))
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/ContentCardList.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/ContentCardList.vue
index 0d66c647014..4a4738dc6c6 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/ContentCardList.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/ContentCardList.vue
@@ -52,7 +52,10 @@
           :isLeaf="content.is_leaf"
         >
           <template #notice>
-            <slot name="notice" :content="content"></slot>
+            <slot
+              name="notice"
+              :content="content"
+            ></slot>
           </template>
         </LessonContentCard>
       </li>
@@ -66,7 +69,7 @@
         @click="$emit('moreresults')"
       />
       <KCircularLoader
-        v-if="viewMoreButtonState === ViewMoreButtonStates.LOADING & loadingMoreState"
+        v-if="(viewMoreButtonState === ViewMoreButtonStates.LOADING) & loadingMoreState"
         :delay="false"
       />
       <!-- TODO introduce messages in next version -->
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/BookmarkIcon.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/BookmarkIcon.vue
index 8876153d1ed..44400b4843e 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/BookmarkIcon.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/BookmarkIcon.vue
@@ -2,7 +2,7 @@
 
   <KIcon
     icon="bookmark"
-    style="top: 50px;left: 75px; width: 34px; height: 34px;"
+    style="top: 50px; left: 75px; width: 34px; height: 34px"
   />
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/CardThumbnail.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/CardThumbnail.vue
index 4a5c9e2a224..a1e59ecd659 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/CardThumbnail.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/CardThumbnail.vue
@@ -11,7 +11,6 @@
       class="thumbnail-icon"
       :style="{ color: $themeTokens.annotation }"
     />
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue
index 16ca7f659d5..8c94aa23297 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue
@@ -1,7 +1,10 @@
 <template>
 
-  <router-link :to="link" class="content-card" :style="{ backgroundColor: $themeTokens.surface }">
-
+  <router-link
+    :to="link"
+    class="content-card"
+    :style="{ backgroundColor: $themeTokens.surface }"
+  >
     <CardThumbnail
       class="thumbnail"
       :thumbnail="thumbnail"
@@ -9,7 +12,10 @@
       :isMobile="windowIsSmall"
     />
 
-    <div :class="windowIsSmall ? 'mobile-text' : 'text'" :style="{ color: $themeTokens.text }">
+    <div
+      :class="windowIsSmall ? 'mobile-text' : 'text'"
+      :style="{ color: $themeTokens.text }"
+    >
       <div
         :class="{ 'title-message-wrapper': Boolean(!windowIsSmall) }"
         :style="{ color: $themeTokens.text }"
@@ -35,7 +41,11 @@
             </template>
           </KLabeledIcon>
         </h3>
-        <div v-if="message" class="message" :style="{ color: $themeTokens.text }">
+        <div
+          v-if="message"
+          class="message"
+          :style="{ color: $themeTokens.text }"
+        >
           {{ message }}
         </div>
       </div>
@@ -54,7 +64,6 @@
       </div>
       <slot name="notice"></slot>
     </div>
-
   </router-link>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/SearchTools/LessonsSearchBox.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/SearchTools/LessonsSearchBox.vue
index 397621a4a4b..dc0886d07c9 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/SearchTools/LessonsSearchBox.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/SearchTools/LessonsSearchBox.vue
@@ -38,7 +38,10 @@
           :ariaLabel="coreString('clearAction')"
           @click="clearSearchTerm"
         />
-        <div class="submit-button-wrapper" :style="{ backgroundColor: $themeTokens.primary }">
+        <div
+          class="submit-button-wrapper"
+          :style="{ backgroundColor: $themeTokens.primary }"
+        >
           <KIconButton
             icon="search"
             :color="$themeTokens.textInverted"
@@ -51,7 +54,6 @@
         </div>
       </div>
     </div>
-
   </form>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/SearchTools/LessonsSearchFilters.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/SearchTools/LessonsSearchFilters.vue
index 9708f3f5af3..0ab052b4d2d 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/SearchTools/LessonsSearchFilters.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/SearchTools/LessonsSearchFilters.vue
@@ -7,7 +7,10 @@
 
     <div>
       <div class="ib">
-        <KIcon class="icon" icon="filterList" />
+        <KIcon
+          class="icon"
+          icon="filterList"
+        />
         <KSelect
           :label="$tr('contentKindFilterLabel')"
           :options="contentKindFilterOptions"
@@ -20,7 +23,10 @@
       </div>
 
       <div class="ib">
-        <KIcon class="icon" icon="channel" />
+        <KIcon
+          class="icon"
+          icon="channel"
+        />
         <KSelect
           :label="$tr('channelFilterLabel')"
           :options="channelFilterOptions"
@@ -36,7 +42,10 @@
         v-if="coachContentInResults"
         class="ib"
       >
-        <KIcon class="icon" icon="coachContent" />
+        <KIcon
+          class="icon"
+          icon="coachContent"
+        />
         <KSelect
           :label="$tr('coachResourcesLabel')"
           :options="roleFilterOptions"
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/index.vue
index 72c97c99d49..a1496bae9e1 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/index.vue
@@ -33,7 +33,8 @@
             :appearanceOverrides="{
               width: '100%',
               textDecoration: 'none',
-              color: $themeTokens.text }"
+              color: $themeTokens.text,
+            }"
             :to="getBookmarksLink()"
           >
             <div :class="windowIsSmall ? 'mobile-bookmark-container' : 'bookmark-container'">
@@ -270,7 +271,7 @@
         // Content in the topic that can be added if 'Select All' is clicked
         const list = this.contentList ? this.contentList : this.bookmarksList;
         return list.filter(
-          content => !this.contentIsDirectoryKind(content) && !this.contentIsInLesson(content)
+          content => !this.contentIsDirectoryKind(content) && !this.contentIsInLesson(content),
         );
       },
       channelsLink() {
@@ -435,7 +436,7 @@
         return this.$router.getRoute(
           LessonsPageNames.LESSON_SELECTION_BOOKMARKS,
           { topicId },
-          this.$route.query
+          this.$route.query,
         );
       },
       bookmarkLink(content) {
@@ -595,7 +596,10 @@
     min-height: 141px;
     margin-bottom: 24px;
     border-radius: 2px;
-    box-shadow: 0 1px 5px 0 #a1a1a1, 0 2px 2px 0 #e6e6e6, 0 3px 1px -2px #ffffff;
+    box-shadow:
+      0 1px 5px 0 #a1a1a1,
+      0 2px 2px 0 #e6e6e6,
+      0 3px 1px -2px #ffffff;
     transition: box-shadow 0.25s ease;
   }
 
@@ -627,7 +631,10 @@
   }
 
   .bookmark-container:hover {
-    box-shadow: 0 5px 5px -3px #a1a1a1, 0 8px 10px 1px #d1d1d1, 0 3px 14px 2px #d4d4d4;
+    box-shadow:
+      0 5px 5px -3px #a1a1a1,
+      0 8px 10px 1px #d1d1d1,
+      0 3px 14px 2px #d4d4d4;
   }
 
   .text {
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/ManageLessonModals.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/ManageLessonModals.vue
index 185ba2c82f9..e232380a453 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/ManageLessonModals.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/ManageLessonModals.vue
@@ -49,7 +49,7 @@
       currentAction: {
         type: String,
         required: true,
-        validator: function(value) {
+        validator: function (value) {
           return ['', 'COPY', 'DELETE'].includes(value.toUpperCase());
         },
       },
@@ -71,7 +71,7 @@
       handleSubmitCopy(selectedClassroomId, selectedCollectionIds, adHocLearnerIds) {
         const title = this.$tr('copyOfLesson', { lessonTitle: this.currentLesson.title }).substring(
           0,
-          50
+          50,
         );
         const classroomName = find(this.classList, { id: selectedClassroomId }).name;
 
@@ -119,7 +119,7 @@
               this.$router.getRoute('PLAN_LESSONS_ROOT', { classId: this.classId }),
               () => {
                 this.showSnackbarNotification('lessonDeleted');
-              }
+              },
             );
           })
           .catch(error => {
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/ResourceListTable.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/ResourceListTable.vue
index 87dac1f9003..2334d228686 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/ResourceListTable.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/ResourceListTable.vue
@@ -4,13 +4,16 @@
     :items="workingResources"
     @sort="handleDrag"
   >
-    <transition-group tag="div" name="list" class="wrapper">
+    <transition-group
+      tag="div"
+      name="list"
+      class="wrapper"
+    >
       <Draggable
         v-for="(resource, index) in workingResources"
         :key="resource.contentnode_id"
       >
         <DragHandle>
-
           <!-- replaced KFixedGrid with normal div to prevent text overlap error  -->
           <div
             class="row"
@@ -39,9 +42,11 @@
                   <div class="content-link">
                     <KRouterLink
                       :text="resourceTitle(resource.contentnode_id)"
-                      :to="$router.getRoute(
-                        'RESOURCE_CONTENT_PREVIEW', { contentId: resource.contentnode_id }
-                      )"
+                      :to="
+                        $router.getRoute('RESOURCE_CONTENT_PREVIEW', {
+                          contentId: resource.contentnode_id,
+                        })
+                      "
                     />
                   </div>
                   <p
@@ -60,18 +65,22 @@
                   :isTopic="false"
                 />
               </div>
-              <div v-else class="child">
+              <div
+                v-else
+                class="child"
+              >
                 {{ resourceMissingText }}
               </div>
-
             </div>
 
             <div class="relative">
               <KIcon
-                v-if="!getCachedResource(resource.contentnode_id) ||
-                  !getCachedResource(resource.contentnode_id).available"
+                v-if="
+                  !getCachedResource(resource.contentnode_id) ||
+                    !getCachedResource(resource.contentnode_id).available
+                "
                 icon="warning"
-                :style=" { fill: $themePalette.yellow.v_1100 }"
+                :style="{ fill: $themePalette.yellow.v_1100 }"
               />
             </div>
 
@@ -184,7 +193,7 @@
                   this.workingResourcesBackup = [...this.workingResources];
                 }
               },
-            }
+            },
           );
         }
       },
@@ -326,7 +335,6 @@
   .move-handle {
     position: absolute;
     top: 16px;
-    left: 18px;
     left: 16px;
   }
 
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/index.vue
index ed3bba940c7..52cc37f812a 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonSummaryPage/index.vue
@@ -1,7 +1,6 @@
 <template>
 
   <CoachAppBarPage>
-
     <KGrid v-if="!loading">
       <KGridItem>
         <QuizLessonDetailsHeader
@@ -63,9 +62,7 @@
                 @cancel="currentAction = ''"
               />
             </div>
-
           </div>
-
         </KPageContainer>
       </KGridItem>
     </KGrid>
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonsRootPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonsRootPage/index.vue
index bd47bd23db6..e23259b6d21 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonsRootPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonsRootPage/index.vue
@@ -37,8 +37,15 @@
             <th>{{ coachString('lessonVisibleLabel') }}</th>
           </template>
           <template #tbody>
-            <transition-group tag="tbody" name="list">
-              <tr v-for="lesson in sortedLessons" v-show="showLesson(lesson)" :key="lesson.id">
+            <transition-group
+              tag="tbody"
+              name="list"
+            >
+              <tr
+                v-for="lesson in sortedLessons"
+                v-show="showLesson(lesson)"
+                :key="lesson.id"
+              >
                 <td>
                   <KRouterLink
                     :to="lessonSummaryLink({ lessonId: lesson.id, classId })"
@@ -57,9 +64,7 @@
                 <td>
                   <Recipients
                     :groupNames="getRecipientNamesForLesson(lesson)"
-                    :hasAssignments="
-                      lesson.assignments.length > 0 || lesson.learner_ids.length > 0
-                    "
+                    :hasAssignments="lesson.assignments.length > 0 || lesson.learner_ids.length > 0"
                   />
                 </td>
                 <td>
@@ -255,7 +260,7 @@
           const sum = this.lessons
             .filter(
               // only include visible lessons
-              lesson => lesson.active
+              lesson => lesson.active,
             )
             .reduce((acc, lesson) => {
               return acc + (lesson.size || 0);
@@ -330,7 +335,7 @@
           .then(() => {
             return this.$store.dispatch(
               'lessonsRoot/refreshClassLessons',
-              this.$route.params.classId
+              this.$route.params.classId,
             );
           })
           .then(() => {
diff --git a/kolibri/plugins/coach/assets/src/views/plan/PlanHeader.vue b/kolibri/plugins/coach/assets/src/views/plan/PlanHeader.vue
index 89b849606c4..3b247d62d7a 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/PlanHeader.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/PlanHeader.vue
@@ -4,7 +4,7 @@
     <p>
       <BackLink
         v-if="classListPageEnabled || userIsMultiFacilityAdmin"
-        :to="$router.getRoute('HomePage', { classId: this.$route.params.classId })"
+        :to="$router.getRoute('HomePage', { classId: $route.params.classId })"
         :text="coreString('classHome')"
       />
     </p>
diff --git a/kolibri/plugins/coach/assets/src/views/plan/PlanLessonSelectionContentPreview.vue b/kolibri/plugins/coach/assets/src/views/plan/PlanLessonSelectionContentPreview.vue
index dd0bcb88670..200a983d8e8 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/PlanLessonSelectionContentPreview.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/PlanLessonSelectionContentPreview.vue
@@ -17,7 +17,6 @@
         @removeResource="handleRemoveResource"
       />
     </KPageContainer>
-
   </CoachImmersivePage>
 
 </template>
@@ -92,7 +91,7 @@
         }
         if (this.workingResources && this.currentContentNode && this.currentContentNode.id) {
           return this.workingResources.some(
-            resource => resource.contentnode_id === this.currentContentNode.id
+            resource => resource.contentnode_id === this.currentContentNode.id,
           );
         }
         return false;
diff --git a/kolibri/plugins/coach/assets/src/views/plan/QuizSummaryPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/QuizSummaryPage/index.vue
index 3bac51831a1..1aee2b931a1 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/QuizSummaryPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/QuizSummaryPage/index.vue
@@ -1,8 +1,10 @@
 <template>
 
   <CoachAppBarPage>
-
-    <KGrid v-if="exam" gutter="16">
+    <KGrid
+      v-if="exam"
+      gutter="16"
+    >
       <KGridItem>
         <QuizLessonDetailsHeader
           :backlink="$router.getRoute('EXAMS')"
@@ -98,10 +100,8 @@
     },
     mixins: [commonCoach, coachStringsMixin, commonCoreStrings],
     setup() {
-      const {
-        randomizedSectionOptionDescription$,
-        fixedSectionOptionDescription$,
-      } = enhancedQuizManagementStrings;
+      const { randomizedSectionOptionDescription$, fixedSectionOptionDescription$ } =
+        enhancedQuizManagementStrings;
       return {
         randomizedSectionOptionDescription$,
         fixedSectionOptionDescription$,
@@ -188,10 +188,7 @@
         this.currentAction = '';
       },
       handleSubmitCopy({ classroomId, groupIds, adHocLearnerIds, examTitle }) {
-        const title = examTitle
-          .trim()
-          .substring(0, 100)
-          .trim();
+        const title = examTitle.trim().substring(0, 100).trim();
 
         const assignments = serverAssignmentPayload(groupIds, classroomId);
 
diff --git a/kolibri/plugins/coach/assets/src/views/plan/assignments/AssignmentCopyModal.vue b/kolibri/plugins/coach/assets/src/views/plan/assignments/AssignmentCopyModal.vue
index 107a71c4efe..17664b0ab4f 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/assignments/AssignmentCopyModal.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/assignments/AssignmentCopyModal.vue
@@ -8,7 +8,10 @@
     @cancel="$emit('cancel')"
   >
     <!-- Classroom Selection Form -->
-    <div v-if="stage === Stages.SELECT_CLASSROOM" id="select-classroom">
+    <div
+      v-if="stage === Stages.SELECT_CLASSROOM"
+      id="select-classroom"
+    >
       <KRadioButton
         v-for="classroom in availableClassrooms"
         :key="classroom.id"
@@ -19,7 +22,10 @@
       />
     </div>
     <!-- Learner Group Selection Form -->
-    <div v-else id="select-learnergroup">
+    <div
+      v-else
+      id="select-learnergroup"
+    >
       <p>{{ $tr('destinationExplanation', { classroomName: selectedClassroomName }) }}</p>
       <p>{{ assignmentQuestion }}</p>
       <RecipientSelector
@@ -28,7 +34,7 @@
         :classId="selectedClassroomId"
         :initialAdHocLearners="[]"
         data-test="recipient-selector"
-        @updateLearners="learners => adHocLearners = learners"
+        @updateLearners="learners => (adHocLearners = learners)"
       />
     </div>
   </KModal>
@@ -125,7 +131,7 @@
             'submit',
             this.selectedClassroomId,
             this.selectedCollectionIds,
-            this.adHocLearners
+            this.adHocLearners,
           );
         }
       },
diff --git a/kolibri/plugins/coach/assets/src/views/plan/assignments/AssignmentDetailsModal.vue b/kolibri/plugins/coach/assets/src/views/plan/assignments/AssignmentDetailsModal.vue
index f2f6afcd8df..d3d6060d40c 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/assignments/AssignmentDetailsModal.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/assignments/AssignmentDetailsModal.vue
@@ -62,7 +62,6 @@
             />
           </KGridItem>
         </KGrid>
-
       </fieldset>
 
       <fieldset>
@@ -84,10 +83,9 @@
           :classId="classId"
           :disabled="disabled || formIsSubmitted"
           :initialAdHocLearners="adHocLearners"
-          @updateLearners="learners => adHocLearners = learners"
+          @updateLearners="learners => (adHocLearners = learners)"
         />
       </fieldset>
-
     </form>
 
     <BottomAppBar v-if="!assignmentIsQuiz">
@@ -211,7 +209,7 @@
                 this.$store.getters['classSummary/quizTitleUnavailable']({
                   title: this.title,
                   excludeId: this.$route.params.quizId,
-                })
+                }),
               ) ||
               this.showTitleError
             ) {
diff --git a/kolibri/plugins/coach/assets/src/views/plan/assignments/IndividualLearnerSelector.vue b/kolibri/plugins/coach/assets/src/views/plan/assignments/IndividualLearnerSelector.vue
index e316be482aa..9acb2ace41c 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/assignments/IndividualLearnerSelector.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/assignments/IndividualLearnerSelector.vue
@@ -8,16 +8,19 @@
       :disabled="disabled"
       @change="$emit('togglevisibility', $event)"
     >
-      <KLabeledIcon icon="people" :label="$tr('individualLearnersLabel')" />
+      <KLabeledIcon
+        icon="people"
+        :label="$tr('individualLearnersLabel')"
+      />
     </KCheckbox>
 
     <!-- Paginated list of learners -->
     <div v-if="isVisible">
       <div class="table-title">
-        {{ $tr("selectedIndividualLearnersLabel") }}
+        {{ $tr('selectedIndividualLearnersLabel') }}
       </div>
       <div class="table-description">
-        {{ $tr("onlyShowingEnrolledLabel") }}
+        {{ $tr('onlyShowingEnrolledLabel') }}
       </div>
 
       <PaginatedListContainer
@@ -51,7 +54,10 @@
 
             <template #tbody>
               <tbody>
-                <tr v-for="learner in items" :key="learner.id">
+                <tr
+                  v-for="learner in items"
+                  :key="learner.id"
+                >
                   <td>
                     <KCheckbox
                       :key="`select-learner-${learner.id}`"
@@ -74,7 +80,6 @@
         </template>
       </PaginatedListContainer>
     </div>
-
   </div>
 
 </template>
@@ -214,7 +219,7 @@
       selectVisiblePage() {
         const newIds = [...this.selectedLearnerIds];
         const isWholePageSelected = every(this.currentPageLearners, learner =>
-          this.selectedLearnerIds.includes(learner.id)
+          this.selectedLearnerIds.includes(learner.id),
         );
         this.currentPageLearners.forEach(learner => {
           const index = newIds.indexOf(learner.id);
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ExerciseQuestionListPageBase.vue b/kolibri/plugins/coach/assets/src/views/reports/ExerciseQuestionListPageBase.vue
index 54dff0b0f8c..5290261c022 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ExerciseQuestionListPageBase.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ExerciseQuestionListPageBase.vue
@@ -1,9 +1,7 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
-
       <ReportsResourceHeader
         :resource="resource"
         @previewClick="onPreviewClick"
@@ -32,9 +30,7 @@
                   :to="questionLink(tableRow.question_id)"
                   icon="question"
                 />
-                <span v-else>
-                  <KIcon icon="question" />{{ tableRow.title }}
-                </span>
+                <span v-else> <KIcon icon="question" />{{ tableRow.title }} </span>
               </td>
               <td>
                 <LearnerProgressRatio
@@ -103,7 +99,7 @@
           {
             questionId,
             exerciseId: this.$route.params.exerciseId,
-          }
+          },
         );
       },
       exportCSV() {
@@ -131,8 +127,8 @@
             {
               contentId: this.exercise.id,
             },
-            this.defaultBackLinkQuery
-          )
+            this.defaultBackLinkQuery,
+          ),
         );
       },
     },
diff --git a/kolibri/plugins/coach/assets/src/views/reports/QuizQuestionListPageBase.vue b/kolibri/plugins/coach/assets/src/views/reports/QuizQuestionListPageBase.vue
index c7b5e091329..c387d576500 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/QuizQuestionListPageBase.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/QuizQuestionListPageBase.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <ReportsQuizBaseListPage :activeTabId="QuizzesTabs.DIFFICULT_QUESTIONS" @export="exportCSV">
+  <ReportsQuizBaseListPage
+    :activeTabId="QuizzesTabs.DIFFICULT_QUESTIONS"
+    @export="exportCSV"
+  >
     <KTabsPanel
       :tabsId="QUIZZES_TABS_ID"
       :activeTabId="QuizzesTabs.DIFFICULT_QUESTIONS"
@@ -12,8 +15,14 @@
             <th>{{ coachString('helpNeededLabel') }}</th>
           </template>
           <template #tbody>
-            <transition-group tag="tbody" name="list">
-              <tr v-for="(tableRow, index) in table" :key="tableRow.item + index">
+            <transition-group
+              tag="tbody"
+              name="list"
+            >
+              <tr
+                v-for="(tableRow, index) in table"
+                :key="tableRow.item + index"
+              >
                 <td>
                   <span v-if="$isPrint">{{ tableRow.title }}</span>
                   <KRouterLink
@@ -22,9 +31,7 @@
                     :to="questionLink(tableRow.item)"
                     icon="question"
                   />
-                  <span v-else>
-                    <KIcon icon="question" />{{ tableRow.title }}
-                  </span>
+                  <span v-else> <KIcon icon="question" />{{ tableRow.title }} </span>
                 </td>
                 <td>
                   <LearnerProgressRatio
@@ -95,7 +102,7 @@
           {
             questionId,
             quizId: this.$route.params.quizId,
-          }
+          },
         );
       },
       exportCSV() {
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsControls.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsControls.vue
index 2a744fa70bc..15a689ae307 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsControls.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsControls.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <div v-show="!$isPrint" class="report-controls">
+  <div
+    v-show="!$isPrint"
+    class="report-controls"
+  >
     <slot></slot>
     <div class="report-controls-buttons">
       <KRouterLink
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupActivityPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupActivityPage.vue
index d43dd87c84d..d22f0441072 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupActivityPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupActivityPage.vue
@@ -1,9 +1,7 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
-
       <ReportsGroupHeader
         :activeTabId="ReportsGroupTabs.ACTIVITY"
         :enablePrint="true"
@@ -17,7 +15,6 @@
           :noActivityString="coachString('activityListEmptyState')"
         />
       </KTabsPanel>
-
     </KPageContainer>
   </CoachAppBarPage>
 
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupHeader.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupHeader.vue
index 7ddfeee7365..06aeff46386 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupHeader.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupHeader.vue
@@ -8,7 +8,10 @@
       />
     </p>
     <h1>
-      <KLabeledIcon icon="group" :label="group.name" />
+      <KLabeledIcon
+        icon="group"
+        :label="group.name"
+      />
     </h1>
 
     <HeaderTabs
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupLearnerListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupLearnerListPage.vue
index 6eec978854c..47cc8b82d4d 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupLearnerListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupLearnerListPage.vue
@@ -1,7 +1,6 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
       <ReportsGroupHeader
         :activeTabId="ReportsGroupTabs.MEMBERS"
@@ -86,7 +85,7 @@
       },
       groupMembers() {
         return this.groupMap[this.$route.params.groupId].member_ids.map(
-          memberId => this.learnerMap[memberId]
+          memberId => this.learnerMap[memberId],
         );
       },
       table() {
@@ -94,7 +93,7 @@
         return sorted.map(learner => {
           const examStatuses = this.examStatuses.filter(status => learner.id === status.learner_id);
           const contentStatuses = this.contentStatuses.filter(
-            status => learner.id === status.learner_id
+            status => learner.id === status.learner_id,
           );
           const augmentedObj = {
             avgScore: this.avgScore(examStatuses),
@@ -128,7 +127,7 @@
         const statuses = contentStatuses.filter(
           status =>
             this.contentIdIsForExercise(status.content_id) &&
-            status.status === this.STATUSES.completed
+            status.status === this.STATUSES.completed,
         );
         return statuses.length;
       },
@@ -136,7 +135,7 @@
         const statuses = contentStatuses.filter(
           status =>
             !this.contentIdIsForExercise(status.content_id) &&
-            status.status !== this.STATUSES.notStarted
+            status.status !== this.STATUSES.notStarted,
         );
         return statuses.length;
       },
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupListPage.vue
index b6b7d181ff2..af3de4e79ff 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupListPage.vue
@@ -1,7 +1,6 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
       <ReportsHeader
         :activeTabId="ReportsTabs.GROUPS"
@@ -96,10 +95,10 @@
         const sorted = sortBy(this.groups, ['name']);
         return sorted.map(group => {
           const groupLessons = this.lessons.filter(
-            lesson => lesson.groups.includes(group.id) || !lesson.groups.length
+            lesson => lesson.groups.includes(group.id) || !lesson.groups.length,
           );
           const groupExams = this.exams.filter(
-            exam => exam.groups.includes(group.id) || !exam.groups.length
+            exam => exam.groups.includes(group.id) || !exam.groups.length,
           );
           const learnerIds = this.getLearnersForGroups([group.id]);
           const tableRow = {
@@ -118,7 +117,7 @@
       avgScore(learnerIds) {
         const relevantStatuses = this.examStatuses.filter(
           status =>
-            learnerIds.includes(status.learner_id) && status.status === this.STATUSES.completed
+            learnerIds.includes(status.learner_id) && status.status === this.STATUSES.completed,
         );
         if (!relevantStatuses.length) {
           return null;
@@ -130,7 +129,7 @@
           ...this.examStatuses.filter(status => learnerIds.includes(status.learner_id)),
           ...this.contentStatuses.filter(
             status =>
-              status.status !== this.STATUSES.notStarted && learnerIds.includes(status.learner_id)
+              status.status !== this.STATUSES.notStarted && learnerIds.includes(status.learner_id),
           ),
         ];
 
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportLessonExerciseLearnerListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportLessonExerciseLearnerListPage.vue
index 37f033488c9..e7043023c75 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportLessonExerciseLearnerListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportLessonExerciseLearnerListPage.vue
@@ -1,9 +1,7 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
-
       <ReportsResourceHeader
         :resource="resource"
         @previewClick="onPreviewClick"
@@ -17,8 +15,9 @@
 
       <ReportsLearnersTable
         :entries="table"
-        :questionCount="resource.assessmentmetadata &&
-          resource.assessmentmetadata.number_of_assessments"
+        :questionCount="
+          resource.assessmentmetadata && resource.assessmentmetadata.number_of_assessments
+        "
       />
     </KPageContainer>
   </CoachAppBarPage>
@@ -72,7 +71,7 @@
             groups,
             statusObj: this.getContentStatusObjForLearner(
               this.$route.params.exerciseId,
-              learner.id
+              learner.id,
             ),
             link: this.link(learner.id),
           };
@@ -113,8 +112,8 @@
             {
               contentId: this.resource.id,
             },
-            this.defaultBackLinkQuery
-          )
+            this.defaultBackLinkQuery,
+          ),
         );
       },
     },
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportLessonResourceLearnerListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportLessonResourceLearnerListPage.vue
index 679ccaeaffa..d7ea3a52bed 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportLessonResourceLearnerListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportLessonResourceLearnerListPage.vue
@@ -1,7 +1,6 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
       <ReportsResourceHeader
         :resource="resource"
@@ -15,7 +14,6 @@
       </ReportsControls>
 
       <ReportsLearnersTable :entries="table" />
-
     </KPageContainer>
   </CoachAppBarPage>
 
@@ -66,7 +64,7 @@
             groups: this.getGroupNamesForLearner(learner.id),
             statusObj: this.getContentStatusObjForLearner(
               this.$route.params.resourceId,
-              learner.id
+              learner.id,
             ),
           };
           Object.assign(tableRow, learner);
@@ -100,8 +98,8 @@
             {
               contentId: this.resource.id,
             },
-            this.defaultBackLinkQuery
-          )
+            this.defaultBackLinkQuery,
+          ),
         );
       },
     },
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportPage.vue
index d3c88aee13e..df5b36e4b30 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportPage.vue
@@ -1,12 +1,8 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
-
-      <ReportsGroupHeader
-        :activeTabId="ReportsGroupTabs.REPORTS"
-      />
+      <ReportsGroupHeader :activeTabId="ReportsGroupTabs.REPORTS" />
       <KTabsPanel
         :tabsId="REPORTS_GROUP_TABS_ID"
         :activeTabId="ReportsGroupTabs.REPORTS"
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportQuizHeader.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportQuizHeader.vue
index d7826015a4e..b75df122e4b 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportQuizHeader.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportQuizHeader.vue
@@ -1,7 +1,6 @@
 <template>
 
   <div>
-
     <p>
       <BackLink
         :to="classRoute('ReportsGroupReportPage')"
@@ -9,7 +8,10 @@
       />
     </p>
     <h1>
-      <KLabeledIcon icon="quiz" :label="exam.title" />
+      <KLabeledIcon
+        icon="quiz"
+        :label="exam.title"
+      />
     </h1>
 
     <HeaderTable>
@@ -49,7 +51,6 @@
         :to="classRoute('ReportsGroupReportQuizQuestionListPage')"
       />
     </HeaderTabs>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportQuizLearnerListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportQuizLearnerListPage.vue
index f106b058d29..bdb5d175d67 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportQuizLearnerListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsGroupReportQuizLearnerListPage.vue
@@ -1,7 +1,13 @@
 <template>
 
-  <ReportsQuizBaseListPage :activeTabId="QuizzesTabs.REPORT" @export="exportCSV">
-    <ReportsLearnersTable :entries="table" :questionCount="exam.question_count" />
+  <ReportsQuizBaseListPage
+    :activeTabId="QuizzesTabs.REPORT"
+    @export="exportCSV"
+  >
+    <ReportsLearnersTable
+      :entries="table"
+      :questionCount="exam.question_count"
+    />
   </ReportsQuizBaseListPage>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsHeader.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsHeader.vue
index d86a8899811..35bba51bab7 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsHeader.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsHeader.vue
@@ -4,7 +4,7 @@
     <p>
       <BackLink
         v-if="classListPageEnabled || userIsMultiFacilityAdmin"
-        :to="$router.getRoute('HomePage', { classId: this.$route.params.classId })"
+        :to="$router.getRoute('HomePage', { classId: $route.params.classId })"
         :text="coreString('classHome')"
       />
     </p>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerActivityPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerActivityPage.vue
index 30d5cde2197..cb2e287faca 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerActivityPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerActivityPage.vue
@@ -1,10 +1,11 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
-
-      <ReportsLearnerHeader :enablePrint="true" :activeTabId="ReportsLearnersTabs.ACTIVITY" />
+      <ReportsLearnerHeader
+        :enablePrint="true"
+        :activeTabId="ReportsLearnersTabs.ACTIVITY"
+      />
       <KTabsPanel
         :tabsId="REPORTS_LEARNERS_TABS_ID"
         :activeTabId="ReportsLearnersTabs.ACTIVITY"
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerHeader.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerHeader.vue
index dd5f205e199..641939e8333 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerHeader.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerHeader.vue
@@ -8,7 +8,10 @@
       />
     </p>
     <h1>
-      <KLabeledIcon icon="person" :label="learner.name" />
+      <KLabeledIcon
+        icon="person"
+        :label="learner.name"
+      />
     </h1>
     <HeaderTable>
       <HeaderTableRow>
@@ -110,7 +113,7 @@
       avgScore() {
         const statuses = this.examStatuses.filter(
           status =>
-            this.learner.id === status.learner_id && status.status === this.STATUSES.completed
+            this.learner.id === status.learner_id && status.status === this.STATUSES.completed,
         );
         if (!statuses.length) {
           return null;
@@ -121,7 +124,7 @@
         const statuses = this.learnerContentStatuses.filter(
           status =>
             this.contentIdIsForExercise(status.content_id) &&
-            status.status === this.STATUSES.completed
+            status.status === this.STATUSES.completed,
         );
         return statuses.length;
       },
@@ -129,7 +132,7 @@
         const statuses = this.learnerContentStatuses.filter(
           status =>
             !this.contentIdIsForExercise(status.content_id) &&
-            status.status !== this.STATUSES.notStarted
+            status.status !== this.STATUSES.notStarted,
         );
         return statuses.length;
       },
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerListPage.vue
index 4b7d35ccb4e..527abf846e3 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerListPage.vue
@@ -1,7 +1,6 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
       <ReportsHeader
         :activeTabId="ReportsTabs.LEARNERS"
@@ -93,12 +92,12 @@
           const groupNames = this.getGroupNames(
             this._.map(
               this.groups.filter(group => group.member_ids.includes(learner.id)),
-              'id'
-            )
+              'id',
+            ),
           );
           const examStatuses = this.examStatuses.filter(status => learner.id === status.learner_id);
           const contentStatuses = this.contentStatuses.filter(
-            status => learner.id === status.learner_id
+            status => learner.id === status.learner_id,
           );
           const augmentedObj = {
             groups: groupNames,
@@ -133,7 +132,7 @@
         const statuses = contentStatuses.filter(
           status =>
             this.contentIdIsForExercise(status.content_id) &&
-            status.status === this.STATUSES.completed
+            status.status === this.STATUSES.completed,
         );
         return statuses.length;
       },
@@ -141,7 +140,7 @@
         const statuses = contentStatuses.filter(
           status =>
             !this.contentIdIsForExercise(status.content_id) &&
-            status.status !== this.STATUSES.notStarted
+            status.status !== this.STATUSES.notStarted,
         );
         return statuses.length;
       },
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerReportLessonPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerReportLessonPage.vue
index 2abf6ed45e6..823d03b4dbf 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerReportLessonPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerReportLessonPage.vue
@@ -1,7 +1,6 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
       <p>
         <BackLink
@@ -73,11 +72,17 @@
                 </KLabeledIcon>
               </td>
               <td>
-                <StatusSimple v-if="tableRow.statusObj" :status="tableRow.statusObj.status" />
+                <StatusSimple
+                  v-if="tableRow.statusObj"
+                  :status="tableRow.statusObj.status"
+                />
                 <KEmptyPlaceholder v-else />
               </td>
               <td>
-                <TimeDuration v-if="tableRow.statusObj" :seconds="showTime(tableRow)" />
+                <TimeDuration
+                  v-if="tableRow.statusObj"
+                  :seconds="showTime(tableRow)"
+                />
                 <KEmptyPlaceholder v-else />
               </td>
             </tr>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerReportPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerReportPage.vue
index 6a4994201df..f9d1c214da4 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerReportPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerReportPage.vue
@@ -1,9 +1,7 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
-
       <ReportsLearnerHeader :activeTabId="ReportsLearnersTabs.REPORTS" />
       <KTabsPanel
         :tabsId="REPORTS_LEARNERS_TABS_ID"
@@ -30,9 +28,11 @@
                   >
                     <td>
                       <KRouterLink
-                        :to="classRoute('ReportsLearnerReportLessonPage', {
-                          lessonId: tableRow.id
-                        })"
+                        :to="
+                          classRoute('ReportsLearnerReportLessonPage', {
+                            lessonId: tableRow.id,
+                          })
+                        "
                         :text="tableRow.title"
                         icon="lesson"
                       />
@@ -84,7 +84,6 @@
             </CoreTable>
           </KGridItem>
         </KGrid>
-
       </KTabsPanel>
     </KPageContainer>
   </CoachAppBarPage>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnersTable.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnersTable.vue
index db640b6c981..0e0fd9be25a 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnersTable.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnersTable.vue
@@ -21,8 +21,15 @@
       </th>
     </template>
     <template #tbody>
-      <transition-group tag="tbody" name="list">
-        <tr v-for="tableRow in entries" :key="tableRow.id" data-test="entry">
+      <transition-group
+        tag="tbody"
+        name="list"
+      >
+        <tr
+          v-for="tableRow in entries"
+          :key="tableRow.id"
+          data-test="entry"
+        >
           <td>
             <KLabeledIcon icon="person">
               <KRouterLink
@@ -37,31 +44,30 @@
             </KLabeledIcon>
           </td>
           <td v-if="!showQuizStatus(tableRow)">
-            <StatusSimple
-              :status="tableRow.statusObj.status"
-            />
+            <StatusSimple :status="tableRow.statusObj.status" />
           </td>
           <td v-else-if="tableRow.statusObj.status !== STATUSES.started">
-            <StatusSimple
-              :status="tableRow.statusObj.status"
-            />
+            <StatusSimple :status="tableRow.statusObj.status" />
             <div
               class="small-answered-count"
               :style="answerCountColorStyles"
             >
-              {{
-                completedQuestionsCountLabel(tableRow.statusObj.num_answered, questionCount)
-              }}
+              {{ completedQuestionsCountLabel(tableRow.statusObj.num_answered, questionCount) }}
             </div>
           </td>
           <td v-else>
             <KLabeledIcon>
               <template #icon>
-                <KIcon :color="$themeTokens.progress" icon="inProgress" />
+                <KIcon
+                  :color="$themeTokens.progress"
+                  icon="inProgress"
+                />
               </template>
               {{
-                $tr('questionsCompletedRatioLabel',
-                    { count: tableRow.statusObj.num_answered || 0, total: questionCount })
+                $tr('questionsCompletedRatioLabel', {
+                  count: tableRow.statusObj.num_answered || 0,
+                  total: questionCount,
+                })
               }}
             </KLabeledIcon>
           </td>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonBase.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonBase.vue
index a29c53bd4f1..72fbe0d1c7c 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonBase.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonBase.vue
@@ -1,15 +1,14 @@
 <template>
 
   <CoachAppBarPage>
-
     <KGrid gutter="16">
       <KGridItem>
         <QuizLessonDetailsHeader
           examOrLesson="lesson"
           :backlinkLabel="group ? group.name : coreString('allLessonsLabel')"
-          :backlink="group ?
-            classRoute('ReportsGroupReportPage') :
-            classRoute('ReportsLessonListPage')"
+          :backlink="
+            group ? classRoute('ReportsGroupReportPage') : classRoute('ReportsLessonListPage')
+          "
         >
           <template #dropdown>
             <LessonOptionsDropdownMenu
@@ -56,7 +55,6 @@
         </KPageContainer>
       </KGridItem>
     </KGrid>
-
   </CoachAppBarPage>
 
 </template>
@@ -157,7 +155,7 @@
             status: this.getLessonStatusStringForLearner(this.lesson.id, learner.id),
             link: this.classRoute(
               this.group ? 'ReportsGroupReportLessonLearnerPage' : 'ReportsLessonLearnerPage',
-              { learnerId: learner.id }
+              { learnerId: learner.id },
             ),
           };
           Object.assign(tableRow, learner);
@@ -206,8 +204,8 @@
               'SELECTION_ROOT',
               {},
               // So the "X" and "Cancel" buttons return back to the ReportPage
-              { last: this.$route.name }
-            )
+              { last: this.$route.name },
+            ),
           );
         }
         if (action === 'PRINT_REPORT') {
@@ -257,14 +255,14 @@
               this.group
                 ? 'ReportsGroupReportLessonExerciseLearnerListPage'
                 : 'ReportsLessonExerciseLearnerListPage',
-              { exerciseId: resource.content_id }
+              { exerciseId: resource.content_id },
             );
           } else {
             return this.classRoute(
               this.group
                 ? 'ReportsGroupReportLessonResourceLearnerListPage'
                 : 'ReportsLessonResourceLearnerListPage',
-              { resourceId: resource.content_id }
+              { resourceId: resource.content_id },
             );
           }
         }
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonExerciseLearnerListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonExerciseLearnerListPage.vue
index 5dc9a0a2521..bafa4044f65 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonExerciseLearnerListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonExerciseLearnerListPage.vue
@@ -1,9 +1,7 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
-
       <ReportsResourceHeader
         :resource="resource"
         @previewClick="onPreviewClick"
@@ -147,7 +145,7 @@
             groups,
             statusObj: this.getContentStatusObjForLearner(
               this.$route.params.exerciseId,
-              learner.id
+              learner.id,
             ),
             link: this.getExerciseLearnerLink(learner.id),
           };
@@ -205,7 +203,7 @@
       },
       getGroupEntries(groupId) {
         const learnerIdMap = fromPairs(
-          this.getLearnersForGroups([groupId]).map(learnerId => [learnerId, true])
+          this.getLearnersForGroups([groupId]).map(learnerId => [learnerId, true]),
         );
         return this.allEntries.filter(entry => {
           return learnerIdMap[entry.id];
@@ -226,8 +224,8 @@
             {
               last: lastPage,
               exerciseId: this.exercise.content_id,
-            }
-          )
+            },
+          ),
         );
       },
       exportCSV() {
@@ -243,7 +241,7 @@
         columns.push(
           ...csvFields.name(),
           ...csvFields.learnerProgress('statusObj.status'),
-          ...csvFields.timeSpent('statusObj.time_spent')
+          ...csvFields.timeSpent('statusObj.time_spent'),
         );
 
         if (!this.viewByGroups) {
@@ -277,7 +275,7 @@
             this.ungroupedEntries.map(entry => {
               entry.groupName = '';
               return entry;
-            })
+            }),
           );
         }
 
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnerBase.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnerBase.vue
index b9a82f553bc..9609a67653f 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnerBase.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnerBase.vue
@@ -1,12 +1,14 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
       <p>
         <BackLink
-          :to="classRoute(group ?
-            'ReportsGroupReportLessonLearnerListPage' : 'ReportsLessonLearnerListPage')"
+          :to="
+            classRoute(
+              group ? 'ReportsGroupReportLessonLearnerListPage' : 'ReportsLessonLearnerListPage',
+            )
+          "
           :text="lesson.title"
         />
       </p>
@@ -54,11 +56,17 @@
                 </KLabeledIcon>
               </td>
               <td>
-                <StatusSimple v-if="tableRow.statusObj" :status="tableRow.statusObj.status" />
+                <StatusSimple
+                  v-if="tableRow.statusObj"
+                  :status="tableRow.statusObj.status"
+                />
                 <KEmptyPlaceholder v-else />
               </td>
               <td>
-                <TimeDuration v-if="tableRow.statusObj" :seconds="showTimeDuration(tableRow)" />
+                <TimeDuration
+                  v-if="tableRow.statusObj"
+                  :seconds="showTimeDuration(tableRow)"
+                />
                 <KEmptyPlaceholder v-else />
               </td>
             </tr>
@@ -122,7 +130,7 @@
           this.group
             ? PageNames.REPORTS_GROUP_REPORT_LESSON_EXERCISE_LEARNER_PAGE_ROOT
             : PageNames.REPORTS_LESSON_LEARNER_EXERCISE_PAGE_ROOT,
-          { exerciseId }
+          { exerciseId },
         );
       },
       showLink(tableRow) {
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnerListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnerListPage.vue
index f3a29f3010e..9f7ab8bee56 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnerListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnerListPage.vue
@@ -1,7 +1,13 @@
 <template>
 
-  <ReportsLessonBase :showLearners="true" :activeTabId="ReportsLessonTabs.LEARNERS">
-    <KTabPanel :tabsId="REPORTS_LESSON_TABS_ID" :activeTabId="ReportsLessonTabs.LEARNERS" />
+  <ReportsLessonBase
+    :showLearners="true"
+    :activeTabId="ReportsLessonTabs.LEARNERS"
+  >
+    <KTabPanel
+      :tabsId="REPORTS_LESSON_TABS_ID"
+      :activeTabId="ReportsLessonTabs.LEARNERS"
+    />
   </ReportsLessonBase>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnersList.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnersList.vue
index e983445cdcb..d420bd9f14a 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnersList.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonLearnersList.vue
@@ -9,8 +9,14 @@
       </th>
     </template>
     <template #tbody>
-      <transition-group tag="tbody" name="list">
-        <tr v-for="tableRow in entries" :key="tableRow.id">
+      <transition-group
+        tag="tbody"
+        name="list"
+      >
+        <tr
+          v-for="tableRow in entries"
+          :key="tableRow.id"
+        >
           <td>
             <KRouterLink
               :text="tableRow.name"
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonListPage.vue
index c1231f97bcc..9adb46e6395 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonListPage.vue
@@ -1,13 +1,15 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
       <ReportsHeader
         :activeTabId="ReportsTabs.LESSONS"
         :title="$isPrint ? $tr('printLabel', { className }) : null"
       />
-      <p v-if="calcTotalSizeOfVisibleLessons !== null" class="total-size">
+      <p
+        v-if="calcTotalSizeOfVisibleLessons !== null"
+        class="total-size"
+      >
         {{ coachString('totalLessonsSize', { size: calcTotalSizeOfVisibleLessons }) }}
       </p>
 
@@ -22,7 +24,6 @@
             :options="filterOptions"
             :inline="true"
           />
-
         </ReportsControls>
         <CoreTable :emptyMessage="emptyMessage">
           <template #headers>
@@ -220,7 +221,7 @@
           const sum = this.table
             .filter(
               // only include visible lessons
-              lesson => lesson.active
+              lesson => lesson.active,
             )
             .reduce((acc, lesson) => {
               return acc + (lesson.size || 0);
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonManagerPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonManagerPage.vue
index ad9092b1c69..1d34b5f0060 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonManagerPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonManagerPage.vue
@@ -1,10 +1,7 @@
 <template>
 
   <CoachAppBarPage>
-
-    <KPageContainer>
-      Resource manager
-    </KPageContainer>
+    <KPageContainer> Resource manager </KPageContainer>
   </CoachAppBarPage>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonReportPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonReportPage.vue
index 741f7fca323..490e125b67c 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonReportPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonReportPage.vue
@@ -1,7 +1,13 @@
 <template>
 
-  <ReportsLessonBase :showResources="true" :activeTabId="ReportsLessonTabs.REPORTS">
-    <KTabPanel :tabsId="REPORTS_LESSON_TABS_ID" :activeTabId="ReportsLessonTabs.REPORTS" />
+  <ReportsLessonBase
+    :showResources="true"
+    :activeTabId="ReportsLessonTabs.REPORTS"
+  >
+    <KTabPanel
+      :tabsId="REPORTS_LESSON_TABS_ID"
+      :activeTabId="ReportsLessonTabs.REPORTS"
+    />
   </ReportsLessonBase>
 
 </template>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourceLearnerListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourceLearnerListPage.vue
index 167e7b0ae41..0c98f7eb70f 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourceLearnerListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourceLearnerListPage.vue
@@ -1,9 +1,11 @@
 <template>
 
   <CoachAppBarPage>
-
     <KPageContainer>
-      <ReportsResourceHeader :resource="resource" @previewClick="onPreviewClick" />
+      <ReportsResourceHeader
+        :resource="resource"
+        @previewClick="onPreviewClick"
+      />
 
       <ReportsControls @export="exportCSV">
         <KCheckbox
@@ -24,7 +26,10 @@
             class="group-title"
             data-test="group-title"
           >
-            <KLabeledIcon icon="group" :label="group.name" />
+            <KLabeledIcon
+              icon="group"
+              :label="group.name"
+            />
           </h2>
 
           <ReportsResourcesStats
@@ -149,7 +154,7 @@
             groups: this.getGroupNamesForLearner(learner.id),
             statusObj: this.getContentStatusObjForLearner(
               this.$route.params.resourceId,
-              learner.id
+              learner.id,
             ),
           };
           Object.assign(tableRow, learner);
@@ -180,7 +185,7 @@
       },
       getGroupEntries(groupId) {
         const learnerIdMap = fromPairs(
-          this.getLearnersForGroups([groupId]).map(learnerId => [learnerId, true])
+          this.getLearnersForGroups([groupId]).map(learnerId => [learnerId, true]),
         );
         return this.allEntries.filter(entry => {
           return learnerIdMap[entry.id];
@@ -209,8 +214,8 @@
             {
               last: lastPage,
               resourceId: this.resource.content_id,
-            }
-          )
+            },
+          ),
         );
       },
       exportCSV() {
@@ -226,7 +231,7 @@
         columns.push(
           ...csvFields.name(),
           ...csvFields.learnerProgress('statusObj.status'),
-          ...csvFields.timeSpent('statusObj.time_spent')
+          ...csvFields.timeSpent('statusObj.time_spent'),
         );
 
         if (!this.viewByGroups) {
@@ -260,7 +265,7 @@
             this.ungroupedEntries.map(entry => {
               entry.groupName = '';
               return entry;
-            })
+            }),
           );
         }
 
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourcesList.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourcesList.vue
index 3a0ea2693e9..691692430e6 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourcesList.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLessonResourcesList.vue
@@ -7,8 +7,14 @@
       <th>{{ coachString('avgTimeSpentLabel') }}</th>
     </template>
     <template #tbody>
-      <transition-group tag="tbody" name="list">
-        <tr v-for="tableRow in entries" :key="tableRow.node_id">
+      <transition-group
+        tag="tbody"
+        name="list"
+      >
+        <tr
+          v-for="tableRow in entries"
+          :key="tableRow.node_id"
+        >
           <td>
             <KLabeledIcon :icon="tableRow.kind">
               <KRouterLink
@@ -30,7 +36,10 @@
             <KEmptyPlaceholder v-else />
           </td>
           <td>
-            <TimeDuration v-if="tableRow.tally" :seconds="tableRow.avgTimeSpent" />
+            <TimeDuration
+              v-if="tableRow.tally"
+              :seconds="tableRow.avgTimeSpent"
+            />
             <KEmptyPlaceholder v-else />
           </td>
         </tr>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizBaseListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizBaseListPage.vue
index 1c60b69968c..26957eae109 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizBaseListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizBaseListPage.vue
@@ -1,13 +1,16 @@
 <template>
 
   <CoachAppBarPage>
-
-    <KGrid v-if="exam" gutter="16">
+    <KGrid
+      v-if="exam"
+      gutter="16"
+    >
       <KGridItem>
         <QuizLessonDetailsHeader
           examOrLesson="exam"
           :backlink="
-            group ? classRoute('ReportsGroupReportPage') : classRoute('ReportsQuizListPage')"
+            group ? classRoute('ReportsGroupReportPage') : classRoute('ReportsQuizListPage')
+          "
           :backlinkLabel="group ? group.name : coachString('allQuizzesLabel')"
           optionsFor="report"
         >
@@ -152,7 +155,7 @@
         }
         if (option === 'PREVIEW') {
           this.$router.push(
-            this.$router.getRoute('ReportsQuizPreviewPage', {}, this.defaultBackLinkQuery)
+            this.$router.getRoute('ReportsQuizPreviewPage', {}, this.defaultBackLinkQuery),
           );
         }
         if (option === 'PRINT_REPORT') {
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizLearnerListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizLearnerListPage.vue
index 58c4ed910bc..661ca450f2d 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizLearnerListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizLearnerListPage.vue
@@ -1,11 +1,17 @@
 <template>
 
-  <ReportsQuizBaseListPage :activeTabId="QuizzesTabs.REPORT" @export="exportCSV">
+  <ReportsQuizBaseListPage
+    :activeTabId="QuizzesTabs.REPORT"
+    @export="exportCSV"
+  >
     <KTabsPanel
       :tabsId="QUIZZES_TABS_ID"
       :activeTabId="QuizzesTabs.REPORT"
     >
-      <ReportsLearnersTable :entries="table" :questionCount="exam.question_count" />
+      <ReportsLearnersTable
+        :entries="table"
+        :questionCount="exam.question_count"
+      />
     </KTabsPanel>
   </ReportsQuizBaseListPage>
 
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizListPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizListPage.vue
index d01e9c9b5fa..79a35227679 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizListPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizListPage.vue
@@ -1,8 +1,7 @@
 <template>
 
   <CoachAppBarPage>
-
-    <KPageContainer :class="{ 'print': $isPrint }">
+    <KPageContainer :class="{ print: $isPrint }">
       <ReportsHeader
         :activeTabId="ReportsTabs.QUIZZES"
         :title="$isPrint ? $tr('printLabel', { className }) : null"
@@ -21,12 +20,11 @@
             :options="filterOptions"
             :inline="true"
           />
-
         </ReportsControls>
         <CoreTable :emptyMessage="emptyMessage">
           <template #headers>
             <th>{{ coachString('titleLabel') }}</th>
-            <th style="position:relative;">
+            <th style="position: relative">
               {{ coachString('avgScoreLabel') }}
               <AverageScoreTooltip v-show="!$isPrint" />
             </th>
@@ -85,7 +83,10 @@
                     :text="coachString('openQuizLabel')"
                     appearance="flat-button"
                     class="table-left-aligned-button"
-                    @click="showOpenConfirmationModal = true; modalQuiz = tableRow"
+                    @click="
+                      showOpenConfirmationModal = true;
+                      modalQuiz = tableRow;
+                    "
                   />
                   <!-- Close quiz button -->
                   <KButton
@@ -93,7 +94,10 @@
                     :text="coachString('closeQuizLabel')"
                     appearance="flat-button"
                     class="table-left-aligned-button"
-                    @click="showCloseConfirmationModal = true; modalQuiz = tableRow;"
+                    @click="
+                      showCloseConfirmationModal = true;
+                      modalQuiz = tableRow;
+                    "
                   />
                   <div
                     v-if="tableRow.archive"
@@ -119,7 +123,8 @@
           <p
             v-if="
               modalQuiz.data_model_version === 3 &&
-                modalQuiz.question_sources.some(s => (!s.questions || s.questions.length === 0))"
+                modalQuiz.question_sources.some(s => !s.questions || s.questions.length === 0)
+            "
           >
             {{ coachString('openQuizModalEmptySections') }}
           </p>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizPreviewPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizPreviewPage.vue
index f520539aee4..8455c920d5d 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizPreviewPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsQuizPreviewPage.vue
@@ -47,10 +47,8 @@
     },
     mixins: [commonCoach],
     setup() {
-      const {
-        randomizedSectionOptionDescription$,
-        fixedSectionOptionDescription$,
-      } = enhancedQuizManagementStrings;
+      const { randomizedSectionOptionDescription$, fixedSectionOptionDescription$ } =
+        enhancedQuizManagementStrings;
       return {
         randomizedSectionOptionDescription$,
         fixedSectionOptionDescription$,
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsResourceHeader.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsResourceHeader.vue
index a312fa33a3c..3eecaa2a769 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsResourceHeader.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsResourceHeader.vue
@@ -1,16 +1,15 @@
 <template>
 
   <div>
-
     <section>
       <HeaderWithOptions>
         <template #header>
           <p>
             <BackLink
               :to="
-                group ?
-                  classRoute('ReportsGroupReportLessonPage', {}) :
-                  classRoute('ReportsLessonReportPage')
+                group
+                  ? classRoute('ReportsGroupReportLessonPage', {})
+                  : classRoute('ReportsLessonReportPage')
               "
               :text="coachString('backToLessonLabel', { lesson: lesson.title })"
             />
@@ -23,15 +22,28 @@
           />
         </template>
       </HeaderWithOptions>
-      <MissingResourceAlert v-if="resourceMissing" :multiple="false" />
+      <MissingResourceAlert
+        v-if="resourceMissing"
+        :multiple="false"
+      />
       <h1>
-        <KLabeledIcon :icon="resource.kind" :label="resource.title" />
+        <KLabeledIcon
+          :icon="resource.kind"
+          :label="resource.title"
+        />
       </h1>
     </section>
 
-    <SlotTruncator v-if="description" :maxHeight="96" :showViewMore="true">
+    <SlotTruncator
+      v-if="description"
+      :maxHeight="96"
+      :showViewMore="true"
+    >
       <!-- eslint-disable-next-line vue/no-v-html -->
-      <p dir="auto" v-html="description"></p>
+      <p
+        dir="auto"
+        v-html="description"
+      ></p>
     </SlotTruncator>
 
     <HeaderTable>
@@ -49,14 +61,10 @@
         :keyText="coreString('masteryModelLabel')"
       >
         <template #value>
-          <MasteryModel
-            :masteryModel="resource.assessmentmetadata.mastery_model"
-          />
+          <MasteryModel :masteryModel="resource.assessmentmetadata.mastery_model" />
         </template>
       </HeaderTableRow>
-      <HeaderTableRow
-        :keyText="coreString('suggestedTime')"
-      >
+      <HeaderTableRow :keyText="coreString('suggestedTime')">
         <template #value>
           {{ resource.duration || 'Not available' }}
         </template>
@@ -100,24 +108,27 @@
       </HeaderTableRow>
     </HeaderTable>
 
-    <HeaderTabs v-if="resource.assessmentmetadata" :enablePrint="true">
+    <HeaderTabs
+      v-if="resource.assessmentmetadata"
+      :enablePrint="true"
+    >
       <HeaderTab
         :text="coachString('reportLabel')"
         :to="
-          group ?
-            classRoute('ReportsGroupReportLessonExerciseLearnerListPage') :
-            classRoute('ReportsLessonExerciseLearnerListPage')
+          group
+            ? classRoute('ReportsGroupReportLessonExerciseLearnerListPage')
+            : classRoute('ReportsLessonExerciseLearnerListPage')
         "
       />
       <HeaderTab
         :text="coachString('difficultQuestionsLabel')"
-        :to="group ?
-          classRoute('ReportsGroupReportLessonExerciseQuestionListPage') :
-          classRoute('ReportsLessonExerciseQuestionListPage')
+        :to="
+          group
+            ? classRoute('ReportsGroupReportLessonExerciseQuestionListPage')
+            : classRoute('ReportsLessonExerciseQuestionListPage')
         "
       />
     </HeaderTabs>
-
   </div>
 
 </template>
@@ -178,7 +189,7 @@
       licenseDescription() {
         return licenseDescriptionForConsumer(
           this.resource.license_name,
-          this.resource.license_description
+          this.resource.license_description,
         );
       },
       resourceMissing() {
diff --git a/kolibri/plugins/coach/assets/test/selectRandomExamQuestions.spec.js b/kolibri/plugins/coach/assets/test/selectRandomExamQuestions.spec.js
index 0d4cc6e7003..e4430636bf4 100644
--- a/kolibri/plugins/coach/assets/test/selectRandomExamQuestions.spec.js
+++ b/kolibri/plugins/coach/assets/test/selectRandomExamQuestions.spec.js
@@ -25,7 +25,7 @@ const EXERCISES = [
 function countQuestions(exerciseId, questionList) {
   return questionList.reduce(
     (acc, question) => (question.exercise_id === exerciseId ? acc + 1 : acc),
-    0
+    0,
   );
 }
 
diff --git a/kolibri/plugins/coach/assets/test/useFetchTree.spec.js b/kolibri/plugins/coach/assets/test/useFetchTree.spec.js
index 2ec64906092..deb73cdaa6c 100644
--- a/kolibri/plugins/coach/assets/test/useFetchTree.spec.js
+++ b/kolibri/plugins/coach/assets/test/useFetchTree.spec.js
@@ -78,7 +78,7 @@ describe('useFetchTree', () => {
       'exposes no properties prefixed with _',
       property => {
         expect(property[0]).not.toBe('_');
-      }
+      },
     );
   });
 });
diff --git a/kolibri/plugins/coach/assets/test/useQuizCreation.spec.js b/kolibri/plugins/coach/assets/test/useQuizCreation.spec.js
index 0a7067bf7e0..7e20a3d7c38 100644
--- a/kolibri/plugins/coach/assets/test/useQuizCreation.spec.js
+++ b/kolibri/plugins/coach/assets/test/useQuizCreation.spec.js
@@ -24,7 +24,7 @@ function generateQuestions(num = 0) {
         exercise_id: VALID_EXERCISE_ID,
         item: `${VALID_EXERCISE_ID}:${i}`,
       },
-      QuizQuestion
+      QuizQuestion,
     );
     qs.push(question);
   }
@@ -44,7 +44,7 @@ function generateExercise(numQuestions) {
       content_id: VALID_EXERCISE_ID,
       assessmentmetadata,
     },
-    QuizExercise
+    QuizExercise,
   );
   return exercise;
 }
@@ -136,7 +136,7 @@ describe('useQuizCreation', () => {
         removeSection(1);
         expect(get(allSections)).toHaveLength(1);
         expect(
-          get(allSections).find(s => s.section_id === addedSection.section_id)
+          get(allSections).find(s => s.section_id === addedSection.section_id),
         ).toBeUndefined();
       });
 
@@ -145,7 +145,7 @@ describe('useQuizCreation', () => {
         const newTitle = 'New Title';
         updateSection({ sectionIndex: 1, section_title: newTitle });
         expect(
-          get(allSections).find(s => s.section_id === addedSection.section_id).section_title
+          get(allSections).find(s => s.section_id === addedSection.section_id).section_title,
         ).toEqual(newTitle);
       });
 
@@ -193,17 +193,17 @@ describe('useQuizCreation', () => {
             sectionIndex: get(activeSectionIndex),
             resourcePool: [exercise],
             questionCount: MAX_QUESTIONS_PER_QUIZ_SECTION + 1,
-          })
+          }),
         ).toThrow(TypeError);
       });
       it('updateSection throws a TypeError if questions is not an array', () => {
         expect(() =>
-          updateSection({ sectionIndex: get(activeSectionIndex), questions: 1 })
+          updateSection({ sectionIndex: get(activeSectionIndex), questions: 1 }),
         ).toThrow(TypeError);
       });
       it('updateSection throws a TypeError if questions is not an array of QuizQuestions', () => {
         expect(() =>
-          updateSection({ sectionIndex: get(activeSectionIndex), questions: [1, 2, 3] })
+          updateSection({ sectionIndex: get(activeSectionIndex), questions: [1, 2, 3] }),
         ).toThrow(TypeError);
       });
     });
diff --git a/kolibri/plugins/demo_server/assets/src/DemoServerBannerContent.vue b/kolibri/plugins/demo_server/assets/src/DemoServerBannerContent.vue
index 4ae94d12efc..baddf7e887d 100644
--- a/kolibri/plugins/demo_server/assets/src/DemoServerBannerContent.vue
+++ b/kolibri/plugins/demo_server/assets/src/DemoServerBannerContent.vue
@@ -7,8 +7,8 @@
     <h1>{{ $tr('demoServerHeader') }}</h1>
     <p>{{ $tr('demoServerP1') }}</p>
     <ul>
-      <li>{{ $tr('demoServerL1', { user: 'learnerdemo', pass: 'pass' } ) }}</li>
-      <li>{{ $tr('demoServerL2', { user: 'coachdemo', pass: 'pass' } ) }}</li>
+      <li>{{ $tr('demoServerL1', { user: 'learnerdemo', pass: 'pass' }) }}</li>
+      <li>{{ $tr('demoServerL2', { user: 'coachdemo', pass: 'pass' }) }}</li>
     </ul>
     <p>{{ $tr('demoServerP2') }}</p>
     <p>{{ $tr('demoServerP3') }}</p>
diff --git a/kolibri/plugins/device/assets/src/app.js b/kolibri/plugins/device/assets/src/app.js
index 7dcdb1ce654..13e9be97570 100644
--- a/kolibri/plugins/device/assets/src/app.js
+++ b/kolibri/plugins/device/assets/src/app.js
@@ -53,7 +53,7 @@ class DeviceManagementModule extends KolibriApp {
       this.store.dispatch('resetModuleState', { toRoute, fromRoute });
     });
     router.beforeResolve((to, from, next) => {
-      this.checkIfPinAuthenticationIsRequired(this.store, function() {
+      this.checkIfPinAuthenticationIsRequired(this.store, function () {
         viewPlugin = true;
         next();
       });
diff --git a/kolibri/plugins/device/assets/src/composables/usePlugins.js b/kolibri/plugins/device/assets/src/composables/usePlugins.js
index cc458cda497..912c9c7a898 100644
--- a/kolibri/plugins/device/assets/src/composables/usePlugins.js
+++ b/kolibri/plugins/device/assets/src/composables/usePlugins.js
@@ -13,7 +13,7 @@ export default function usePlugins() {
       url: urls['kolibri:core:plugins-list'](),
     }).then(response => {
       plugins.value = response.data;
-    })
+    }),
   );
 
   function togglePlugin(pluginId, value) {
diff --git a/kolibri/plugins/device/assets/src/modules/manageContent/actions/taskActions.js b/kolibri/plugins/device/assets/src/modules/manageContent/actions/taskActions.js
index 41ad3a660ce..49fa5634f5b 100644
--- a/kolibri/plugins/device/assets/src/modules/manageContent/actions/taskActions.js
+++ b/kolibri/plugins/device/assets/src/modules/manageContent/actions/taskActions.js
@@ -18,7 +18,7 @@ export function cancelTask(store, taskId) {
       () => {
         cancelWatch();
         TaskResource.clear(taskId).then(resolve);
-      }
+      },
     );
     TaskResource.cancel(taskId);
   });
diff --git a/kolibri/plugins/device/assets/src/modules/manageContent/index.js b/kolibri/plugins/device/assets/src/modules/manageContent/index.js
index 00da52d4ad6..4418035d3bb 100644
--- a/kolibri/plugins/device/assets/src/modules/manageContent/index.js
+++ b/kolibri/plugins/device/assets/src/modules/manageContent/index.js
@@ -51,18 +51,19 @@ export default {
         const taskIndex = findLastIndex(getters.managedTasks, task => {
           const isLatest = task => {
             const tasksWithSameChannelId = getters.managedTasks.filter(
-              t => t.extra_metadata.channel_id === channel.id && t.status === TaskStatuses.COMPLETED
+              t =>
+                t.extra_metadata.channel_id === channel.id && t.status === TaskStatuses.COMPLETED,
             );
             const maxScheduledDatetime = tasksWithSameChannelId.reduce(
               (max, current) =>
                 current.scheduled_datetime > max ? current.scheduled_datetime : max,
-              tasksWithSameChannelId[0].scheduled_datetime
+              tasksWithSameChannelId[0].scheduled_datetime,
             );
             return task.scheduled_datetime === maxScheduledDatetime;
           };
           return (
             ![TaskTypes.DISKCONTENTEXPORT, TaskTypes.DISKEXPORT, TaskTypes.DELETECHANNEL].includes(
-              task.type
+              task.type,
             ) &&
             task.extra_metadata.channel_id === channel.id &&
             task.status === TaskStatuses.COMPLETED &&
@@ -119,7 +120,7 @@ export default {
             TaskTypes.DISKCHANNELIMPORT,
             TaskTypes.REMOTECHANNELDIFFSTATS,
             TaskTypes.LOCALCHANNELDIFFSTATS,
-          ].includes(task.type)
+          ].includes(task.type),
       );
     },
   },
diff --git a/kolibri/plugins/device/assets/src/modules/managePermissions/handlers.js b/kolibri/plugins/device/assets/src/modules/managePermissions/handlers.js
index 30ae27f809c..4676d7996b2 100644
--- a/kolibri/plugins/device/assets/src/modules/managePermissions/handlers.js
+++ b/kolibri/plugins/device/assets/src/modules/managePermissions/handlers.js
@@ -5,12 +5,12 @@ import mapValues from 'lodash/mapValues';
 import head from 'lodash/head';
 
 function fetchDevicePermissions() {
-  return DevicePermissionsResource.fetchCollection({ force: true }).then(function transform(
-    permissions
-  ) {
-    // returns object, where userid is the key
-    return mapValues(groupBy(permissions, 'user'), head);
-  });
+  return DevicePermissionsResource.fetchCollection({ force: true }).then(
+    function transform(permissions) {
+      // returns object, where userid is the key
+      return mapValues(groupBy(permissions, 'user'), head);
+    },
+  );
 }
 
 function fetchFacilityUsers() {
diff --git a/kolibri/plugins/device/assets/src/modules/userPermissions/actions.js b/kolibri/plugins/device/assets/src/modules/userPermissions/actions.js
index 1c9aac94c5f..fc95f506e6d 100644
--- a/kolibri/plugins/device/assets/src/modules/userPermissions/actions.js
+++ b/kolibri/plugins/device/assets/src/modules/userPermissions/actions.js
@@ -23,7 +23,7 @@ export function addOrUpdateUserPermissions(store, payload) {
             permissions: permissionsModel,
           });
           return userModel;
-        }
+        },
       );
     })
     .catch(error => store.dispatch('handleApiError', { error }, { root: true }));
diff --git a/kolibri/plugins/device/assets/src/modules/wizard/actions/availableChannelsActions.js b/kolibri/plugins/device/assets/src/modules/wizard/actions/availableChannelsActions.js
index 45295d9cb8e..12a0cdf4e05 100644
--- a/kolibri/plugins/device/assets/src/modules/wizard/actions/availableChannelsActions.js
+++ b/kolibri/plugins/device/assets/src/modules/wizard/actions/availableChannelsActions.js
@@ -14,7 +14,7 @@ import { getRemoteChannelByToken } from '../utils';
 export function getAllRemoteChannels(store, publicChannels) {
   const { channelList } = store.rootState.manageContent;
   const installedUnlistedChannels = differenceBy(channelList, publicChannels, 'id').filter(
-    channel => channel.available
+    channel => channel.available,
   );
   const promises = installedUnlistedChannels.map(installedChannel =>
     getRemoteChannelByToken(installedChannel.id)
@@ -24,9 +24,9 @@ export function getAllRemoteChannels(store, publicChannels) {
           ...installedChannel,
           installed_version: installedChannel.version,
           latest_version: channel.version,
-        })
+        }),
       )
-      .catch(() => Promise.resolve())
+      .catch(() => Promise.resolve()),
   );
   return Promise.all(promises).then(unlisted => {
     return [...unlisted.filter(Boolean), ...publicChannels];
diff --git a/kolibri/plugins/device/assets/src/modules/wizard/actions/contentTreeViewerActions.js b/kolibri/plugins/device/assets/src/modules/wizard/actions/contentTreeViewerActions.js
index 6b152b2360d..05aebe2e677 100644
--- a/kolibri/plugins/device/assets/src/modules/wizard/actions/contentTreeViewerActions.js
+++ b/kolibri/plugins/device/assets/src/modules/wizard/actions/contentTreeViewerActions.js
@@ -74,7 +74,7 @@ export function addNodeForTransfer(store, node) {
   }
   // remove nodes in "include" that would be made redundant by the new one
   const [notToIncluded, toInclude] = partition(included, includeNode =>
-    isDescendantOrSelf(includeNode, node)
+    isDescendantOrSelf(includeNode, node),
   );
   if (notToIncluded.length > 0) {
     store.commit('REPLACE_INCLUDE_LIST', toInclude);
@@ -94,14 +94,14 @@ export function removeNodeForTransfer(store, node) {
   const { included, omitted } = store.state.nodesForTransfer;
   // remove nodes in "include" that are either descendants of the removed node or the node itself
   const [notToInclude, toInclude] = partition(included, includeNode =>
-    isDescendantOrSelf(includeNode, node)
+    isDescendantOrSelf(includeNode, node),
   );
   if (notToInclude.length > 0) {
     store.commit('REPLACE_INCLUDE_LIST', toInclude);
   }
   // if the removed node's has ancestors that are selected, the removed node gets placed in "omit"
   const includedAncestors = included.filter(
-    includeNode => pluckIds(node.path).includes(includeNode.id) && node.id !== includeNode.id
+    includeNode => pluckIds(node.path).includes(includeNode.id) && node.id !== includeNode.id,
   );
   if (includedAncestors.length > 0) {
     // remove redundant nodes in "omit" that either descendants of the new node or the node itself
@@ -132,12 +132,12 @@ export function removeNodeForTransfer(store, node) {
           // remove the ancestor from "include"
           store.commit(
             'REPLACE_INCLUDE_LIST',
-            included.filter(n => n.id !== ancestor.id)
+            included.filter(n => n.id !== ancestor.id),
           );
           // remove all desceandants from "omit"
           store.commit(
             'REPLACE_OMIT_LIST',
-            omitted.filter(n => !pluckIds(n.path).includes(ancestor.id))
+            omitted.filter(n => !pluckIds(n.path).includes(ancestor.id)),
           );
         }
       });
diff --git a/kolibri/plugins/device/assets/src/modules/wizard/actions/contentWizardActions.js b/kolibri/plugins/device/assets/src/modules/wizard/actions/contentWizardActions.js
index a17dc957ce2..7aaed8841a6 100644
--- a/kolibri/plugins/device/assets/src/modules/wizard/actions/contentWizardActions.js
+++ b/kolibri/plugins/device/assets/src/modules/wizard/actions/contentWizardActions.js
@@ -46,7 +46,7 @@ export function goForwardFromSelectDriveModal(store, { driveId, forExport }) {
   if (isImportingMore) {
     store.commit('SET_WIZARD_PAGENAME', ContentWizardPages.SELECT_CONTENT);
     return router.push(
-      selectContentPageLink({ channelId: transferredChannel.id, driveId, forExport })
+      selectContentPageLink({ channelId: transferredChannel.id, driveId, forExport }),
     );
   }
   // From top-level import/export workflow
diff --git a/kolibri/plugins/device/assets/src/modules/wizard/getters.js b/kolibri/plugins/device/assets/src/modules/wizard/getters.js
index 5fda660e95c..6a7a27a1306 100644
--- a/kolibri/plugins/device/assets/src/modules/wizard/getters.js
+++ b/kolibri/plugins/device/assets/src/modules/wizard/getters.js
@@ -47,7 +47,7 @@ export function driveCanBeUsedForTransfer(state, getters, rootState, rootGetters
       // where its version is >= to the installed version
       const channelOnDrive = find(drive.metadata.channels, { id: transferredChannel.id });
       const channelOnServer = rootGetters['manageContent/channelIsInstalled'](
-        transferredChannel.id
+        transferredChannel.id,
       );
       return channelOnDrive && channelOnDrive.version >= channelOnServer.version;
     }
diff --git a/kolibri/plugins/device/assets/src/modules/wizard/handlers.js b/kolibri/plugins/device/assets/src/modules/wizard/handlers.js
index 2c55f3719a2..86ff50e8618 100644
--- a/kolibri/plugins/device/assets/src/modules/wizard/handlers.js
+++ b/kolibri/plugins/device/assets/src/modules/wizard/handlers.js
@@ -135,7 +135,7 @@ export function showAvailableChannelsPage(store, params) {
         store.commit('CORE_SET_PAGE_LOADING', false);
         return handleError(store, error);
       }
-    }
+    },
   );
 }
 
@@ -172,7 +172,7 @@ export function showSelectContentPage(store, params) {
       // metadata task will be triggered later for this situation)
       if (error.response && error.response.status === 404) {
         logging.error(
-          `^^^ 404 (Not Found) error returned while requesting "${error.response.config.url}..." is an expected response.`
+          `^^^ 404 (Not Found) error returned while requesting "${error.response.config.url}..." is an expected response.`,
         );
       }
     });
@@ -208,7 +208,7 @@ export function showSelectContentPage(store, params) {
             } else {
               reject({ error: ContentWizardErrors.KOLIBRI_STUDIO_UNAVAILABLE });
             }
-          }
+          },
         );
     });
   }
@@ -279,7 +279,7 @@ export function updateTreeViewTopic(store, topic) {
     .catch(() => {
       store.commit(
         'manageContent/wizard/SET_WIZARD_STATUS',
-        ContentWizardErrors.TREEVIEW_LOADING_ERROR
+        ContentWizardErrors.TREEVIEW_LOADING_ERROR,
       );
     });
 }
diff --git a/kolibri/plugins/device/assets/src/routes/index.js b/kolibri/plugins/device/assets/src/routes/index.js
index cae3e2f95b5..719263735fc 100644
--- a/kolibri/plugins/device/assets/src/routes/index.js
+++ b/kolibri/plugins/device/assets/src/routes/index.js
@@ -86,7 +86,7 @@ const routes = [
       return {
         goBackRoute: { name: PageNames.FACILITIES_PAGE },
         facilityId,
-        editSyncRoute: function(deviceId) {
+        editSyncRoute: function (deviceId) {
           return {
             name: PageNames.EDIT_SYNC_SCHEDULE,
             params: {
diff --git a/kolibri/plugins/device/assets/src/views/AvailableChannelsPage/index.vue b/kolibri/plugins/device/assets/src/views/AvailableChannelsPage/index.vue
index b7f79e95294..8b5238c0d64 100644
--- a/kolibri/plugins/device/assets/src/views/AvailableChannelsPage/index.vue
+++ b/kolibri/plugins/device/assets/src/views/AvailableChannelsPage/index.vue
@@ -66,7 +66,6 @@
               {{ deviceString('notEnoughSpaceForChannelsWarning') }}
             </UiAlert>
           </p>
-
         </template>
 
         <template #default="{ showItem, handleChange, itemIsSelected }">
@@ -92,7 +91,7 @@
 
       <KCircularLoader
         v-else
-        style="margin: 2em auto;"
+        style="margin: 2em auto"
       />
 
       <ChannelTokenModal
@@ -124,7 +123,6 @@
         :fileSize.sync="fileSize"
         @clickconfirm="handleClickConfirm"
       />
-
     </KPageContainer>
   </ImmersivePage>
 
@@ -230,12 +228,12 @@
         const notInstalledChannels = differenceBy(
           this.availableChannels,
           this.installedChannelsWithResources,
-          'id'
+          'id',
         );
         // Need to de-duplicate channels in case user enters same token twice, etc.
         return uniqBy(
           [...this.newUnlistedChannels, ...installedChannels, ...notInstalledChannels],
-          'id'
+          'id',
         );
       },
       backRoute() {
@@ -363,14 +361,14 @@
             addressId: this.$route.query.address_id,
             channelId: channel.id,
             driveId: this.$route.query.drive_id,
-          })
+          }),
         );
       },
       handleClickConfirm() {
         this.disableBottomBar = true;
         const someChannelsWillUpdate = some(
           this.selectedChannels,
-          c => c.installed_version < c.latest_version
+          c => c.installed_version < c.latest_version,
         );
         this.setFreeSpace().then(() => {
           if (this.notEnoughFreeSpace) {
diff --git a/kolibri/plugins/device/assets/src/views/DeprecationWarningBanner.vue b/kolibri/plugins/device/assets/src/views/DeprecationWarningBanner.vue
index 404068732a1..83d7722f7a6 100644
--- a/kolibri/plugins/device/assets/src/views/DeprecationWarningBanner.vue
+++ b/kolibri/plugins/device/assets/src/views/DeprecationWarningBanner.vue
@@ -5,7 +5,7 @@
     class="alert"
     :style="{ backgroundColor: $themePalette.yellow.v_200 }"
   >
-    <div style="display:flex">
+    <div style="display: flex">
       <div>
         <KIcon
           icon="warning"
@@ -47,22 +47,26 @@
 
 
 <style scoped>
-.alert {
-  position: relative;
-  padding-left: 2em;
-  margin: 1em auto 0;
-  max-width: 1000px;
-  width: 100%;
-}
-.icon {
-  height: 24px;
-  width: 24px;
-  top: 1em;
-  left: 1em;
-  position: absolute;
-}
-.error-message {
-  font-size:14px;
-  margin: 0em 1em 0 2em;
-}
+
+  .alert {
+    position: relative;
+    width: 100%;
+    max-width: 1000px;
+    padding-left: 2em;
+    margin: 1em auto 0;
+  }
+
+  .icon {
+    position: absolute;
+    top: 1em;
+    left: 1em;
+    width: 24px;
+    height: 24px;
+  }
+
+  .error-message {
+    margin: 0 1em 0 2em;
+    font-size: 14px;
+  }
+
 </style>
diff --git a/kolibri/plugins/device/assets/src/views/DeviceAppBarPage.vue b/kolibri/plugins/device/assets/src/views/DeviceAppBarPage.vue
index 38f8adf9684..85c2807d390 100644
--- a/kolibri/plugins/device/assets/src/views/DeviceAppBarPage.vue
+++ b/kolibri/plugins/device/assets/src/views/DeviceAppBarPage.vue
@@ -1,13 +1,11 @@
 <template>
 
   <AppBarPage :title="title">
-
     <DeprecationWarningBanner style="margin-bottom: 1em" />
 
     <div>
       <slot></slot>
     </div>
-
   </AppBarPage>
 
 </template>
diff --git a/kolibri/plugins/device/assets/src/views/DeviceIndex.vue b/kolibri/plugins/device/assets/src/views/DeviceIndex.vue
index 925a40556f6..b8696225b35 100644
--- a/kolibri/plugins/device/assets/src/views/DeviceIndex.vue
+++ b/kolibri/plugins/device/assets/src/views/DeviceIndex.vue
@@ -12,8 +12,6 @@
       />
     </transition>
 
-
-
     <router-view />
   </NotificationsRoot>
 
diff --git a/kolibri/plugins/device/assets/src/views/DeviceInfoPage.vue b/kolibri/plugins/device/assets/src/views/DeviceInfoPage.vue
index 2beff12151b..b6c79b310a6 100644
--- a/kolibri/plugins/device/assets/src/views/DeviceInfoPage.vue
+++ b/kolibri/plugins/device/assets/src/views/DeviceInfoPage.vue
@@ -1,8 +1,10 @@
 <template>
 
   <DeviceAppBarPage :title="pageTitle">
-
-    <KPageContainer v-if="!isPageLoading" class="device-container">
+    <KPageContainer
+      v-if="!isPageLoading"
+      class="device-container"
+    >
       <div>
         <h1>{{ $tr('header') }}</h1>
         <table :class="windowIsSmall ? 'mobile-table' : ''">
diff --git a/kolibri/plugins/device/assets/src/views/DeviceSettingsPage/ServerRestartModal.vue b/kolibri/plugins/device/assets/src/views/DeviceSettingsPage/ServerRestartModal.vue
index 1005e6b1d14..63d351ff6cc 100644
--- a/kolibri/plugins/device/assets/src/views/DeviceSettingsPage/ServerRestartModal.vue
+++ b/kolibri/plugins/device/assets/src/views/DeviceSettingsPage/ServerRestartModal.vue
@@ -7,7 +7,10 @@
     @submit="handleSubmit"
     @cancel="$emit('cancel')"
   >
-    <p v-if="changedSetting === 'add'" class="description">
+    <p
+      v-if="changedSetting === 'add'"
+      class="description"
+    >
       {{ $tr('selectedPath', { path: path.path }) }}
     </p>
     <p class="description">
diff --git a/kolibri/plugins/device/assets/src/views/DeviceSettingsPage/__test__/DeviceSettingsPage.spec.js b/kolibri/plugins/device/assets/src/views/DeviceSettingsPage/__test__/DeviceSettingsPage.spec.js
index 866ad08d896..7840537fab0 100644
--- a/kolibri/plugins/device/assets/src/views/DeviceSettingsPage/__test__/DeviceSettingsPage.spec.js
+++ b/kolibri/plugins/device/assets/src/views/DeviceSettingsPage/__test__/DeviceSettingsPage.spec.js
@@ -177,9 +177,8 @@ describe('DeviceSettingsPage', () => {
       });
 
       const { wrapper } = await makeWrapper();
-      const { learnPage, allowGuestAccess, disallowGuestAccess, lockedContent } = getButtons(
-        wrapper
-      );
+      const { learnPage, allowGuestAccess, disallowGuestAccess, lockedContent } =
+        getButtons(wrapper);
       // Learn page button is enabled and checked
       assertIsDisabled(learnPage, false);
       assertIsSelected(learnPage, true);
@@ -225,7 +224,7 @@ describe('DeviceSettingsPage', () => {
           landingPage: 'learn',
           allowGuestAccess: true,
           allowLearnerUnassignedResourceAccess: true,
-        })
+        }),
       );
     });
 
@@ -245,7 +244,7 @@ describe('DeviceSettingsPage', () => {
           landingPage: 'sign-in',
           allowGuestAccess: true,
           allowLearnerUnassignedResourceAccess: true,
-        })
+        }),
       );
     });
 
@@ -262,7 +261,7 @@ describe('DeviceSettingsPage', () => {
           landingPage: 'sign-in',
           allowGuestAccess: false,
           allowLearnerUnassignedResourceAccess: true,
-        })
+        }),
       );
     });
 
@@ -279,7 +278,7 @@ describe('DeviceSettingsPage', () => {
           landingPage: 'sign-in',
           allowGuestAccess: false,
           allowLearnerUnassignedResourceAccess: false,
-        })
+        }),
       );
     });
   });
diff --git a/kolibri/plugins/device/assets/src/views/DeviceSettingsPage/index.vue b/kolibri/plugins/device/assets/src/views/DeviceSettingsPage/index.vue
index f3cf711d62f..d0b297bfcc2 100644
--- a/kolibri/plugins/device/assets/src/views/DeviceSettingsPage/index.vue
+++ b/kolibri/plugins/device/assets/src/views/DeviceSettingsPage/index.vue
@@ -1,15 +1,16 @@
 <template>
 
   <DeviceAppBarPage :title="pageTitle">
-
-    <KPageContainer v-if="!isPageLoading" class="device-container">
+    <KPageContainer
+      v-if="!isPageLoading"
+      class="device-container"
+    >
       <UiAlert
         v-if="showDisabledAlert && alertDismissed"
         type="warning"
         @dismiss="alertDismissed = false"
       >
         {{ disabledAlertText }}
-
       </UiAlert>
       <section>
         <h1>
@@ -49,7 +50,8 @@
             :checked="allowOtherBrowsersToConnect"
             @change="allowOtherBrowsersToConnect = $event"
           >
-            <span> {{ $tr('allowExternalConnectionsApp') }}
+            <span>
+              {{ $tr('allowExternalConnectionsApp') }}
               <p
                 v-if="allowOtherBrowsersToConnect"
                 class="description"
@@ -77,7 +79,10 @@
             :currentValue="landingPage"
             @input="handleLandingPageChange"
           />
-          <div class="fieldset" style="margin-left: 32px">
+          <div
+            class="fieldset"
+            style="margin-left: 32px"
+          >
             <KRadioButton
               data-test="allowGuestAccessButton"
               :label="$tr('allowGuestAccess')"
@@ -105,7 +110,10 @@
           </div>
         </div>
 
-        <div v-if="canCheckMeteredConnection" class="fieldset">
+        <div
+          v-if="canCheckMeteredConnection"
+          class="fieldset"
+        >
           <h2>
             <label>{{ $tr('allowDownloadOnMeteredConnection') }}</label>
           </h2>
@@ -136,12 +144,12 @@
           <p>
             {{ primaryStorageLocation }}
             <KButton
-              v-show="(secondaryStorageLocations.length >= 1)"
+              v-show="secondaryStorageLocations.length >= 1"
               :text="$tr('changeLocation')"
               :primary="true"
               appearance="basic-link"
               :disabled="!multipleWritablePaths || isRemoteContent || !canRestart"
-              :class="{ 'disabled': !multipleWritablePaths }"
+              :class="{ disabled: !multipleWritablePaths }"
               @click="showChangePrimaryLocationModal = true"
             />
           </p>
@@ -159,10 +167,16 @@
           <h2>
             {{ $tr('secondaryStorage') }}
           </h2>
-          <p v-show="multipleReadOnlyPaths" :class="InfoDescriptionColor">
+          <p
+            v-show="multipleReadOnlyPaths"
+            :class="InfoDescriptionColor"
+          >
             {{ $tr('secondaryStorageDescription') }}
           </p>
-          <p v-for="path in secondaryStorageLocations" :key="path.index">
+          <p
+            v-for="path in secondaryStorageLocations"
+            :key="path.index"
+          >
             {{ path }} {{ isWritablePath(path) }}
           </p>
           <KButton
@@ -173,7 +187,10 @@
             :text="coreString('optionsLabel')"
           >
             <template #menu>
-              <KDropdownMenu :options="storageLocationOptions" @select="handleSelect($event)" />
+              <KDropdownMenu
+                :options="storageLocationOptions"
+                @select="handleSelect($event)"
+              />
             </template>
           </KButton>
         </div>
@@ -224,10 +241,11 @@
                 :floatingLabel="false"
                 @input="updateLimitForAutodownload"
               />
-              <div class="slider-section" :class="$computedClass(sliderSectionStyle)">
-                <p class="slider-min-max">
-                  0
-                </p>
+              <div
+                class="slider-section"
+                :class="$computedClass(sliderSectionStyle)"
+              >
+                <p class="slider-min-max">0</p>
                 <input
                   id="slider"
                   v-model="limitForAutodownload"
@@ -266,13 +284,15 @@
         </div>
       </section>
 
-
       <!-- List of separate links to Facility Settings pages -->
       <section v-if="isMultiFacilitySuperuser">
         <h2>{{ $tr('configureFacilitySettingsHeader') }}</h2>
         <ul class="ul-reset">
           <template>
-            <li v-for="(facility, idx) in facilities" :key="idx">
+            <li
+              v-for="(facility, idx) in facilities"
+              :key="idx"
+            >
               <KExternalLink
                 :text="facility.name"
                 :href="getFacilitySettingsPath(facility.id)"
@@ -283,7 +303,10 @@
         </ul>
       </section>
 
-      <section v-if="isAppContext" class="android-bar">
+      <section
+        v-if="isAppContext"
+        class="android-bar"
+      >
         <KButton
           :text="coreString('saveChangesAction')"
           appearance="raised-button"
@@ -338,7 +361,6 @@
         v-if="restarting"
         :restarting="true"
       />
-
     </KPageContainer>
   </DeviceAppBarPage>
 
@@ -496,7 +518,7 @@
               value: language.id,
               label: language.lang_name,
             };
-          }
+          },
         );
         languages.splice(1, 0, this.browserDefaultOption);
 
@@ -544,8 +566,9 @@
             background: `linear-gradient(to right, ${this.$themeTokens.primary} 0%, ${
               this.$themeTokens.primary
             }
-            ${((0 - 0) / (100 - 0)) * 100}%, ${this.$themeTokens.fineLine} ${((0 - 0) / (100 - 0)) *
-              100}%, ${this.$themeTokens.fineLine} 100%)`,
+            ${((0 - 0) / (100 - 0)) * 100}%, ${this.$themeTokens.fineLine} ${
+              ((0 - 0) / (100 - 0)) * 100
+            }%, ${this.$themeTokens.fineLine} 100%)`,
             '::-webkit-slider-thumb': {
               background: this.$themeTokens.fineLine,
             },
@@ -557,9 +580,9 @@
               this.$themeTokens.primary
             }
             ${((this.limitForAutodownload - 0) / (this.freeSpace - 0)) * 100}%,
-            ${this.$themeTokens.fineLine} ${((this.limitForAutodownload - 0) /
-              (this.freeSpace - 0)) *
-              100}%, ${this.$themeTokens.fineLine} 100%)`,
+            ${this.$themeTokens.fineLine} ${
+              ((this.limitForAutodownload - 0) / (this.freeSpace - 0)) * 100
+            }%, ${this.$themeTokens.fineLine} 100%)`,
             '::-webkit-slider-thumb': {
               background: this.$themeTokens.primary,
             },
@@ -794,10 +817,8 @@
         }
       },
       handleSave() {
-        const {
-          allowGuestAccess,
-          allowLearnerUnassignedResourceAccess,
-        } = this.getContentSettings();
+        const { allowGuestAccess, allowLearnerUnassignedResourceAccess } =
+          this.getContentSettings();
         this.getExtraSettings();
 
         const pluginsChanged = this.checkPluginChanges();
@@ -898,7 +919,7 @@
           case 'primary':
             this.secondaryStorageLocations.push(this.primaryStorageLocation);
             this.secondaryStorageLocations = this.secondaryStorageLocations.filter(
-              el => el !== this.restartPath.path
+              el => el !== this.restartPath.path,
             );
             this.primaryStorageLocation = this.restartPath.path;
             this.handleSave();
@@ -908,7 +929,7 @@
             if (confirmationChecked === true) {
               this.secondaryStorageLocations.push(this.primaryStorageLocation);
               this.secondaryStorageLocations = this.secondaryStorageLocations.filter(
-                el => el !== this.restartPath.path
+                el => el !== this.restartPath.path,
               );
               this.primaryStorageLocation = this.restartPath.path;
             } else {
@@ -918,10 +939,10 @@
             break;
           case 'remove':
             this.storageLocations = this.storageLocations.filter(
-              el => el.path !== this.restartPath.path
+              el => el.path !== this.restartPath.path,
             );
             this.secondaryStorageLocations = this.secondaryStorageLocations.filter(
-              el => el !== this.restartPath.path
+              el => el !== this.restartPath.path,
             );
             this.handleSave();
             break;
diff --git a/kolibri/plugins/device/assets/src/views/FacilitiesPage/FacilitiesTasksPage.vue b/kolibri/plugins/device/assets/src/views/FacilitiesPage/FacilitiesTasksPage.vue
index ffca0caee51..502ee00c2d4 100644
--- a/kolibri/plugins/device/assets/src/views/FacilitiesPage/FacilitiesTasksPage.vue
+++ b/kolibri/plugins/device/assets/src/views/FacilitiesPage/FacilitiesTasksPage.vue
@@ -5,9 +5,7 @@
     :route="backRoute"
   >
     <KPageContainer class="device-container">
-      <HeaderWithOptions
-        :headerText="coreString('tasksLabel')"
-      >
+      <HeaderWithOptions :headerText="coreString('tasksLabel')">
         <template #options>
           <KButton
             v-if="someClearableTasks"
diff --git a/kolibri/plugins/device/assets/src/views/FacilitiesPage/RemoveFacilityModal.vue b/kolibri/plugins/device/assets/src/views/FacilitiesPage/RemoveFacilityModal.vue
index d26babf499c..d395f0fe591 100644
--- a/kolibri/plugins/device/assets/src/views/FacilitiesPage/RemoveFacilityModal.vue
+++ b/kolibri/plugins/device/assets/src/views/FacilitiesPage/RemoveFacilityModal.vue
@@ -32,7 +32,6 @@
       <p>
         {{ $tr('signInAsOtherAdminExplanation', { facilityName }) }}
       </p>
-
     </template>
   </KModal>
 
diff --git a/kolibri/plugins/device/assets/src/views/FacilitiesPage/SyncAllFacilitiesModal.vue b/kolibri/plugins/device/assets/src/views/FacilitiesPage/SyncAllFacilitiesModal.vue
index a8b90e31a7d..94bda0b66af 100644
--- a/kolibri/plugins/device/assets/src/views/FacilitiesPage/SyncAllFacilitiesModal.vue
+++ b/kolibri/plugins/device/assets/src/views/FacilitiesPage/SyncAllFacilitiesModal.vue
@@ -72,7 +72,7 @@
       },
       startSyncAllTask() {
         return TaskResource.startTasks(
-          this.facilities.map(f => ({ type: TaskTypes.SYNCDATAPORTAL, facility: f.id }))
+          this.facilities.map(f => ({ type: TaskTypes.SYNCDATAPORTAL, facility: f.id })),
         )
           .then(() => {
             this.$emit('success');
diff --git a/kolibri/plugins/device/assets/src/views/FacilitiesPage/facilityTasksQueue.js b/kolibri/plugins/device/assets/src/views/FacilitiesPage/facilityTasksQueue.js
index 52c29817de8..990fd21f82b 100644
--- a/kolibri/plugins/device/assets/src/views/FacilitiesPage/facilityTasksQueue.js
+++ b/kolibri/plugins/device/assets/src/views/FacilitiesPage/facilityTasksQueue.js
@@ -54,7 +54,7 @@ export default {
     facilityIsSyncing() {
       return function isSyncing(facility) {
         const inProcessSyncTasks = this.activeFacilityTasks.filter(
-          t => isSyncTask(t) && !t.clearable
+          t => isSyncTask(t) && !t.clearable,
         );
         return Boolean(inProcessSyncTasks.find(task => taskFacilityMatch(task, facility)));
       };
@@ -66,8 +66,8 @@ export default {
             task =>
               task.type === TaskTypes.DELETEFACILITY &&
               taskFacilityMatch(task, facility) &&
-              !task.clearable
-          )
+              !task.clearable,
+          ),
         );
       };
     },
diff --git a/kolibri/plugins/device/assets/src/views/FacilitiesPage/index.vue b/kolibri/plugins/device/assets/src/views/FacilitiesPage/index.vue
index 9541d548445..554abe16967 100644
--- a/kolibri/plugins/device/assets/src/views/FacilitiesPage/index.vue
+++ b/kolibri/plugins/device/assets/src/views/FacilitiesPage/index.vue
@@ -1,7 +1,6 @@
 <template>
 
   <DeviceAppBarPage :title="pageTitle">
-
     <KPageContainer class="device-container">
       <HeaderWithOptions :headerText="coreString('facilitiesLabel')">
         <template #options>
@@ -10,14 +9,14 @@
             <KButton
               v-if="isAnyFacilityRegistered"
               :text="$tr('syncAllAction')"
-              style="margin-top: 16px; margin-bottom: -16px;"
+              style="margin-top: 16px; margin-bottom: -16px"
               @click="showSyncAllModal = true"
             />
             <KButton
               hasDropdown
               :text="$tr('createFacilityLabel')"
               primary
-              style="margin-top: 16px; margin-bottom: -16px;"
+              style="margin-top: 16px; margin-bottom: -16px"
             >
               <template #menu>
                 <KDropdownMenu
@@ -60,9 +59,9 @@
                 </td>
               </tr>
               <tr :key="idx + facilities.length">
-                <td style="padding: 0 0 16px 0;">
+                <td style="padding: 0 0 16px">
                   <!-- Gives most space possible to buttons and aligns them with text -->
-                  <KButtonGroup style="margin-left: -16px; margin-right: -16px; max-width: 100%">
+                  <KButtonGroup style="max-width: 100%; margin-right: -16px; margin-left: -16px">
                     <KButton
                       :text="coreString('syncAction')"
                       :disabled="facilityIsSyncing(facility)"
@@ -407,7 +406,7 @@
           'createSnackbar',
           this.$tr('facilityRemovedSnackbar', {
             facilityName,
-          })
+          }),
         );
       },
       handleRemoveSuccess(taskId) {
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/ChannelDetails.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/ChannelDetails.vue
index d98dd5b42a7..53444082e06 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/ChannelDetails.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/ChannelDetails.vue
@@ -22,11 +22,17 @@
     <div class="col-2">
       <div class="col-2-row-1">
         <div>
-          <h2 class="channel-name" dir="auto">
+          <h2
+            class="channel-name"
+            dir="auto"
+          >
             {{ channel.name }}
           </h2>
           <slot name="belowname"></slot>
-          <p class="version" :style="{ color: $themeTokens.annotation }">
+          <p
+            class="version"
+            :style="{ color: $themeTokens.annotation }"
+          >
             {{ $tr('versionNumber', { v: channelVersion || channel.version }) }}
           </p>
         </div>
@@ -34,9 +40,15 @@
 
       <div>
         <slot name="abovedescription"></slot>
-        <p class="description" dir="auto">
+        <p
+          class="description"
+          dir="auto"
+        >
           <span v-if="channel.description">{{ channel.description }}</span>
-          <span v-else :style="{ color: $themeTokens.annotation }">
+          <span
+            v-else
+            :style="{ color: $themeTokens.annotation }"
+          >
             {{ $tr('defaultDescription') }}
           </span>
         </p>
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/WithCheckbox.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/WithCheckbox.vue
index 0f91b70e518..8be5be6c776 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/WithCheckbox.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/WithCheckbox.vue
@@ -24,11 +24,13 @@
     </ChannelDetails>
 
     <div class="col-3">
-      <p v-if="selectedMessage" class="selected">
+      <p
+        v-if="selectedMessage"
+        class="selected"
+      >
         {{ selectedMessage }}
       </p>
     </div>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/WithImportDetails.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/WithImportDetails.vue
index e9d7201a53a..134bfb849f5 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/WithImportDetails.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/WithImportDetails.vue
@@ -3,13 +3,16 @@
   <div
     class="channel-list-item"
     :class="{ 'channel-list-item-sm': windowIsSmall }"
-    :style="[verticalPadding, { borderTop: `1px solid ${$themeTokens.fineLine}` } ]"
+    :style="[verticalPadding, { borderTop: `1px solid ${$themeTokens.fineLine}` }]"
   >
     <ChannelDetails
       :channel="channel"
       :channelVersion="versionNumber"
     >
-      <template v-if="multipleMode" #beforethumbnail>
+      <template
+        v-if="multipleMode"
+        #beforethumbnail
+      >
         <KCheckbox
           class="checkbox"
           :label="channel.name"
@@ -19,8 +22,15 @@
         />
       </template>
 
-      <template v-if="isUnlistedChannel" #belowname>
-        <KTooltip reference="lockicon" :refs="$refs" placement="top">
+      <template
+        v-if="isUnlistedChannel"
+        #belowname
+      >
+        <KTooltip
+          reference="lockicon"
+          :refs="$refs"
+          placement="top"
+        >
           {{ deviceString('unlistedChannelLabel') }}
         </KTooltip>
         <div class="private-icons">
@@ -45,9 +55,15 @@
             :style="{ fill: $themeTokens.primary }"
           />
           {{ $tr('newVersionMessage') }}
-          <KRouterLink :to="newChannelVersionPageRoute" :text="$tr('moreInformationLabel')" />
+          <KRouterLink
+            :to="newChannelVersionPageRoute"
+            :text="$tr('moreInformationLabel')"
+          />
         </div>
-        <div v-if="onDevice" class="on-device">
+        <div
+          v-if="onDevice"
+          class="on-device"
+        >
           <KIcon
             class="check-icon"
             icon="correct"
@@ -59,7 +75,10 @@
 
       <template #append>
         <div class="col-3">
-          <p v-if="multipleMode && $attrs.checked" class="selected-msg">
+          <p
+            v-if="multipleMode && $attrs.checked"
+            class="selected-msg"
+          >
             {{ channelSelectedMessage }}
           </p>
           <KRouterLink
@@ -71,8 +90,6 @@
         </div>
       </template>
     </ChannelDetails>
-
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/WithSizeAndOptions.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/WithSizeAndOptions.vue
index d25982769b3..40f9ba3bf27 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/WithSizeAndOptions.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/ChannelPanel/WithSizeAndOptions.vue
@@ -6,10 +6,13 @@
     :style="{ borderTop: `1px solid ${$themeTokens.fineLine}` }"
   >
     <ChannelDetails :channel="channel">
-
       <template #belowname>
         <div class="private-icons">
-          <KTooltip reference="lockicon" :refs="$refs" placement="top">
+          <KTooltip
+            reference="lockicon"
+            :refs="$refs"
+            placement="top"
+          >
             {{ deviceString('unlistedChannelLabel') }}
           </KTooltip>
           <KIcon
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/DeleteExportChannelsPage.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/DeleteExportChannelsPage.vue
index 2ff7da3726d..9cf5360ae5d 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/DeleteExportChannelsPage.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/DeleteExportChannelsPage.vue
@@ -5,7 +5,10 @@
     :route="backRoute"
     :loading="loading"
   >
-    <KPageContainer v-if="!loading" class="device-container">
+    <KPageContainer
+      v-if="!loading"
+      class="device-container"
+    >
       <FilteredChannelListContainer
         :channels="allChannels"
         :selectedChannels.sync="selectedChannels"
@@ -157,7 +160,7 @@
             type: TaskTypes.DELETECHANNEL,
             channel_id: x.id,
             channel_name: x.name,
-          }))
+          })),
         )
           .then(tasks => {
             this.notifyAndWatchTask(tasks);
@@ -177,7 +180,7 @@
             channel_id: id,
             channel_name: name,
             drive_id: params.driveId,
-          }))
+          })),
         )
           .then(tasks => {
             this.notifyAndWatchTask(tasks);
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/FilteredChannelListContainer.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/FilteredChannelListContainer.vue
index 033f23672f6..338d817efe9 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/FilteredChannelListContainer.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/FilteredChannelListContainer.vue
@@ -1,7 +1,6 @@
 <template>
 
   <div :class="{ 'fclc-sm': !windowIsLarge }">
-
     <slot name="header"></slot>
 
     <slot name="abovechannels"></slot>
@@ -17,7 +16,10 @@
             :inline="true"
           />
         </KGridItem>
-        <KGridItem :layout12="{ span: 5 }" class="filter-title">
+        <KGridItem
+          :layout12="{ span: 5 }"
+          class="filter-title"
+        >
           <FilterTextbox
             v-model="titleFilter"
             :placeholder="$tr('titleFilterPlaceholder')"
@@ -26,7 +28,10 @@
         </KGridItem>
       </template>
       <KGridItem :layout12="{ span: 3 }">
-        <p class="count-msg" data-test="available">
+        <p
+          class="count-msg"
+          data-test="available"
+        >
           {{ channelsCountMsg }}
         </p>
       </KGridItem>
@@ -104,12 +109,12 @@
         return differenceBy(this.filteredItems, this.selectedChannels, 'id').length === 0;
       },
       showItem() {
-        return function(channel) {
+        return function (channel) {
           return Boolean(find(this.filteredItems, { id: channel.id }));
         }.bind(this);
       },
       itemIsSelected() {
-        return function(channel) {
+        return function (channel) {
           return Boolean(find(this.selectedChannels, { id: channel.id }));
         }.bind(this);
       },
@@ -166,7 +171,7 @@
         } else {
           this.$emit(
             'update:selectedChannels',
-            this.selectedChannels.filter(({ id }) => id !== channel.id)
+            this.selectedChannels.filter(({ id }) => id !== channel.id),
           );
         }
         this.$emit('update:selected');
@@ -175,12 +180,12 @@
         if (isSelected) {
           this.$emit(
             'update:selectedChannels',
-            unionBy(this.selectedChannels, this.filteredItems, 'id')
+            unionBy(this.selectedChannels, this.filteredItems, 'id'),
           );
         } else {
           this.$emit(
             'update:selectedChannels',
-            differenceBy(this.selectedChannels, this.filteredItems, 'id')
+            differenceBy(this.selectedChannels, this.filteredItems, 'id'),
           );
         }
       },
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/ManageChannelContentsPage/index.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/ManageChannelContentsPage/index.vue
index 534da2bf8bf..a25849a8d71 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/ManageChannelContentsPage/index.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/ManageChannelContentsPage/index.vue
@@ -10,7 +10,6 @@
       <TaskProgress v-if="!channel" />
 
       <template v-if="channel">
-
         <ChannelContentsSummary :channel="channel">
           <NewChannelVersionBanner
             v-if="availableVersions.studioLatest > availableVersions.installed"
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/NewChannelVersionBanner.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/NewChannelVersionBanner.vue
index 6c3f0d07958..f3ad50a9b40 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/NewChannelVersionBanner.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/NewChannelVersionBanner.vue
@@ -2,7 +2,10 @@
 
   <div>
     <span class="version">
-      <NewBadge :label="deviceString('newResourceLabel')" class="new-label" />
+      <NewBadge
+        :label="deviceString('newResourceLabel')"
+        class="new-label"
+      />
 
       <span class="version-available">
         {{ $tr('versionAvailable', { version }) }}
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/NewChannelVersionPage.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/NewChannelVersionPage.vue
index da13173ca49..7110ca924a7 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/NewChannelVersionPage.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/NewChannelVersionPage.vue
@@ -7,12 +7,11 @@
   >
     <KPageContainer class="device-container">
       <div v-if="!loadingChannel">
-
         <section>
           <h1>
             {{ versionAvailableText }}
           </h1>
-          <p> {{ $tr('youAreCurrentlyOnVersion', { currentVersion }) }}</p>
+          <p>{{ $tr('youAreCurrentlyOnVersion', { currentVersion }) }}</p>
           <p v-if="channelIsIncomplete">
             {{ $tr('channelIsIncomplete', { available, total }) }}
           </p>
@@ -21,10 +20,12 @@
         <section>
           <p>
             <strong>
-              {{ $tr('versionChangesHeader', {
-                oldVersion: currentVersion,
-                newVersion: nextVersion
-              }) }}
+              {{
+                $tr('versionChangesHeader', {
+                  oldVersion: currentVersion,
+                  newVersion: nextVersion,
+                })
+              }}
             </strong>
           </p>
           <table v-if="!loadingChannel && !loadingTask">
@@ -71,7 +72,6 @@
             :indeterminate="true"
             :delay="false"
           />
-
         </section>
 
         <dl>
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/SelectNetworkDeviceModal/index.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/SelectNetworkDeviceModal/index.vue
index 7548a12d912..726e58bf2b6 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/SelectNetworkDeviceModal/index.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/SelectNetworkDeviceModal/index.vue
@@ -50,7 +50,7 @@
               selectContentPageLink({
                 addressId,
                 channelId: this.transferredChannel.id,
-              })
+              }),
             );
           } else {
             this.$router.push(availableChannelsPageLink({ addressId }));
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/SelectTransferSourceModal/SelectDriveModal.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/SelectTransferSourceModal/SelectDriveModal.vue
index 3c647a6ec81..014ca57f906 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/SelectTransferSourceModal/SelectDriveModal.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/SelectTransferSourceModal/SelectDriveModal.vue
@@ -113,7 +113,7 @@
       },
       enabledDrives() {
         return this.driveList.filter(drive =>
-          this.driveCanBeUsedForTransfer({ drive, transferType: this.transferType })
+          this.driveCanBeUsedForTransfer({ drive, transferType: this.transferType }),
         );
       },
       driveListMode() {
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/SelectTransferSourceModal/index.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/SelectTransferSourceModal/index.vue
index f038e34d39c..2b639a93c29 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/SelectTransferSourceModal/index.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/SelectTransferSourceModal/index.vue
@@ -19,7 +19,6 @@
       @submit="nextState"
       @cancel="emitCancel"
     />
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/TaskProgress.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/TaskProgress.vue
index 575963f7a99..4dd9ba9b071 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/TaskProgress.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/TaskProgress.vue
@@ -11,7 +11,6 @@
           :delay="true"
         />
       </div>
-
     </div>
   </transition>
 
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/TasksBar.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/TasksBar.vue
index 5469f8086ff..5b334ea2f61 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/TasksBar.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/TasksBar.vue
@@ -28,7 +28,6 @@
         :to="taskManagerLink"
       />
     </p>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/UpdateChannelModal.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/UpdateChannelModal.vue
index b75bbab153d..d6516739cd0 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/UpdateChannelModal.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/UpdateChannelModal.vue
@@ -8,9 +8,12 @@
     @submit="$emit('submit')"
   >
     <p v-if="channelName">
-      {{ $tr('updateChannelExplanationWithName', {
-        channelName: newChannel.name,
-        version: newChannel.version }) }}
+      {{
+        $tr('updateChannelExplanationWithName', {
+          channelName: newChannel.name,
+          version: newChannel.version,
+        })
+      }}
     </p>
     <p v-else>
       {{ $tr('updateChannelExplanation') }}
diff --git a/kolibri/plugins/device/assets/src/views/ManageContentPage/index.vue b/kolibri/plugins/device/assets/src/views/ManageContentPage/index.vue
index c0b4cb4e21b..10b476e2af8 100644
--- a/kolibri/plugins/device/assets/src/views/ManageContentPage/index.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageContentPage/index.vue
@@ -9,7 +9,6 @@
     </transition>
 
     <KPageContainer class="device-container">
-
       <div>
         <HeaderWithOptions :headerText="coreString('channelsLabel')">
           <template #options>
@@ -32,7 +31,7 @@
               </KButton>
               <KButton
                 :text="$tr('import')"
-                style="margin-top: 16px; margin-bottom: -16px;"
+                style="margin-top: 16px; margin-bottom: -16px"
                 :primary="true"
                 @click="startImportWorkflow()"
               />
@@ -74,11 +73,8 @@
           @submit="handleDeleteChannel"
           @cancel="deleteChannelId = null"
         />
-
       </div>
-
     </KPageContainer>
-
   </DeviceAppBarPage>
 
 </template>
diff --git a/kolibri/plugins/device/assets/src/views/ManagePermissionsPage/UserGrid.vue b/kolibri/plugins/device/assets/src/views/ManagePermissionsPage/UserGrid.vue
index 85aba55de40..c0fed4a3048 100644
--- a/kolibri/plugins/device/assets/src/views/ManagePermissionsPage/UserGrid.vue
+++ b/kolibri/plugins/device/assets/src/views/ManagePermissionsPage/UserGrid.vue
@@ -1,8 +1,10 @@
 <template>
 
   <div>
-
-    <CoreTable :emptyMessage="emptyMessage" :dataLoading="dataLoading">
+    <CoreTable
+      :emptyMessage="emptyMessage"
+      :dataLoading="dataLoading"
+    >
       <template #headers>
         <th>{{ coreString('fullNameLabel') }}</th>
         <th>{{ coreString('usernameLabel') }}</th>
@@ -14,7 +16,10 @@
 
       <template #tbody>
         <tbody>
-          <tr v-for="user in facilityUsers" :key="user.id">
+          <tr
+            v-for="user in facilityUsers"
+            :key="user.id"
+          >
             <td>
               <KLabeledIcon :label="fullNameLabel(user)">
                 <template #icon>
@@ -26,12 +31,18 @@
               </KLabeledIcon>
             </td>
             <td>
-              <span dir="auto" class="maxwidth">
+              <span
+                dir="auto"
+                class="maxwidth"
+              >
                 {{ user.username }}
               </span>
             </td>
             <td v-if="hasMultipleFacilities">
-              <span dir="auto" class="maxwidth">
+              <span
+                dir="auto"
+                class="maxwidth"
+              >
                 {{ memoizedFacilityName(user.facility) }}
               </span>
             </td>
@@ -39,7 +50,7 @@
               <KButton
                 appearance="flat-button"
                 :text="permissionsButtonText(user)"
-                style="margin: 6px;"
+                style="margin: 6px"
                 @click="goToUserPermissionsPage(user.id)"
               />
             </td>
@@ -47,7 +58,6 @@
         </tbody>
       </template>
     </CoreTable>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/device/assets/src/views/ManagePermissionsPage/index.vue b/kolibri/plugins/device/assets/src/views/ManagePermissionsPage/index.vue
index d9662f6b3c9..2d14be5f77c 100644
--- a/kolibri/plugins/device/assets/src/views/ManagePermissionsPage/index.vue
+++ b/kolibri/plugins/device/assets/src/views/ManagePermissionsPage/index.vue
@@ -1,7 +1,6 @@
 <template>
 
   <DeviceAppBarPage :title="pageTitle">
-
     <KPageContainer class="device-container">
       <div class="description">
         <h1>
@@ -49,7 +48,6 @@
           />
         </template>
       </PaginatedListContainer>
-
     </KPageContainer>
   </DeviceAppBarPage>
 
@@ -160,8 +158,8 @@
             // Check for both kinds of coach roles
             return Boolean(
               user.roles.find(
-                role => role.kind === UserKinds.COACH || role.kind === UserKinds.ASSIGNABLE_COACH
-              )
+                role => role.kind === UserKinds.COACH || role.kind === UserKinds.ASSIGNABLE_COACH,
+              ),
             );
           }
           if (this.userTypeFilter.value === UserKinds.ADMIN) {
@@ -169,8 +167,8 @@
 
             return Boolean(
               user.roles.find(
-                role => role.kind === UserKinds.SUPERUSER || role.kind === UserKinds.ADMIN
-              )
+                role => role.kind === UserKinds.SUPERUSER || role.kind === UserKinds.ADMIN,
+              ),
             );
           }
 
diff --git a/kolibri/plugins/device/assets/src/views/ManageTasksPage/TaskPanel.vue b/kolibri/plugins/device/assets/src/views/ManageTasksPage/TaskPanel.vue
index a5255b94382..06726ed32f4 100644
--- a/kolibri/plugins/device/assets/src/views/ManageTasksPage/TaskPanel.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageTasksPage/TaskPanel.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <div class="task-panel" :class="{ 'task-panel-sm': windowIsSmall }">
+  <div
+    class="task-panel"
+    :class="{ 'task-panel-sm': windowIsSmall }"
+  >
     <div class="icon">
       <transition mode="out-in">
         <KIcon
@@ -27,13 +30,19 @@
     </div>
 
     <div class="details">
-      <p class="details-status" :style="{ color: $themeTokens.annotation }">
+      <p
+        class="details-status"
+        :style="{ color: $themeTokens.annotation }"
+      >
         {{ statusText }}
       </p>
       <h2 class="details-description">
         {{ descriptionText }}
       </h2>
-      <div v-if="taskIsRunning || taskIsCanceling" class="details-progress-bar">
+      <div
+        v-if="taskIsRunning || taskIsCanceling"
+        class="details-progress-bar"
+      >
         <template v-if="taskIsRunning">
           <KLinearLoader
             class="k-linear-loader"
@@ -42,7 +51,10 @@
             :progress="task.percentage * 100"
             :style="{ backgroundColor: $themeTokens.fineLine }"
           />
-          <span v-if="taskPercentage" class="details-percentage">
+          <span
+            v-if="taskPercentage"
+            class="details-percentage"
+          >
             {{ $formatNumber(taskPercentage, { style: 'percent' }) }}
           </span>
         </template>
@@ -56,21 +68,33 @@
         </template>
       </div>
       <template v-if="!taskIsCompleted">
-        <p v-if="sizeText" class="details-size">
+        <p
+          v-if="sizeText"
+          class="details-size"
+        >
           {{ sizeText }}
         </p>
       </template>
       <template v-else>
-        <p v-if="finishedSizeText" class="details-size">
+        <p
+          v-if="finishedSizeText"
+          class="details-size"
+        >
           {{ finishedSizeText }}
         </p>
       </template>
-      <p class="details-startedby" :style="{ color: $themeTokens.annotation }">
+      <p
+        class="details-startedby"
+        :style="{ color: $themeTokens.annotation }"
+      >
         {{ startedByText }}
       </p>
     </div>
 
-    <div class="buttons" :class="{ 'button-lift': taskIsRunning }">
+    <div
+      class="buttons"
+      :class="{ 'button-lift': taskIsRunning }"
+    >
       <KButton
         v-if="taskIsCancellable || taskIsClearable"
         :disabled="taskIsCanceling"
@@ -211,12 +235,8 @@
         return '';
       },
       finishedSizeText() {
-        const {
-          transferred_file_size,
-          transferred_resources,
-          file_size,
-          total_resources,
-        } = this.task.extra_metadata;
+        const { transferred_file_size, transferred_resources, file_size, total_resources } =
+          this.task.extra_metadata;
         // Special case for canceled exports
         if (
           (this.task.type === TaskTypes.DISKEXPORT ||
diff --git a/kolibri/plugins/device/assets/src/views/ManageTasksPage/index.vue b/kolibri/plugins/device/assets/src/views/ManageTasksPage/index.vue
index 1c08ab753a5..0930e38ec30 100644
--- a/kolibri/plugins/device/assets/src/views/ManageTasksPage/index.vue
+++ b/kolibri/plugins/device/assets/src/views/ManageTasksPage/index.vue
@@ -6,7 +6,10 @@
   >
     <KPageContainer class="device-container">
       <KGrid>
-        <KGridItem :layout8="{ span: 5 }" :layout12="{ span: 8 }">
+        <KGridItem
+          :layout8="{ span: 5 }"
+          :layout12="{ span: 8 }"
+        >
           <h1>
             {{ $tr('tasksHeader') }}
           </h1>
@@ -24,12 +27,22 @@
         </KGridItem>
       </KGrid>
 
-      <KLinearLoader v-if="loading" :delay="false" type="indeterminate" />
+      <KLinearLoader
+        v-if="loading"
+        :delay="false"
+        type="indeterminate"
+      />
 
-      <p v-if="!loading && managedTasks.length === 0" class="empty-tasks-message">
+      <p
+        v-if="!loading && managedTasks.length === 0"
+        class="empty-tasks-message"
+      >
         {{ deviceString('emptyTasksMessage') }}
       </p>
-      <transition-group name="fade" class="task-panels">
+      <transition-group
+        name="fade"
+        class="task-panels"
+      >
         <TaskPanel
           v-for="task in sortedTaskList"
           :key="task.id"
@@ -164,7 +177,7 @@
           } `;
         } else if (failedTasks.length > 1) {
           this.pageTitle = `${this.formattedNumber(failedTasks.length)} - ${this.deviceString(
-            'statusFailed'
+            'statusFailed',
           )}`;
         } else if (totalTasks === 1 && inProgressTasks.length === 1) {
           const inProgressTask = inProgressTasks[0];
@@ -179,7 +192,7 @@
             this.pageTitle = this.deviceString('statusComplete');
           } else {
             this.pageTitle = `${this.formattedPercentage(averageProgress)} - ${this.deviceString(
-              'statusInProgress'
+              'statusInProgress',
             )}`;
           }
         } else if (totalTasks > 0 && completedTasks.length === totalTasks) {
@@ -205,7 +218,7 @@
         this.$router.push(
           this.$router.getRoute(this.$route.query.last, {
             channel_id: this.$route.query.channel_id,
-          })
+          }),
         );
       },
     },
diff --git a/kolibri/plugins/device/assets/src/views/PinAuthenticationModal.vue b/kolibri/plugins/device/assets/src/views/PinAuthenticationModal.vue
index dbf2ea3d005..1c9dbb545cd 100644
--- a/kolibri/plugins/device/assets/src/views/PinAuthenticationModal.vue
+++ b/kolibri/plugins/device/assets/src/views/PinAuthenticationModal.vue
@@ -71,7 +71,7 @@
             });
         }
       },
-      focus: function() {
+      focus: function () {
         this.$refs.pinFocus.focus();
       },
     },
diff --git a/kolibri/plugins/device/assets/src/views/RearrangeChannelsPage.vue b/kolibri/plugins/device/assets/src/views/RearrangeChannelsPage.vue
index 25381b793cb..d29a25497b7 100644
--- a/kolibri/plugins/device/assets/src/views/RearrangeChannelsPage.vue
+++ b/kolibri/plugins/device/assets/src/views/RearrangeChannelsPage.vue
@@ -52,7 +52,6 @@
           </transition-group>
         </DragContainer>
       </template>
-
     </KPageContainer>
   </ImmersivePage>
 
diff --git a/kolibri/plugins/device/assets/src/views/SelectContentPage/ChannelContentsSummary.vue b/kolibri/plugins/device/assets/src/views/SelectContentPage/ChannelContentsSummary.vue
index 099e4d54dfd..b1e95abaa4f 100644
--- a/kolibri/plugins/device/assets/src/views/SelectContentPage/ChannelContentsSummary.vue
+++ b/kolibri/plugins/device/assets/src/views/SelectContentPage/ChannelContentsSummary.vue
@@ -8,7 +8,11 @@
         :src="channel.thumbnail"
       >
       <div class="channel-name">
-        <KTooltip reference="lockicon" :refs="$refs" placement="right">
+        <KTooltip
+          reference="lockicon"
+          :refs="$refs"
+          placement="right"
+        >
           {{ $tr('unlistedChannelTooltip') }}
         </KTooltip>
         <h1>
diff --git a/kolibri/plugins/device/assets/src/views/SelectContentPage/ContentNodeRow.vue b/kolibri/plugins/device/assets/src/views/SelectContentPage/ContentNodeRow.vue
index 7f5e59e80f4..6a94a5588d9 100644
--- a/kolibri/plugins/device/assets/src/views/SelectContentPage/ContentNodeRow.vue
+++ b/kolibri/plugins/device/assets/src/views/SelectContentPage/ContentNodeRow.vue
@@ -23,7 +23,10 @@
           :text="node.title"
           :to="getLinkObject(node)"
         />
-        <span v-else dir="auto">
+        <span
+          v-else
+          dir="auto"
+        >
           {{ node.title }}
         </span>
         <CoachContentLabel
@@ -32,7 +35,6 @@
           :isTopic="isTopic"
         />
       </KLabeledIcon>
-
     </td>
 
     <td class="message">
diff --git a/kolibri/plugins/device/assets/src/views/SelectContentPage/ContentTreeViewer.vue b/kolibri/plugins/device/assets/src/views/SelectContentPage/ContentTreeViewer.vue
index f6d433ee5d7..4a63debbff7 100644
--- a/kolibri/plugins/device/assets/src/views/SelectContentPage/ContentTreeViewer.vue
+++ b/kolibri/plugins/device/assets/src/views/SelectContentPage/ContentTreeViewer.vue
@@ -26,13 +26,20 @@
           <th></th>
         </template>
         <template #tbody>
-          <transition-group tag="tbody" name="list">
+          <transition-group
+            tag="tbody"
+            name="list"
+          >
             <ContentNodeRow
               v-for="cNode in showableAnnotatedChildNodes"
               :key="cNode.id"
               :checked="nodeIsChecked(cNode)"
-              :disabled="disabled || disableAll || cNode.disabled ||
-                (cNode.updated_resource && !cNode.available)"
+              :disabled="
+                disabled ||
+                  disableAll ||
+                  cNode.disabled ||
+                  (cNode.updated_resource && !cNode.available)
+              "
               :indeterminate="nodeIsIndeterminate(cNode)"
               :message="cNode.message"
               :node="cNode"
@@ -182,7 +189,7 @@
       },
       annotatedChildNodes() {
         return this.childNodesWithPath.map(n =>
-          annotateNode(n, this.nodesForTransfer, !this.manageMode)
+          annotateNode(n, this.nodesForTransfer, !this.manageMode),
         );
       },
       showableAnnotatedChildNodes() {
@@ -202,7 +209,7 @@
         return annotateNode(
           { ...this.currentTopicNode, path: [...this.path] },
           selections,
-          !this.manageMode
+          !this.manageMode,
         );
       },
     },
diff --git a/kolibri/plugins/device/assets/src/views/UserPermissionsPage/index.vue b/kolibri/plugins/device/assets/src/views/UserPermissionsPage/index.vue
index e1c13f15ea4..062f0022d54 100644
--- a/kolibri/plugins/device/assets/src/views/UserPermissionsPage/index.vue
+++ b/kolibri/plugins/device/assets/src/views/UserPermissionsPage/index.vue
@@ -5,7 +5,10 @@
     :route="backRoute"
     :loading="isPageLoading"
   >
-    <KPageContainer v-if="!isPageLoading" class="device-container">
+    <KPageContainer
+      v-if="!isPageLoading"
+      class="device-container"
+    >
       <h1 v-if="user === null">
         {{ $tr('userDoesNotExist') }}
       </h1>
@@ -13,7 +16,10 @@
       <template v-else>
         <div class="section user-info">
           <h1 dir="auto">
-            <KLabeledIcon icon="person" :label="isCurrentUser ? $tr('you') : user.full_name" />
+            <KLabeledIcon
+              icon="person"
+              :label="isCurrentUser ? $tr('you') : user.full_name"
+            />
           </h1>
 
           <table>
@@ -42,7 +48,6 @@
               </td>
             </tr>
           </table>
-
         </div>
 
         <div class="section superuser">
@@ -63,7 +68,7 @@
           <ul
             class="checkbox-description"
             :style="{
-              color: superuserDisabled ? $themeTokens.textDisabled : $themeTokens.annotation
+              color: superuserDisabled ? $themeTokens.textDisabled : $themeTokens.annotation,
             }"
           >
             <li>{{ $tr('superAdminExplanation1') }}</li>
diff --git a/kolibri/plugins/device/assets/src/views/__test__/RearrangeChannelsPage.spec.js b/kolibri/plugins/device/assets/src/views/__test__/RearrangeChannelsPage.spec.js
index 1e27b12d888..6c9df0575f5 100644
--- a/kolibri/plugins/device/assets/src/views/__test__/RearrangeChannelsPage.spec.js
+++ b/kolibri/plugins/device/assets/src/views/__test__/RearrangeChannelsPage.spec.js
@@ -45,7 +45,7 @@ describe('RearrangeChannelsPage', () => {
     await simulateSort(wrapper);
     expect(wrapper.vm.$store.dispatch).toHaveBeenCalledWith(
       'createSnackbar',
-      'Channel order saved'
+      'Channel order saved',
     );
     expect(wrapper.vm.channels[0].id).toEqual('2');
     expect(wrapper.vm.channels[1].id).toEqual('1');
@@ -58,7 +58,7 @@ describe('RearrangeChannelsPage', () => {
     await simulateSort(wrapper);
     expect(wrapper.vm.$store.dispatch).toHaveBeenCalledWith(
       'createSnackbar',
-      'There was a problem reordering the channels'
+      'There was a problem reordering the channels',
     );
     // Channels array is reset after an error
     expect(wrapper.vm.channels[0].id).toEqual('1');
diff --git a/kolibri/plugins/device/assets/test/views/AvailableChannelsPage.spec.js b/kolibri/plugins/device/assets/test/views/AvailableChannelsPage.spec.js
index 37badd2f197..908367dc269 100644
--- a/kolibri/plugins/device/assets/test/views/AvailableChannelsPage.spec.js
+++ b/kolibri/plugins/device/assets/test/views/AvailableChannelsPage.spec.js
@@ -80,7 +80,7 @@ describe('availableChannelsPage', () => {
   it('in LOCALIMPORT mode, the back link text and title are correct', () => {
     setTransferType('localimport');
     const selectedDrive = store.state.manageContent.wizard.driveList.find(
-      ({ id }) => id === 'f9e29616935fbff37913ed46bf20e2c0'
+      ({ id }) => id === 'f9e29616935fbff37913ed46bf20e2c0',
     );
     store.state.manageContent.wizard.selectedDrive = selectedDrive;
     const wrapper = makeWrapper({ store });
diff --git a/kolibri/plugins/device/assets/test/views/ContentTreeViewer.spec.js b/kolibri/plugins/device/assets/test/views/ContentTreeViewer.spec.js
index 3ac1197f2da..73244096dfe 100644
--- a/kolibri/plugins/device/assets/test/views/ContentTreeViewer.spec.js
+++ b/kolibri/plugins/device/assets/test/views/ContentTreeViewer.spec.js
@@ -190,7 +190,7 @@ describe('ContentTreeViewer component', () => {
       selectAllCheckbox().trigger('click');
       expect(addNodeMock).toHaveBeenCalledTimes(1);
       expect(addNodeMock).toHaveBeenCalledWith(
-        expect.objectContaining(sanitizeNode(wrapper.vm.annotatedTopicNode))
+        expect.objectContaining(sanitizeNode(wrapper.vm.annotatedTopicNode)),
       );
     });
 
@@ -202,7 +202,7 @@ describe('ContentTreeViewer component', () => {
       selectAllCheckbox().trigger('click');
       expect(removeNodeMock).toHaveBeenCalledTimes(1);
       expect(removeNodeMock).toHaveBeenCalledWith(
-        expect.objectContaining(sanitizeNode(wrapper.vm.annotatedTopicNode))
+        expect.objectContaining(sanitizeNode(wrapper.vm.annotatedTopicNode)),
       );
     });
   });
diff --git a/kolibri/plugins/device/assets/test/views/SelectContentPage.spec.js b/kolibri/plugins/device/assets/test/views/SelectContentPage.spec.js
index 345e4bed01e..4545a739f11 100644
--- a/kolibri/plugins/device/assets/test/views/SelectContentPage.spec.js
+++ b/kolibri/plugins/device/assets/test/views/SelectContentPage.spec.js
@@ -46,16 +46,12 @@ describe('SelectContentPage', () => {
   });
 
   it('shows the total size of the channel', () => {
-    const rows = makeWrapper({ store })
-      .findComponent(ChannelContentsSummary)
-      .findAll('tr');
+    const rows = makeWrapper({ store }).findComponent(ChannelContentsSummary).findAll('tr');
     expect(rows.at(1).text()).toEqual('Total size 1,000 5 GB');
   });
 
   it('shows the total size of any resources on the device', () => {
-    const rows = makeWrapper({ store })
-      .findComponent(ChannelContentsSummary)
-      .findAll('tr');
+    const rows = makeWrapper({ store }).findComponent(ChannelContentsSummary).findAll('tr');
     expect(rows.at(2).text()).toEqual('On your device 2,000 95 MB');
   });
 
@@ -65,9 +61,7 @@ describe('SelectContentPage', () => {
       on_device_resources: 0,
       on_device_file_size: 0,
     });
-    const rows = makeWrapper({ store })
-      .findComponent(ChannelContentsSummary)
-      .findAll('tr');
+    const rows = makeWrapper({ store }).findComponent(ChannelContentsSummary).findAll('tr');
     expect(rows.at(2).text()).toEqual('On your device 0 0 B');
   });
 
diff --git a/kolibri/plugins/epub_viewer/assets/src/views/BottomBar.vue b/kolibri/plugins/epub_viewer/assets/src/views/BottomBar.vue
index 7820a468038..405e53089f5 100644
--- a/kolibri/plugins/epub_viewer/assets/src/views/BottomBar.vue
+++ b/kolibri/plugins/epub_viewer/assets/src/views/BottomBar.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <div class="bottom-bar" :style="{ backgroundColor: $themePalette.grey.v_200 }">
+  <div
+    class="bottom-bar"
+    :style="{ backgroundColor: $themePalette.grey.v_200 }"
+  >
     <div class="bottom-bar-heading">
       <h3 v-if="heading">
         {{ heading }}
diff --git a/kolibri/plugins/epub_viewer/assets/src/views/EpubRendererIndex.vue b/kolibri/plugins/epub_viewer/assets/src/views/EpubRendererIndex.vue
index 333a8d95577..484cf8fc6a8 100644
--- a/kolibri/plugins/epub_viewer/assets/src/views/EpubRendererIndex.vue
+++ b/kolibri/plugins/epub_viewer/assets/src/views/EpubRendererIndex.vue
@@ -7,8 +7,10 @@
     :style="epubRendererStyle"
     @changeFullscreen="isInFullscreen = $event"
   >
-
-    <LoadingError v-if="errorLoading" :loaded="loaded" />
+    <LoadingError
+      v-if="errorLoading"
+      :loaded="loaded"
+    />
 
     <LoadingScreen v-else-if="!loaded" />
 
@@ -19,7 +21,6 @@
       @mousedown.stop="handleMouseDown"
       @keyup.esc="closeSideBar"
     >
-
       <TopBar
         ref="topBar"
         class="top-bar-component"
@@ -98,9 +99,7 @@
         class="navigation-and-epubjs"
         :style="{ backgroundColor }"
       >
-        <div
-          class="column epubjs-navigation"
-        >
+        <div class="column epubjs-navigation">
           <NextButton
             v-if="contentIsRtl"
             v-show="!isAtEnd"
@@ -124,11 +123,8 @@
           ref="epubjsContainer"
           class="column epubjs-parent"
           :style="{ backgroundColor }"
-        >
-        </div>
-        <div
-          class="column epubjs-navigation"
-        >
+        ></div>
+        <div class="column epubjs-navigation">
           <PreviousButton
             v-if="contentIsRtl"
             v-show="!isAtStart"
@@ -159,7 +155,6 @@
         @sliderChanged="handleSliderChanged"
       />
     </div>
-
   </CoreFullscreen>
 
 </template>
@@ -479,7 +474,7 @@
                   // In IE 11, EVENTS.RENDITION.DISPLAY_ERROR occurs when calling .resize(),
                   // so we'll try to redisplay, and if that's successful remove `errorLoading`
                   return this.rendition.display(this.savedLocation || undefined);
-                }
+                },
               )
               .then(() => {
                 this.errorLoading = false;
@@ -491,7 +486,7 @@
             },
             () => {
               this.errorLoading = true;
-            }
+            },
           );
 
         this.rendition.on(EVENTS.RENDITION.DISPLAY_ERROR, err => {
@@ -520,7 +515,7 @@
             // update progress using number of pages seen out of available pages
             this.$emit(
               'updateProgress',
-              Object.keys(this.visitedPages || {}).length / this.locations.length
+              Object.keys(this.visitedPages || {}).length / this.locations.length,
             );
           }
         }
@@ -653,7 +648,7 @@
         const newFontSizeNumericValue = clamp(
           fontSizeNumericValue + difference * FONT_SIZE_STEP,
           FONT_SIZE_MIN,
-          FONT_SIZE_MAX
+          FONT_SIZE_MAX,
         );
         this.setFontSize(`${newFontSizeNumericValue}px`);
       },
@@ -732,7 +727,7 @@
           const flatToc = this.flattenToc(this.toc);
           const currentLocationHref = this.book.canonical(currentLocationStart.href);
           currentSection = flatToc.find(
-            item => this.book.canonical(item.href) === currentLocationHref
+            item => this.book.canonical(item.href) === currentLocationHref,
           );
         }
         return currentSection;
@@ -765,7 +760,7 @@
       },
       handleSliderChanged(newSliderValue) {
         const indexOfLocationToJumpTo = Math.floor(
-          (this.locations.length - 1) * (newSliderValue / 100)
+          (this.locations.length - 1) * (newSliderValue / 100),
         );
         const locationToJumpTo = this.locations[indexOfLocationToJumpTo];
         this.jumpToLocation(locationToJumpTo);
diff --git a/kolibri/plugins/epub_viewer/assets/src/views/LoadingScreen.vue b/kolibri/plugins/epub_viewer/assets/src/views/LoadingScreen.vue
index acdc0a493e8..63ec8447320 100644
--- a/kolibri/plugins/epub_viewer/assets/src/views/LoadingScreen.vue
+++ b/kolibri/plugins/epub_viewer/assets/src/views/LoadingScreen.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <div class="loading-screen" :style="backgroundStyle">
+  <div
+    class="loading-screen"
+    :style="backgroundStyle"
+  >
     <div class="loading-status">
       <KCircularLoader
         type="indeterminate"
diff --git a/kolibri/plugins/epub_viewer/assets/src/views/SearchSideBar.vue b/kolibri/plugins/epub_viewer/assets/src/views/SearchSideBar.vue
index 067fc7aff5d..2afd7621e1b 100644
--- a/kolibri/plugins/epub_viewer/assets/src/views/SearchSideBar.vue
+++ b/kolibri/plugins/epub_viewer/assets/src/views/SearchSideBar.vue
@@ -19,7 +19,7 @@
           buttonType="submit"
           :ariaLabel="$tr('submitSearchQuery')"
           class="d-tc"
-          style="position: relative; top:4px; left: 8px;"
+          style="position: relative; top: 4px; left: 8px"
           size="small"
         />
       </div>
@@ -125,15 +125,12 @@
     return book.spine.spineItems.reduce(
       (promiseChain, currentSpineItem) =>
         promiseChain.then(totalSearchResults =>
-          searchThroughSpineItem(
-            currentSpineItem,
-            searchQuery,
-            totalSearchResults.length
-          ).then(currentSpineItemSearchResults =>
-            totalSearchResults.concat(currentSpineItemSearchResults)
-          )
+          searchThroughSpineItem(currentSpineItem, searchQuery, totalSearchResults.length).then(
+            currentSpineItemSearchResults =>
+              totalSearchResults.concat(currentSpineItemSearchResults),
+          ),
         ),
-      Promise.resolve([])
+      Promise.resolve([]),
     );
   }
 
@@ -198,7 +195,7 @@
               this.searchResults = this.selectMatchResult(searchResults);
               this.$emit('newSearchQuery', searchQuery);
               this.searchIsLoading = false;
-            }
+            },
           );
         }
       },
diff --git a/kolibri/plugins/epub_viewer/assets/src/views/SettingsSideBar.vue b/kolibri/plugins/epub_viewer/assets/src/views/SettingsSideBar.vue
index 0169b677117..8d3f52776d5 100644
--- a/kolibri/plugins/epub_viewer/assets/src/views/SettingsSideBar.vue
+++ b/kolibri/plugins/epub_viewer/assets/src/views/SettingsSideBar.vue
@@ -3,7 +3,10 @@
   <SideBar>
     <div class="o-f-h">
       <h3>{{ $tr('textSize') }}</h3>
-      <KFixedGrid numCols="2" gutter="8">
+      <KFixedGrid
+        numCols="2"
+        gutter="8"
+      >
         <KFixedGridItem span="1">
           <KButton
             ref="decreaseFontSizeButton"
@@ -12,7 +15,10 @@
             @click="$emit('decreaseFontSize')"
           >
             <template #icon>
-              <KIcon icon="minus" style="top: 0; width: 24px; height: 24px;" />
+              <KIcon
+                icon="minus"
+                style="top: 0; width: 24px; height: 24px"
+              />
             </template>
             <div class="truncate">
               {{ $tr('decrease') }}
@@ -27,7 +33,10 @@
             @click="$emit('increaseFontSize')"
           >
             <template #icon>
-              <KIcon icon="plus" style="top: 0; width: 24px; height: 24px;" />
+              <KIcon
+                icon="plus"
+                style="top: 0; width: 24px; height: 24px"
+              />
             </template>
             <div class="truncate">
               {{ $tr('increase') }}
@@ -39,7 +48,10 @@
 
     <div class="o-f-h">
       <h3>{{ $tr('theme') }}</h3>
-      <KFixedGrid numCols="4" gutter="8">
+      <KFixedGrid
+        numCols="4"
+        gutter="8"
+      >
         <KFixedGridItem
           v-for="(value, key) in themes"
           :key="key"
@@ -52,13 +64,12 @@
             @click="$emit('setTheme', value)"
           >
             <KIcon
-              v-if="isCurrentlySelectedTheme(value) "
+              v-if="isCurrentlySelectedTheme(value)"
               icon="check"
               :style="{ fill: value.textColor }"
-              style="top: 0; width: 24px; height: 24px;"
+              style="top: 0; width: 24px; height: 24px"
             />
           </KButton>
-
         </KFixedGridItem>
       </KFixedGrid>
     </div>
diff --git a/kolibri/plugins/epub_viewer/assets/src/views/SideBar.vue b/kolibri/plugins/epub_viewer/assets/src/views/SideBar.vue
index 4dbeb599078..5cfce6439b5 100644
--- a/kolibri/plugins/epub_viewer/assets/src/views/SideBar.vue
+++ b/kolibri/plugins/epub_viewer/assets/src/views/SideBar.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <div class="side-bar" :style="{ backgroundColor: $themePalette.grey.v_100 }">
+  <div
+    class="side-bar"
+    :style="{ backgroundColor: $themePalette.grey.v_100 }"
+  >
     <slot></slot>
   </div>
 
diff --git a/kolibri/plugins/epub_viewer/assets/src/views/TableOfContentsSection.vue b/kolibri/plugins/epub_viewer/assets/src/views/TableOfContentsSection.vue
index d35b70c1d87..9408abcc9d2 100644
--- a/kolibri/plugins/epub_viewer/assets/src/views/TableOfContentsSection.vue
+++ b/kolibri/plugins/epub_viewer/assets/src/views/TableOfContentsSection.vue
@@ -4,7 +4,6 @@
     class="toc-list-item"
     :class="{ 'toc-list-item-top-level': depth === 0 }"
   >
-
     <KButton
       :id="sectionId"
       class="toc-list-item-button"
diff --git a/kolibri/plugins/epub_viewer/assets/src/views/TableOfContentsSideBar.vue b/kolibri/plugins/epub_viewer/assets/src/views/TableOfContentsSideBar.vue
index 8013a79c868..29a7871c631 100644
--- a/kolibri/plugins/epub_viewer/assets/src/views/TableOfContentsSideBar.vue
+++ b/kolibri/plugins/epub_viewer/assets/src/views/TableOfContentsSideBar.vue
@@ -6,9 +6,7 @@
         ref="tocList"
         class="toc-list"
       >
-        <template
-          v-for="(section, index) in toc"
-        >
+        <template v-for="(section, index) in toc">
           <TableOfContentsSection
             :key="`toc-section-${index}`"
             :section="section"
diff --git a/kolibri/plugins/epub_viewer/assets/src/views/TopBar.vue b/kolibri/plugins/epub_viewer/assets/src/views/TopBar.vue
index 0dcb6531179..d7804de75cf 100644
--- a/kolibri/plugins/epub_viewer/assets/src/views/TopBar.vue
+++ b/kolibri/plugins/epub_viewer/assets/src/views/TopBar.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <div class="top-bar" :style="{ backgroundColor: $themePalette.grey.v_200 }">
+  <div
+    class="top-bar"
+    :style="{ backgroundColor: $themePalette.grey.v_200 }"
+  >
     <KGrid :style="{ marginTop: '2px', marginLeft: '3px', marginRight: '3px' }">
       <KGridItem
         :layout4="{ span: 1 }"
diff --git a/kolibri/plugins/epub_viewer/assets/tests/EpubRendererIndex.spec.js b/kolibri/plugins/epub_viewer/assets/tests/EpubRendererIndex.spec.js
index ac642a739ac..38df817a0b3 100644
--- a/kolibri/plugins/epub_viewer/assets/tests/EpubRendererIndex.spec.js
+++ b/kolibri/plugins/epub_viewer/assets/tests/EpubRendererIndex.spec.js
@@ -20,7 +20,7 @@ describe('updateProgress', () => {
 
     expect(context.$emit.mock.calls[0][0]).toBe('updateProgress');
     expect(context.$emit.mock.calls[0][1]).toEqual(
-      Object.keys(context.visitedPages).length / context.locations.length
+      Object.keys(context.visitedPages).length / context.locations.length,
     );
     expect(context.$emit.mock.calls[0][1]).not.toBe(context.durationBasedProgress);
   });
@@ -32,7 +32,7 @@ describe('updateProgress', () => {
     expect(context.$emit.mock.calls[0][0]).toBe('updateProgress');
     expect(context.$emit.mock.calls[0][1]).toBe(0.1);
     expect(context.$emit.mock.calls[0][1]).not.toEqual(
-      Object.keys(context.visitedPages).length / context.locations.length
+      Object.keys(context.visitedPages).length / context.locations.length,
     );
   });
 });
diff --git a/kolibri/plugins/epub_viewer/assets/tests/TableOfContentsSection.spec.js b/kolibri/plugins/epub_viewer/assets/tests/TableOfContentsSection.spec.js
index a36fae5db67..874a832494b 100644
--- a/kolibri/plugins/epub_viewer/assets/tests/TableOfContentsSection.spec.js
+++ b/kolibri/plugins/epub_viewer/assets/tests/TableOfContentsSection.spec.js
@@ -61,7 +61,7 @@ describe('Table of Contents Section', () => {
       depth: 0,
     });
     expect(
-      wrapper.find('ul.toc-list').findAll('[data-test="table-of-contents-section"]').length
+      wrapper.find('ul.toc-list').findAll('[data-test="table-of-contents-section"]').length,
     ).toBe(2);
   });
 
@@ -96,7 +96,7 @@ describe('Table of Contents Section', () => {
       currentSection: section,
     });
     expect(wrapper.findComponent({ name: 'KButton' }).classes()).toContain(
-      'toc-list-item-button-current'
+      'toc-list-item-button-current',
     );
   });
 
@@ -107,7 +107,7 @@ describe('Table of Contents Section', () => {
       currentSection: { label: 'Random section', href: 'href' },
     });
     expect(wrapper.findComponent({ name: 'KButton' }).classes()).not.toContain(
-      'toc-list-item-button-current'
+      'toc-list-item-button-current',
     );
   });
 
diff --git a/kolibri/plugins/epub_viewer/assets/tests/TableOfContentsSectionSideBar.spec.js b/kolibri/plugins/epub_viewer/assets/tests/TableOfContentsSectionSideBar.spec.js
index 32086e82071..a12aef722a2 100644
--- a/kolibri/plugins/epub_viewer/assets/tests/TableOfContentsSectionSideBar.spec.js
+++ b/kolibri/plugins/epub_viewer/assets/tests/TableOfContentsSectionSideBar.spec.js
@@ -73,7 +73,7 @@ describe('Table of Contents Side Bar', () => {
     });
     const allSectionButtons = wrapper.findAllComponents({ name: 'KButton' });
     const allSectionButtonsWithCustomClass = allSectionButtons.filter(button =>
-      button.classes().includes('toc-list-item-button-current')
+      button.classes().includes('toc-list-item-button-current'),
     );
     expect(allSectionButtonsWithCustomClass.length).toEqual(1);
   });
diff --git a/kolibri/plugins/facility/assets/src/modules/classAssignMembers/handlers.js b/kolibri/plugins/facility/assets/src/modules/classAssignMembers/handlers.js
index dc30eafca67..425b64cd6a1 100644
--- a/kolibri/plugins/facility/assets/src/modules/classAssignMembers/handlers.js
+++ b/kolibri/plugins/facility/assets/src/modules/classAssignMembers/handlers.js
@@ -39,7 +39,7 @@ export function showLearnerClassEnrollmentPage(store, toRoute, fromRoute) {
     },
     error => {
       shouldResolve() ? store.dispatch('handleApiError', { error, reloadOnReconnect: true }) : null;
-    }
+    },
   );
 }
 
@@ -82,6 +82,6 @@ export function showCoachClassAssignmentPage(store, toRoute, fromRoute) {
     error => {
       store.dispatch('notLoading');
       shouldResolve() ? store.dispatch('handleApiError', { error, reloadOnReconnect: true }) : null;
-    }
+    },
   );
 }
diff --git a/kolibri/plugins/facility/assets/src/modules/classEditManagement/actions.js b/kolibri/plugins/facility/assets/src/modules/classEditManagement/actions.js
index 331814f4074..2fba9dc4643 100644
--- a/kolibri/plugins/facility/assets/src/modules/classEditManagement/actions.js
+++ b/kolibri/plugins/facility/assets/src/modules/classEditManagement/actions.js
@@ -16,7 +16,7 @@ export function removeClassLearner(store, { classId, userId }) {
     },
     error => {
       store.dispatch('handleApiError', { error }, { root: true });
-    }
+    },
   );
 }
 
@@ -38,7 +38,7 @@ export function removeClassCoach(store, { classId, userId }) {
     },
     error => {
       store.dispatch('handleApiError', { error }, { root: true });
-    }
+    },
   );
 }
 
@@ -62,6 +62,6 @@ export function updateClass(store, { id, updateData }) {
     },
     error => {
       store.dispatch('handleApiError', { error }, { root: true });
-    }
+    },
   );
 }
diff --git a/kolibri/plugins/facility/assets/src/modules/classManagement/actions.js b/kolibri/plugins/facility/assets/src/modules/classManagement/actions.js
index 57c89e5a4ab..875aa7daf1d 100644
--- a/kolibri/plugins/facility/assets/src/modules/classManagement/actions.js
+++ b/kolibri/plugins/facility/assets/src/modules/classManagement/actions.js
@@ -16,6 +16,6 @@ export function createClass(store, name) {
     },
     error => {
       store.dispatch('handleApiError', { error }, { root: true });
-    }
+    },
   );
 }
diff --git a/kolibri/plugins/facility/assets/src/modules/facilityConfig/actions.js b/kolibri/plugins/facility/assets/src/modules/facilityConfig/actions.js
index 2c39aaff82e..7d6defe4a22 100644
--- a/kolibri/plugins/facility/assets/src/modules/facilityConfig/actions.js
+++ b/kolibri/plugins/facility/assets/src/modules/facilityConfig/actions.js
@@ -20,7 +20,7 @@ export function saveFacilityName(store, payload) {
     },
     error => {
       store.commit('FACILITY_NAME_NOT_SAVED', error);
-    }
+    },
   );
 }
 
diff --git a/kolibri/plugins/facility/assets/src/modules/importCSV/actions.js b/kolibri/plugins/facility/assets/src/modules/importCSV/actions.js
index d6e8d3e5a03..cb6f9bf5501 100644
--- a/kolibri/plugins/facility/assets/src/modules/importCSV/actions.js
+++ b/kolibri/plugins/facility/assets/src/modules/importCSV/actions.js
@@ -35,7 +35,7 @@ function startValidating(store, payload) {
     null,
     payload.deleteUsers,
     true,
-    'START_VALIDATE_USERS'
+    'START_VALIDATE_USERS',
   );
 }
 function startSavingUsers(store) {
@@ -45,7 +45,7 @@ function startSavingUsers(store) {
     store.getters.filename,
     store.getters.deleteUsers,
     false,
-    'START_SAVE_USERS'
+    'START_SAVE_USERS',
   );
 }
 
@@ -84,7 +84,7 @@ function refreshTaskList(store) {
         TaskTypes.IMPORTUSERSFROMCSV,
         store.getters.taskId,
         'START_VALIDATE_USERS',
-        'SET_FINISHED_IMPORT_USERS'
+        'SET_FINISHED_IMPORT_USERS',
       );
     })
     .catch(error => {
diff --git a/kolibri/plugins/facility/assets/src/modules/manageCSV/actions.js b/kolibri/plugins/facility/assets/src/modules/manageCSV/actions.js
index eb64c21c9bb..91c6771ec9b 100644
--- a/kolibri/plugins/facility/assets/src/modules/manageCSV/actions.js
+++ b/kolibri/plugins/facility/assets/src/modules/manageCSV/actions.js
@@ -55,7 +55,7 @@ function startSummaryCSVExport(store, dateRange) {
     TaskTypes.EXPORTSUMMARYLOGCSV,
     dateRange,
     store.getters.inSummaryCSVCreation,
-    'START_SUMMARY_CSV_EXPORT'
+    'START_SUMMARY_CSV_EXPORT',
   );
 }
 
@@ -65,14 +65,14 @@ function startSessionCSVExport(store, dateRange) {
     TaskTypes.EXPORTSESSIONLOGCSV,
     dateRange,
     store.getters.inSessionCSVCreation,
-    'START_SESSION_CSV_EXPORT'
+    'START_SESSION_CSV_EXPORT',
   );
 }
 
 function getExportedCSVsInfo(store) {
   return client({
     url: urls['kolibri:kolibri.plugins.facility:exportedcsvinfo'](
-      store.rootGetters.activeFacilityId
+      store.rootGetters.activeFacilityId,
     ),
   }).then(response => {
     const data = response.data;
@@ -149,7 +149,7 @@ function refreshTaskList(store) {
         TaskTypes.EXPORTSESSIONLOGCSV,
         store.getters.sessionTaskId,
         'START_SESSION_CSV_EXPORT',
-        'SET_FINISHED_SESSION_CSV_CREATION'
+        'SET_FINISHED_SESSION_CSV_CREATION',
       );
       checkTaskStatus(
         store,
@@ -157,7 +157,7 @@ function refreshTaskList(store) {
         TaskTypes.EXPORTSUMMARYLOGCSV,
         store.getters.summaryTaskId,
         'START_SUMMARY_CSV_EXPORT',
-        'SET_FINISHED_SUMMARY_CSV_CREATION'
+        'SET_FINISHED_SUMMARY_CSV_CREATION',
       );
       checkTaskStatus(
         store,
@@ -165,7 +165,7 @@ function refreshTaskList(store) {
         TaskTypes.EXPORTUSERSTOCSV,
         store.state.exportUsersTaskId,
         'START_EXPORT_USERS',
-        'SET_FINISH_EXPORT_USERS'
+        'SET_FINISH_EXPORT_USERS',
       );
     })
     .catch(error => {
diff --git a/kolibri/plugins/facility/assets/src/modules/userManagement/actions.js b/kolibri/plugins/facility/assets/src/modules/userManagement/actions.js
index c8f3e57b9ea..b4f11dbe1ed 100644
--- a/kolibri/plugins/facility/assets/src/modules/userManagement/actions.js
+++ b/kolibri/plugins/facility/assets/src/modules/userManagement/actions.js
@@ -52,7 +52,7 @@ export function updateFacilityUserDetails(store, { userId, updates }) {
       if (roleUpdates) {
         return updateFacilityLevelRoles(user, roleUpdates.kind);
       }
-    }
+    },
   );
 }
 
diff --git a/kolibri/plugins/facility/assets/src/modules/userManagement/utils.js b/kolibri/plugins/facility/assets/src/modules/userManagement/utils.js
index 94562afdf7d..5b1035c55ed 100644
--- a/kolibri/plugins/facility/assets/src/modules/userManagement/utils.js
+++ b/kolibri/plugins/facility/assets/src/modules/userManagement/utils.js
@@ -47,7 +47,7 @@ export function updateFacilityLevelRoles(facilityUser, newRoleKind) {
   // are left untouched
   if (FACILITY_ROLES.includes(newRoleKind)) {
     return createFacilityRole().then(() =>
-      RoleResource.deleteModel({ id: currentFacilityRole.id })
+      RoleResource.deleteModel({ id: currentFacilityRole.id }),
     );
   }
 }
diff --git a/kolibri/plugins/facility/assets/src/routes.js b/kolibri/plugins/facility/assets/src/routes.js
index efda7f1a6af..46730771e60 100644
--- a/kolibri/plugins/facility/assets/src/routes.js
+++ b/kolibri/plugins/facility/assets/src/routes.js
@@ -173,7 +173,7 @@ export default [
           name: PageNames.DATA_EXPORT_PAGE,
           params: { facility_id: route.params.facility_id },
         },
-        editSyncRoute: function(deviceId) {
+        editSyncRoute: function (deviceId) {
           return {
             name: SyncPageNames.EDIT_SYNC_SCHEDULE,
             params: {
diff --git a/kolibri/plugins/facility/assets/src/views/AllFacilitiesPage.vue b/kolibri/plugins/facility/assets/src/views/AllFacilitiesPage.vue
index 1119a0de890..602b758c3b1 100644
--- a/kolibri/plugins/facility/assets/src/views/AllFacilitiesPage.vue
+++ b/kolibri/plugins/facility/assets/src/views/AllFacilitiesPage.vue
@@ -1,8 +1,11 @@
 <template>
 
-  <AppBarPage :title="coreString('facilityLabel')" :showNavigation="false">
-    <KPageContainer style="max-width: 1000px; margin: 32px auto 0;">
-      <h1>{{ coreString('facilitiesLabel') }} </h1>
+  <AppBarPage
+    :title="coreString('facilityLabel')"
+    :showNavigation="false"
+  >
+    <KPageContainer style="max-width: 1000px; margin: 32px auto 0">
+      <h1>{{ coreString('facilitiesLabel') }}</h1>
       <CoreTable>
         <template #headers>
           <th>{{ coreString('nameLabel') }}</th>
@@ -10,7 +13,10 @@
         </template>
         <template #tbody>
           <tbody>
-            <tr v-for="facility in facilities" :key="facility.id">
+            <tr
+              v-for="facility in facilities"
+              :key="facility.id"
+            >
               <td>
                 <KRouterLink
                   :text="facility.name"
@@ -74,7 +80,7 @@
     methods: {
       facilityLink(facility) {
         const link = cloneDeep(
-          this.facilityPageLinks[this.subtopicName] || this.facilityPageLinks.ManageClassPage
+          this.facilityPageLinks[this.subtopicName] || this.facilityPageLinks.ManageClassPage,
         );
 
         link.params.facility_id = facility.id;
diff --git a/kolibri/plugins/facility/assets/src/views/ClassEditPage/ClassRenameModal.vue b/kolibri/plugins/facility/assets/src/views/ClassEditPage/ClassRenameModal.vue
index 64ea640d089..cc7cc3a2219 100644
--- a/kolibri/plugins/facility/assets/src/views/ClassEditPage/ClassRenameModal.vue
+++ b/kolibri/plugins/facility/assets/src/views/ClassEditPage/ClassRenameModal.vue
@@ -62,7 +62,7 @@
           return false;
         }
         const index = this.classes.findIndex(
-          classroom => classroom.name.toUpperCase() === this.name.toUpperCase()
+          classroom => classroom.name.toUpperCase() === this.name.toUpperCase(),
         );
         if (index === -1) {
           return false;
diff --git a/kolibri/plugins/facility/assets/src/views/ClassEditPage/index.vue b/kolibri/plugins/facility/assets/src/views/ClassEditPage/index.vue
index 40e898a64ad..bc0354b21c7 100644
--- a/kolibri/plugins/facility/assets/src/views/ClassEditPage/index.vue
+++ b/kolibri/plugins/facility/assets/src/views/ClassEditPage/index.vue
@@ -1,9 +1,7 @@
 <template>
 
   <FacilityAppBarPage>
-
     <KPageContainer>
-
       <p>
         <KRouterLink
           :text="coreString('allClassesLabel')"
@@ -12,8 +10,14 @@
         />
       </p>
       <div>
-        <h1 class="title-header" dir="auto">
-          <KLabeledIcon icon="classes" :label="classDetails.name" />
+        <h1
+          class="title-header"
+          dir="auto"
+        >
+          <KLabeledIcon
+            icon="classes"
+            :label="classDetails.name"
+          />
         </h1>
         <KButton
           :text="$tr('renameButtonLabel')"
diff --git a/kolibri/plugins/facility/assets/src/views/ClassEnrollForm.vue b/kolibri/plugins/facility/assets/src/views/ClassEnrollForm.vue
index 2f7da371ef6..534a22ac8a7 100644
--- a/kolibri/plugins/facility/assets/src/views/ClassEnrollForm.vue
+++ b/kolibri/plugins/facility/assets/src/views/ClassEnrollForm.vue
@@ -1,7 +1,6 @@
 <template>
 
   <form>
-
     <PaginatedListContainerWithBackend
       v-model="currentPage"
       :items="facilityUsers"
@@ -10,7 +9,10 @@
       :numFilteredItems="totalLearners"
     >
       <template #filter>
-        <FilterTextbox v-model="search" :placeholder="coreString('searchForUser')" />
+        <FilterTextbox
+          v-model="search"
+          :placeholder="coreString('searchForUser')"
+        />
       </template>
       <template>
         <UserTable
@@ -28,7 +30,6 @@
       :type="pageType"
       @click-confirm="$emit('submit', selectedUsers)"
     />
-
   </form>
 
 </template>
diff --git a/kolibri/plugins/facility/assets/src/views/CsvInfoModal.vue b/kolibri/plugins/facility/assets/src/views/CsvInfoModal.vue
index 960235b8130..46d1f5dd699 100644
--- a/kolibri/plugins/facility/assets/src/views/CsvInfoModal.vue
+++ b/kolibri/plugins/facility/assets/src/views/CsvInfoModal.vue
@@ -21,40 +21,55 @@
       <tbody>
         <tr>
           <td>
-            {{ $tr('uuid') }}<br>
-            <span class="label" :style="label">{{ $tr('optional') }}</span>
+            {{ $tr('uuid') }}<br >
+            <span
+              class="label"
+              :style="label"
+            >{{ $tr('optional') }}</span>
           </td>
           <td><code>UUID</code></td>
           <td>{{ $tr('uuidInfo') }}</td>
         </tr>
         <tr>
           <td>
-            {{ $tr('username') }}<br>
-            <span class="label" :style="label">{{ $tr('required') }}</span>
+            {{ $tr('username') }}<br >
+            <span
+              class="label"
+              :style="label"
+            >{{ $tr('required') }}</span>
           </td>
           <td><code>USERNAME</code></td>
           <td>{{ $tr('usernameInfo') }}</td>
         </tr>
         <tr>
           <td>
-            {{ $tr('password') }}<br>
-            <span class="label" :style="label">{{ $tr('required') }}</span>
+            {{ $tr('password') }}<br >
+            <span
+              class="label"
+              :style="label"
+            >{{ $tr('required') }}</span>
           </td>
           <td><code>PASSWORD</code></td>
           <td>{{ $tr('passwordInfo') }} <code>*</code></td>
         </tr>
         <tr>
           <td>
-            {{ $tr('fullName') }}<br>
-            <span class="label" :style="label">{{ $tr('required') }}</span>
+            {{ $tr('fullName') }}<br >
+            <span
+              class="label"
+              :style="label"
+            >{{ $tr('required') }}</span>
           </td>
           <td><code>FULL_NAME</code></td>
           <td>{{ $tr('fullNameInfo') }}</td>
         </tr>
         <tr>
           <td>
-            {{ $tr('userType') }}<br>
-            <span class="label" :style="label">{{ $tr('required') }}</span>
+            {{ $tr('userType') }}<br >
+            <span
+              class="label"
+              :style="label"
+            >{{ $tr('required') }}</span>
           </td>
           <td><code>USER_TYPE</code></td>
           <td>
@@ -69,24 +84,33 @@
         </tr>
         <tr>
           <td>
-            {{ $tr('identifier') }}<br>
-            <span class="label" :style="label">{{ $tr('optional') }}</span>
+            {{ $tr('identifier') }}<br >
+            <span
+              class="label"
+              :style="label"
+            >{{ $tr('optional') }}</span>
           </td>
           <td><code>IDENTIFIER</code></td>
           <td>{{ $tr('identifierInfo') }}</td>
         </tr>
         <tr>
           <td>
-            {{ $tr('birthYear') }}<br>
-            <span class="label" :style="label">{{ $tr('optional') }}</span>
+            {{ $tr('birthYear') }}<br >
+            <span
+              class="label"
+              :style="label"
+            >{{ $tr('optional') }}</span>
           </td>
           <td><code>BIRTH_YEAR</code></td>
           <td>{{ $tr('yearInfo') }}</td>
         </tr>
         <tr>
           <td>
-            {{ $tr('gender') }}<br>
-            <span class="label" :style="label">{{ $tr('optional') }}</span>
+            {{ $tr('gender') }}<br >
+            <span
+              class="label"
+              :style="label"
+            >{{ $tr('optional') }}</span>
           </td>
           <td><code>GENDER</code></td>
           <td>
@@ -100,8 +124,11 @@
         </tr>
         <tr>
           <td>
-            {{ $tr('enrolled') }}<br>
-            <span class="label" :style="label">{{ $tr('optional') }}</span>
+            {{ $tr('enrolled') }}<br >
+            <span
+              class="label"
+              :style="label"
+            >{{ $tr('optional') }}</span>
           </td>
           <td><code>ENROLLED_IN</code></td>
           <td>
@@ -115,8 +142,11 @@
         </tr>
         <tr>
           <td>
-            {{ $tr('assigned') }}<br>
-            <span class="label" :style="label">{{ $tr('optional') }}</span>
+            {{ $tr('assigned') }}<br >
+            <span
+              class="label"
+              :style="label"
+            >{{ $tr('optional') }}</span>
           </td>
           <td><code>ASSIGNED_TO</code></td>
           <td>
@@ -128,7 +158,6 @@
             </ul>
           </td>
         </tr>
-
       </tbody>
     </table>
   </KModal>
diff --git a/kolibri/plugins/facility/assets/src/views/DataPage/ImportInterface/index.vue b/kolibri/plugins/facility/assets/src/views/DataPage/ImportInterface/index.vue
index 0fd5a8290da..1bba62d2841 100644
--- a/kolibri/plugins/facility/assets/src/views/DataPage/ImportInterface/index.vue
+++ b/kolibri/plugins/facility/assets/src/views/DataPage/ImportInterface/index.vue
@@ -1,8 +1,7 @@
 <template>
 
   <KPageContainer>
-
-    <h1> {{ $tr('sectionTitle') }}</h1>
+    <h1>{{ $tr('sectionTitle') }}</h1>
     <p>
       {{ $tr('sectionDescription') }}
     </p>
@@ -18,24 +17,24 @@
         @click="showInfoModal = true"
       />
     </p>
-    <p style="margin-top: 24px; display:flex; flex-direction: column">
+    <p style="display: flex; flex-direction: column; margin-top: 24px">
       <KRouterLink
         :text="$tr('import')"
         appearance="raised-button"
-        style="width: max-content; margin: 0 16px 20px 0;"
+        style="width: max-content; margin: 0 16px 20px 0"
         :to="$store.getters.facilityPageLinks.ImportCsvPage"
       />
       <KButton
         :text="$tr('downloadCSV')"
         appearance="raised-button"
-        style="width: max-content; margin: 0 16px 20px 0;"
+        style="width: max-content; margin: 0 16px 20px 0"
         :disabled="!exported"
         @click="downloadCsv"
       />
       <KButton
         appearance="basic-link"
         :text="exported ? $tr('regenerateCSV') : $tr('generateCSV')"
-        style="margin: 0px 8px 10px 0px"
+        style="margin: 0 8px 10px 0"
         @click="exportCsv"
       />
       <DataPageTaskProgress v-if="isExporting">
@@ -43,12 +42,10 @@
       </DataPageTaskProgress>
     </p>
 
-
     <CsvInfoModal
       v-if="showInfoModal"
       @cancel="showInfoModal = false"
     />
-
   </KPageContainer>
 
 </template>
@@ -89,9 +86,9 @@
         window.open(
           urls['kolibri:kolibri.plugins.facility:download_csv_file'](
             'user',
-            this.$store.getters.activeFacilityId
+            this.$store.getters.activeFacilityId,
           ),
-          '_blank'
+          '_blank',
         );
       },
     },
diff --git a/kolibri/plugins/facility/assets/src/views/DataPage/SyncInterface/PrivacyModal.vue b/kolibri/plugins/facility/assets/src/views/DataPage/SyncInterface/PrivacyModal.vue
index f4fb5e0d8d3..715f4bf86a6 100644
--- a/kolibri/plugins/facility/assets/src/views/DataPage/SyncInterface/PrivacyModal.vue
+++ b/kolibri/plugins/facility/assets/src/views/DataPage/SyncInterface/PrivacyModal.vue
@@ -8,7 +8,6 @@
     @submit="closeModal"
   >
     {{ $tr('privacyText') }}
-
   </KModal>
 
 </template>
diff --git a/kolibri/plugins/facility/assets/src/views/DataPage/SyncInterface/index.vue b/kolibri/plugins/facility/assets/src/views/DataPage/SyncInterface/index.vue
index c18b704b015..b92c3acd3da 100644
--- a/kolibri/plugins/facility/assets/src/views/DataPage/SyncInterface/index.vue
+++ b/kolibri/plugins/facility/assets/src/views/DataPage/SyncInterface/index.vue
@@ -1,9 +1,6 @@
 <template>
 
-  <KPageContainer
-    :style="containerStyle"
-  >
-
+  <KPageContainer :style="containerStyle">
     <h1>{{ $tr('syncData') }}</h1>
     <p>
       <KButton
@@ -60,12 +57,12 @@
                 >
                   <template #options>
                     <CoreMenuOption
-                      :style="{ 'cursor': 'pointer', textAlign: 'left' }"
+                      :style="{ cursor: 'pointer', textAlign: 'left' }"
                       :label="coreString('manageSyncAction')"
                       @select="manageSyncAction()"
                     />
                     <CoreMenuOption
-                      :style="{ 'cursor': 'pointer', textAlign: 'left' }"
+                      :style="{ cursor: 'pointer', textAlign: 'left' }"
                       :label="$tr('register')"
                       @select="handleRegister()"
                     />
@@ -105,7 +102,6 @@
       @syncKDP="handleKDPSync"
       @syncPeer="handlePeerSync"
     />
-
   </KPageContainer>
 
 </template>
@@ -218,7 +214,7 @@
         FacilityResource.fetchModel({ id: this.$store.getters.activeFacilityId, force: true }).then(
           facility => {
             this.facility = { ...facility };
-          }
+          },
         );
       },
       closeModal() {
diff --git a/kolibri/plugins/facility/assets/src/views/DataPage/index.vue b/kolibri/plugins/facility/assets/src/views/DataPage/index.vue
index 2579869a0d9..9816717d326 100644
--- a/kolibri/plugins/facility/assets/src/views/DataPage/index.vue
+++ b/kolibri/plugins/facility/assets/src/views/DataPage/index.vue
@@ -1,21 +1,19 @@
 <template>
 
   <FacilityAppBarPage>
-
     <KPageContainer v-if="canUploadDownloadFiles">
       <p>
         <KRouterLink
           v-if="userIsMultiFacilityAdmin"
           :to="{
             name: facilityPageLinks.AllFacilitiesPage.name,
-            params: { subtopicName: 'DataPage' }
+            params: { subtopicName: 'DataPage' },
           }"
           icon="back"
           :text="coreString('changeLearningFacility')"
         />
       </p>
       <KGrid gutter="24">
-
         <KGridItem>
           <h1>{{ $tr('pageHeading') }}</h1>
         </KGridItem>
@@ -38,8 +36,14 @@
               @click="showLearnMoreSessionModal = true"
             />
           </p>
-          <p class="generated-time" :style="{ color: $themeTokens.annotation }">
-            <GeneratedElapsedTime v-if="sessionDateCreated" :date="sessionDateCreated" />
+          <p
+            class="generated-time"
+            :style="{ color: $themeTokens.annotation }"
+          >
+            <GeneratedElapsedTime
+              v-if="sessionDateCreated"
+              :date="sessionDateCreated"
+            />
           </p>
         </KGridItem>
 
@@ -89,8 +93,14 @@
               @click="showLearnMoreSummaryModal = true"
             />
           </p>
-          <p class="generated-time" :style="{ color: $themeTokens.annotation }">
-            <GeneratedElapsedTime v-if="summaryDateCreated" :date="summaryDateCreated" />
+          <p
+            class="generated-time"
+            :style="{ color: $themeTokens.annotation }"
+          >
+            <GeneratedElapsedTime
+              v-if="summaryDateCreated"
+              :date="summaryDateCreated"
+            />
           </p>
         </KGridItem>
 
@@ -117,7 +127,6 @@
             @click="summaryDateRangeModal = true"
           />
         </KGridItem>
-
       </KGrid>
     </KPageContainer>
 
@@ -319,7 +328,7 @@
         const end_date = dates['end'];
         this.dateRange = {
           start: new Date(
-            start_date.getTime() - start_date.getTimezoneOffset() * 60000
+            start_date.getTime() - start_date.getTimezoneOffset() * 60000,
           ).toISOString(),
           end: new Date(end_date.getTime() - end_date.getTimezoneOffset() * 60000).toISOString(),
         };
@@ -340,18 +349,18 @@
         window.open(
           urls['kolibri:kolibri.plugins.facility:download_csv_file'](
             'session',
-            this.activeFacilityId
+            this.activeFacilityId,
           ),
-          '_blank'
+          '_blank',
         );
       },
       downloadSummaryLog() {
         window.open(
           urls['kolibri:kolibri.plugins.facility:download_csv_file'](
             'summary',
-            this.activeFacilityId
+            this.activeFacilityId,
           ),
-          '_blank'
+          '_blank',
         );
       },
     },
diff --git a/kolibri/plugins/facility/assets/src/views/FacilityAppBarPage.vue b/kolibri/plugins/facility/assets/src/views/FacilityAppBarPage.vue
index 5b395b68487..2a25981be84 100644
--- a/kolibri/plugins/facility/assets/src/views/FacilityAppBarPage.vue
+++ b/kolibri/plugins/facility/assets/src/views/FacilityAppBarPage.vue
@@ -1,11 +1,9 @@
 <template>
 
   <AppBarPage :title="title">
-
-    <div style="max-width: 1000px; margin: 0 auto;">
+    <div style="max-width: 1000px; margin: 0 auto">
       <slot></slot>
     </div>
-
   </AppBarPage>
 
 </template>
@@ -37,8 +35,8 @@
           this.appBarTitle ||
           (this.userIsMultiFacilityAdmin && this.currentFacilityName
             ? this.$tr('facilityLabelWithName', {
-                facilityName: this.currentFacilityName,
-              })
+              facilityName: this.currentFacilityName,
+            })
             : this.coreString('facilityLabel'))
         );
       },
diff --git a/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/ChangePinModal.vue b/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/ChangePinModal.vue
index 944b32ac69f..c6306e78f81 100644
--- a/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/ChangePinModal.vue
+++ b/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/ChangePinModal.vue
@@ -63,7 +63,7 @@
           }
         }
       },
-      focus: function() {
+      focus: function () {
         this.$refs.pinFocus.focus();
       },
     },
diff --git a/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/CreateManagementPinModal.vue b/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/CreateManagementPinModal.vue
index ac01d468df9..904869055e9 100644
--- a/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/CreateManagementPinModal.vue
+++ b/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/CreateManagementPinModal.vue
@@ -63,7 +63,7 @@
           }
         }
       },
-      focus: function() {
+      focus: function () {
         this.$refs.pinFocus.focus();
       },
     },
diff --git a/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/EditFacilityNameModal.vue b/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/EditFacilityNameModal.vue
index 401a073bb37..c374a9fb703 100644
--- a/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/EditFacilityNameModal.vue
+++ b/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/EditFacilityNameModal.vue
@@ -73,7 +73,7 @@
       facilityNameIsUnique(value) {
         this.isDuplicated = !!this.facilities.find(
           facility =>
-            facility.id != this.facilityId && facility.name.toLowerCase() === value.toLowerCase()
+            facility.id != this.facilityId && facility.name.toLowerCase() === value.toLowerCase(),
         );
       },
       handleSubmit() {
diff --git a/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/index.vue b/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/index.vue
index 78d921aee6c..49dc54578ee 100644
--- a/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/index.vue
+++ b/kolibri/plugins/facility/assets/src/views/FacilityConfigPage/index.vue
@@ -10,7 +10,7 @@
           v-if="userIsMultiFacilityAdmin"
           :to="{
             name: facilityPageLinks.AllFacilitiesPage.name,
-            params: { subtopicName: 'FacilityConfigPage' }
+            params: { subtopicName: 'FacilityConfigPage' },
           }"
           icon="back"
           :text="coreString('changeLearningFacility')"
@@ -32,7 +32,10 @@
         <div class="mb">
           <h2>{{ coreString('facilityLabel') }}</h2>
           <p class="current-facility-name">
-            <KCircularLoader v-if="getFacilityDataLoading" class="facility-loader" />
+            <KCircularLoader
+              v-if="getFacilityDataLoading"
+              class="facility-loader"
+            />
             <span v-else>
               {{ coreString('facilityNameWithId', { facilityName: facilityName, id: lastPartId }) }}
               <KButton
@@ -43,7 +46,6 @@
                 @click="showEditFacilityModal = true"
               />
             </span>
-
           </p>
         </div>
 
@@ -74,8 +76,10 @@
                   :key="setting + 'learner_can_edit_password'"
                   :disabled="enableChangePassword"
                   :label="$tr('learnerCanEditPassword')"
-                  :checked="!settings['learner_can_login_with_no_password']
-                    && settings['learner_can_edit_password']"
+                  :checked="
+                    !settings['learner_can_login_with_no_password'] &&
+                      settings['learner_can_edit_password']
+                  "
                   class="checkbox-password"
                   @change="toggleSetting('learner_can_edit_password')"
                 />
@@ -83,9 +87,7 @@
             </template>
           </div>
 
-          <div>
-
-          </div>
+          <div></div>
         </div>
 
         <div class="">
@@ -120,7 +122,7 @@
           :style="{
             marginTop: '32px',
             borderTop: '1px solid',
-            borderTopColor: $themeTokens.fineLine
+            borderTopColor: $themeTokens.fineLine,
           }"
         >
           <KButtonGroup :style="{ marginTop: '24px', marginLeft: '-8px' }">
@@ -179,13 +181,12 @@
         @submit="handleRemovePinModal = false"
         @cancel="handleRemovePinModal = false"
       />
-
     </KPageContainer>
 
     <BottomAppBar data-test="bottom-bar">
       <KButtonGroup
         v-if="!isAppContext"
-        style="margin-top: 8px;"
+        style="margin-top: 8px"
       >
         <KGrid>
           <KGridItem
diff --git a/kolibri/plugins/facility/assets/src/views/ImportCsvPage/Init.vue b/kolibri/plugins/facility/assets/src/views/ImportCsvPage/Init.vue
index d9dddc3fc32..a0f356174d4 100644
--- a/kolibri/plugins/facility/assets/src/views/ImportCsvPage/Init.vue
+++ b/kolibri/plugins/facility/assets/src/views/ImportCsvPage/Init.vue
@@ -2,7 +2,6 @@
 
   <!-- eslint-disable max-len -->
   <div>
-
     <p>
       {{ $tr('introduction') }}
     </p>
@@ -48,14 +47,17 @@
     </p>
     <!-- Temporarily remove this functionality for MVP -->
     <p v-if="false">
-      <KCheckbox :label="$tr('labelDelete')" @change="toggleDelete" />
+      <KCheckbox
+        :label="$tr('labelDelete')"
+        @change="toggleDelete"
+      />
     </p>
     <p>
       <KButtonGroup>
         <KButton
           :text="coreString('cancelAction')"
           appearance="raised-button"
-          style="margin-left: 0;"
+          style="margin-left: 0"
           @click="$emit('cancel')"
         />
         <KButton
@@ -72,7 +74,6 @@
       v-if="showInfoModal"
       @cancel="showInfoModal = false"
     />
-
   </div>
   <!-- eslint-enable max-len -->
 
diff --git a/kolibri/plugins/facility/assets/src/views/ImportCsvPage/Preview.vue b/kolibri/plugins/facility/assets/src/views/ImportCsvPage/Preview.vue
index 8a40e411966..9f36f515170 100644
--- a/kolibri/plugins/facility/assets/src/views/ImportCsvPage/Preview.vue
+++ b/kolibri/plugins/facility/assets/src/views/ImportCsvPage/Preview.vue
@@ -5,7 +5,10 @@
     <template v-if="isError">
       <p>{{ $tr('importError') }}</p>
       <ul>
-        <li v-for="(message, index) in overall_error" :key="index">
+        <li
+          v-for="(message, index) in overall_error"
+          :key="index"
+        >
           {{ message }}
         </li>
       </ul>
@@ -129,7 +132,10 @@
             </tr>
           </thead>
           <tbody>
-            <tr v-for="(obj, index) in per_line_errors" :key="index">
+            <tr
+              v-for="(obj, index) in per_line_errors"
+              :key="index"
+            >
               <td>{{ obj.row }}</td>
               <td>{{ obj.field }}</td>
               <td>{{ obj.value }}</td>
@@ -138,11 +144,14 @@
           </tbody>
         </table>
       </template>
-
     </template>
 
     <template v-if="isFinished && !isError">
-      <UiAlert :dismissible="false" type="success" style="margin-top: 16px;">
+      <UiAlert
+        :dismissible="false"
+        type="success"
+        style="margin-top: 16px"
+      >
         {{ $tr('success') }}
       </UiAlert>
       <p>
@@ -159,7 +168,7 @@
         <KButton
           :text="$tr('back')"
           appearance="raised-button"
-          style="margin-left: 0;"
+          style="margin-left: 0"
           @click="reset"
         />
         <KButton
@@ -171,7 +180,6 @@
         />
       </KButtonGroup>
     </p>
-
   </div>
   <!-- eslint-enable max-len -->
 
diff --git a/kolibri/plugins/facility/assets/src/views/ImportCsvPage/index.vue b/kolibri/plugins/facility/assets/src/views/ImportCsvPage/index.vue
index cb5206cdbb3..a2d0883217f 100644
--- a/kolibri/plugins/facility/assets/src/views/ImportCsvPage/index.vue
+++ b/kolibri/plugins/facility/assets/src/views/ImportCsvPage/index.vue
@@ -1,12 +1,10 @@
 <template>
 
   <ImmersivePage
-    :route="this.$store.getters.facilityPageLinks.DataPage"
+    :route="$store.getters.facilityPageLinks.DataPage"
     :appBarTitle="$tr('toolbarHeader')"
   >
-
     <KPageContainer>
-
       <h1>{{ $tr('pageHeader') }}</h1>
 
       <Init
@@ -19,11 +17,8 @@
         @done="done"
       />
       <template v-else-if="showLoaderState">
-        <div class="loader-wrapper">
-          <KCircularLoader class="loader" /> {{ $tr('loading') }}
-        </div>
+        <div class="loader-wrapper"><KCircularLoader class="loader" /> {{ $tr('loading') }}</div>
       </template>
-
     </KPageContainer>
   </ImmersivePage>
 
diff --git a/kolibri/plugins/facility/assets/src/views/ManageClassPage/ClassCreateModal.vue b/kolibri/plugins/facility/assets/src/views/ManageClassPage/ClassCreateModal.vue
index 6ff4c98561b..24673f26151 100644
--- a/kolibri/plugins/facility/assets/src/views/ManageClassPage/ClassCreateModal.vue
+++ b/kolibri/plugins/facility/assets/src/views/ManageClassPage/ClassCreateModal.vue
@@ -50,7 +50,7 @@
     computed: {
       duplicateName() {
         return !!this.classes.find(
-          classroom => classroom.name.toUpperCase() === this.name.toUpperCase()
+          classroom => classroom.name.toUpperCase() === this.name.toUpperCase(),
         );
       },
       nameIsInvalidText() {
diff --git a/kolibri/plugins/facility/assets/src/views/ManageClassPage/index.vue b/kolibri/plugins/facility/assets/src/views/ManageClassPage/index.vue
index 462ca5d3196..a86452c30f2 100644
--- a/kolibri/plugins/facility/assets/src/views/ManageClassPage/index.vue
+++ b/kolibri/plugins/facility/assets/src/views/ManageClassPage/index.vue
@@ -1,14 +1,13 @@
 <template>
 
   <FacilityAppBarPage>
-
     <KPageContainer>
       <p>
         <KRouterLink
           v-if="userIsMultiFacilityAdmin"
           :to="{
             name: facilityPageLinks.AllFacilitiesPage.name,
-            params: { subtopicName: 'ManageClassPage' }
+            params: { subtopicName: 'ManageClassPage' },
           }"
           icon="back"
           :text="coreString('changeLearningFacility')"
@@ -36,9 +35,14 @@
         </KGridItem>
       </KGrid>
 
-      <CoreTable :dataLoading="dataLoading" :emptyMessage="$tr('noClassesExist')">
+      <CoreTable
+        :dataLoading="dataLoading"
+        :emptyMessage="$tr('noClassesExist')"
+      >
         <caption class="visuallyhidden">
-          {{ $tr('tableCaption') }}
+          {{
+            $tr('tableCaption')
+          }}
         </caption>
         <template #headers>
           <th>{{ coreString('classNameLabel') }}</th>
@@ -51,7 +55,10 @@
           </th>
         </template>
         <template #tbody>
-          <transition-group tag="tbody" name="list">
+          <transition-group
+            tag="tbody"
+            name="list"
+          >
             <tr
               v-for="classroom in sortedClassrooms"
               :key="classroom.id"
@@ -105,9 +112,7 @@
         @cancel="closeModal"
         @success="handleCreateSuccess()"
       />
-
     </KPageContainer>
-
   </FacilityAppBarPage>
 
 </template>
diff --git a/kolibri/plugins/facility/assets/src/views/ManageClassPage/useDeleteClass.js b/kolibri/plugins/facility/assets/src/views/ManageClassPage/useDeleteClass.js
index 89f5f460011..7cff2f745b9 100644
--- a/kolibri/plugins/facility/assets/src/views/ManageClassPage/useDeleteClass.js
+++ b/kolibri/plugins/facility/assets/src/views/ManageClassPage/useDeleteClass.js
@@ -30,7 +30,7 @@ export default function useDeleteClass(classroomProp) {
       },
       error => {
         $store.dispatch('handleApiError', { error });
-      }
+      },
     );
   }
 
diff --git a/kolibri/plugins/facility/assets/src/views/UserCreatePage.vue b/kolibri/plugins/facility/assets/src/views/UserCreatePage.vue
index e4505656144..99e3baf9c9a 100644
--- a/kolibri/plugins/facility/assets/src/views/UserCreatePage.vue
+++ b/kolibri/plugins/facility/assets/src/views/UserCreatePage.vue
@@ -1,13 +1,18 @@
 <template>
 
   <ImmersivePage
-    :route="this.$store.getters.facilityPageLinks.UserPage"
+    :route="$store.getters.facilityPageLinks.UserPage"
     :appBarTitle="coreString('usersLabel')"
     :loading="loading"
   >
-    <KPageContainer v-if="!loading" class="narrow-container">
-
-      <form class="form" @submit.prevent="submitForm">
+    <KPageContainer
+      v-if="!loading"
+      class="narrow-container"
+    >
+      <form
+        class="form"
+        @submit.prevent="submitForm"
+      >
         <h1>
           {{ $tr('createNewUserHeader') }}
         </h1>
@@ -48,7 +53,10 @@
             :options="userTypeOptions"
           />
 
-          <fieldset v-if="coachIsSelected" class="coach-selector">
+          <fieldset
+            v-if="coachIsSelected"
+            class="coach-selector"
+          >
             <KRadioButton
               v-model="classCoachIsSelected"
               :disabled="busy"
@@ -87,27 +95,23 @@
             :facilityDatasetExtraFields="facilityConfig.extra_fields"
             :disabled="busy"
           />
-
         </section>
 
         <div class="buttons">
-          <KButtonGroup style="margin-top: 8px;">
+          <KButtonGroup style="margin-top: 8px">
             <KButton
               type="submit"
               :text="coreString('saveAction')"
               :disabled="busy"
-
               :primary="true"
             />
             <KButton
               :text="coreString('cancelAction')"
               :disabled="busy"
-
               @click="goToUserManagementPage()"
             />
           </KButtonGroup>
         </div>
-
       </form>
     </KPageContainer>
   </ImmersivePage>
@@ -226,7 +230,7 @@
       },
       usernameIsUnique(value) {
         return !this.facilityUsers.find(
-          ({ username }) => username.toLowerCase() === value.toLowerCase()
+          ({ username }) => username.toLowerCase() === value.toLowerCase(),
         );
       },
       submitForm() {
diff --git a/kolibri/plugins/facility/assets/src/views/UserEditPage.vue b/kolibri/plugins/facility/assets/src/views/UserEditPage.vue
index a787ddaff76..49c92870b5c 100644
--- a/kolibri/plugins/facility/assets/src/views/UserEditPage.vue
+++ b/kolibri/plugins/facility/assets/src/views/UserEditPage.vue
@@ -1,11 +1,15 @@
 <template>
 
   <ImmersivePage
-    :route="this.$store.getters.facilityPageLinks.UserPage"
+    :route="$store.getters.facilityPageLinks.UserPage"
     :appBarTitle="coreString('usersLabel')"
   >
     <KPageContainer class="narrow-container">
-      <form v-if="!loading" class="form" @submit.prevent="submitForm">
+      <form
+        v-if="!loading"
+        class="form"
+        @submit.prevent="submitForm"
+      >
         <h1>
           {{ $tr('editUserDetailsHeader') }}
         </h1>
@@ -46,7 +50,6 @@
               :text="editingSelf ? $tr('viewInDeviceTabPrompt') : $tr('changeInDeviceTabPrompt')"
               :href="devicePermissionsPageLink"
             />
-
           </template>
 
           <template v-else>
@@ -58,7 +61,10 @@
               :options="userTypeOptions"
             />
 
-            <fieldset v-if="coachIsSelected" class="coach-selector">
+            <fieldset
+              v-if="coachIsSelected"
+              class="coach-selector"
+            >
               <KRadioButton
                 v-model="classCoachIsSelected"
                 :disabled="formDisabled"
@@ -98,33 +104,28 @@
             :facilityDatasetExtraFields="facilityConfig.extra_fields"
             :disabled="formDisabled"
           />
-
         </section>
 
         <p v-if="willBeLoggedOut">
           {{ $tr('forceLogoutWarning') }}
         </p>
         <div class="buttons">
-          <KButtonGroup style="margin-top: 8px;">
+          <KButtonGroup style="margin-top: 8px">
             <KButton
               type="submit"
               :text="coreString('saveAction')"
               :disabled="formDisabled"
-
               :primary="true"
             />
             <KButton
               :text="cancelButtonText"
               :disabled="formDisabled"
-
               @click="goToUserManagementPage()"
             />
           </KButtonGroup>
         </div>
-
       </form>
     </KPageContainer>
-
   </ImmersivePage>
 
 </template>
@@ -300,7 +301,7 @@
       },
       usernameIsUnique(value) {
         const match = this.facilityUsers.find(
-          ({ username }) => username.toLowerCase() === value.toLowerCase()
+          ({ username }) => username.toLowerCase() === value.toLowerCase(),
         );
         if (match && match.username.toLowerCase() === this.userCopy.username.toLowerCase()) {
           return true;
@@ -321,7 +322,7 @@
           },
           (value, key) => {
             return value !== this.userCopy[key];
-          }
+          },
         );
 
         // Roles are update via a different API than FacilityUsers, so pass
diff --git a/kolibri/plugins/facility/assets/src/views/UserPage/ResetUserPasswordModal.vue b/kolibri/plugins/facility/assets/src/views/UserPage/ResetUserPasswordModal.vue
index 1f711dd72ee..8954d9a50aa 100644
--- a/kolibri/plugins/facility/assets/src/views/UserPage/ResetUserPasswordModal.vue
+++ b/kolibri/plugins/facility/assets/src/views/UserPage/ResetUserPasswordModal.vue
@@ -9,7 +9,9 @@
     @submit="submitForm"
     @cancel="$emit('cancel')"
   >
-    <p>{{ $tr('username') }}<strong>{{ username }}</strong></p>
+    <p>
+      {{ $tr('username') }}<strong>{{ username }}</strong>
+    </p>
 
     <PasswordTextbox
       ref="passwordTextbox"
diff --git a/kolibri/plugins/facility/assets/src/views/UserPage/index.vue b/kolibri/plugins/facility/assets/src/views/UserPage/index.vue
index 266895a6b2b..fbd0aa86152 100644
--- a/kolibri/plugins/facility/assets/src/views/UserPage/index.vue
+++ b/kolibri/plugins/facility/assets/src/views/UserPage/index.vue
@@ -7,7 +7,7 @@
           v-if="userIsMultiFacilityAdmin"
           :to="{
             name: facilityPageLinks.AllFacilitiesPage.name,
-            params: { subtopicName: 'UserPage' }
+            params: { subtopicName: 'UserPage' },
           }"
           icon="back"
           :text="coreString('changeLearningFacility')"
@@ -54,7 +54,10 @@
         </template>
 
         <template #filter>
-          <FilterTextbox v-model="search" :placeholder="$tr('searchText')" />
+          <FilterTextbox
+            v-model="search"
+            :placeholder="$tr('searchText')"
+          />
         </template>
 
         <template>
diff --git a/kolibri/plugins/facility/assets/test/state/facilityConfig.spec.js b/kolibri/plugins/facility/assets/test/state/facilityConfig.spec.js
index 81e8e0155a5..f06d067c879 100644
--- a/kolibri/plugins/facility/assets/test/state/facilityConfig.spec.js
+++ b/kolibri/plugins/facility/assets/test/state/facilityConfig.spec.js
@@ -128,7 +128,7 @@ describe('facility config page actions', () => {
           });
           expect(commitStub).toHaveBeenCalledWith(
             'facilityConfig/SET_STATE',
-            expect.objectContaining(expectedState)
+            expect.objectContaining(expectedState),
           );
         });
       });
@@ -145,7 +145,7 @@ describe('facility config page actions', () => {
           return showFacilityConfigPage(store, test.toRoute).then(() => {
             expect(commitStub).toHaveBeenCalledWith(
               'facilityConfig/SET_STATE',
-              expect.objectContaining(expectedState)
+              expect.objectContaining(expectedState),
             );
           });
         });
@@ -157,7 +157,7 @@ describe('facility config page actions', () => {
           await showFacilityConfigPage(store, test.toRoute);
           expect(commitStub).toHaveBeenCalledWith(
             'facilityConfig/SET_STATE',
-            expect.objectContaining(expectedState)
+            expect.objectContaining(expectedState),
           );
         });
       });
@@ -192,7 +192,7 @@ describe('facility config page actions', () => {
 
         return store.dispatch('facilityConfig/saveFacilityConfig').then(() => {
           expect(saveStub).toHaveBeenCalledWith(
-            expect.objectContaining({ id: 1000, data: expectedRequest })
+            expect.objectContaining({ id: 1000, data: expectedRequest }),
           );
         });
       });
diff --git a/kolibri/plugins/facility/assets/test/views/facility-app-bar-page.spec.js b/kolibri/plugins/facility/assets/test/views/facility-app-bar-page.spec.js
index 9f61370d804..26bcb9d35c0 100644
--- a/kolibri/plugins/facility/assets/test/views/facility-app-bar-page.spec.js
+++ b/kolibri/plugins/facility/assets/test/views/facility-app-bar-page.spec.js
@@ -17,7 +17,7 @@ function makeWrapper({ propsData = {}, getters = {} }) {
 jest.mock('kolibri.urls');
 jest.mock('kolibri-design-system/lib/composables/useKResponsiveWindow');
 
-describe('FacilityAppBarPage', function() {
+describe('FacilityAppBarPage', function () {
   beforeAll(() => {
     useKResponsiveWindow.mockImplementation(() => ({
       windowIsSmall: false,
diff --git a/kolibri/plugins/html5_viewer/assets/src/views/Html5AppRendererIndex.vue b/kolibri/plugins/html5_viewer/assets/src/views/Html5AppRendererIndex.vue
index 360eb517486..c2eff3ba1bc 100644
--- a/kolibri/plugins/html5_viewer/assets/src/views/Html5AppRendererIndex.vue
+++ b/kolibri/plugins/html5_viewer/assets/src/views/Html5AppRendererIndex.vue
@@ -6,10 +6,9 @@
     :style="{ width: iframeWidth }"
     @changeFullscreen="isInFullscreen = $event"
   >
-
     <div
       class="fullscreen-header"
-      :style="{ backgroundColor: this.$themePalette.grey.v_100 }"
+      :style="{ backgroundColor: $themePalette.grey.v_100 }"
     >
       <KButton
         :primary="false"
@@ -29,7 +28,10 @@
         {{ fullscreenText }}
       </KButton>
     </div>
-    <div class="iframe-container" :style="containerStyle">
+    <div
+      class="iframe-container"
+      :style="containerStyle"
+    >
       <iframe
         ref="iframe"
         class="iframe"
@@ -171,7 +173,7 @@
           this.defaultFile.checksum,
           this.defaultFile.extension,
           this.entry,
-          baseurl ? encodeURIComponent(baseurl) : undefined
+          baseurl ? encodeURIComponent(baseurl) : undefined,
         );
       }
 
@@ -179,7 +181,7 @@
         (this.extraFields && this.extraFields.contentState) || {},
         this.userData,
         storageUrl,
-        this.defaultFile.checksum
+        this.defaultFile.checksum,
       );
       this.$emit('startTracking');
       if (!this.isH5P) {
diff --git a/kolibri/plugins/learn/assets/src/composables/__mocks__/useDevices.js b/kolibri/plugins/learn/assets/src/composables/__mocks__/useDevices.js
index c1af4091022..c1c4db76ff7 100644
--- a/kolibri/plugins/learn/assets/src/composables/__mocks__/useDevices.js
+++ b/kolibri/plugins/learn/assets/src/composables/__mocks__/useDevices.js
@@ -62,5 +62,5 @@ export const currentDeviceData = jest.fn(() => DEVICE_DATA_DEFAULTS);
 export default jest.fn(() => useDevicesMock());
 
 export const setCurrentDevice = jest.fn(id =>
-  Promise.resolve({ id, device_name: 'test-device', baseurl: 'http://test-device' })
+  Promise.resolve({ id, device_name: 'test-device', baseurl: 'http://test-device' }),
 );
diff --git a/kolibri/plugins/learn/assets/src/composables/__tests__/useContentLink.spec.js b/kolibri/plugins/learn/assets/src/composables/__tests__/useContentLink.spec.js
index 22de042a699..5f18ad7ab0f 100644
--- a/kolibri/plugins/learn/assets/src/composables/__tests__/useContentLink.spec.js
+++ b/kolibri/plugins/learn/assets/src/composables/__tests__/useContentLink.spec.js
@@ -22,9 +22,8 @@ const store = new Vuex.Store({
   },
 });
 
-const { genContentLinkBackLinkCurrentPage, genContentLinkKeepCurrentBackLink } = useContentLink(
-  store
-);
+const { genContentLinkBackLinkCurrentPage, genContentLinkKeepCurrentBackLink } =
+  useContentLink(store);
 
 describe('genContentLinkBackLinkCurrentPage', () => {
   const topicLink = genContentLinkBackLinkCurrentPage(19, false);
diff --git a/kolibri/plugins/learn/assets/src/composables/__tests__/useLearnerResources.spec.js b/kolibri/plugins/learn/assets/src/composables/__tests__/useLearnerResources.spec.js
index ded15840e44..835d8073dc7 100644
--- a/kolibri/plugins/learn/assets/src/composables/__tests__/useLearnerResources.spec.js
+++ b/kolibri/plugins/learn/assets/src/composables/__tests__/useLearnerResources.spec.js
@@ -568,7 +568,7 @@ describe(`useLearnerResources`, () => {
             started: true,
             closed: true,
           },
-        })
+        }),
       ).toEqual({
         name: ClassesPageNames.EXAM_REPORT_VIEWER,
         params: {
@@ -590,7 +590,7 @@ describe(`useLearnerResources`, () => {
             started: true,
             closed: false,
           },
-        })
+        }),
       ).toEqual({
         name: ClassesPageNames.EXAM_VIEWER,
         params: {
@@ -608,7 +608,7 @@ describe(`useLearnerResources`, () => {
         getClassLessonLink({
           id: 'class-1-active-lesson-1',
           collection: 'class-1',
-        })
+        }),
       ).toEqual({
         name: ClassesPageNames.LESSON_PLAYLIST,
         params: {
diff --git a/kolibri/plugins/learn/assets/src/composables/__tests__/useProgressTracking.spec.js b/kolibri/plugins/learn/assets/src/composables/__tests__/useProgressTracking.spec.js
index 11228360358..bf6b3cdf00c 100644
--- a/kolibri/plugins/learn/assets/src/composables/__tests__/useProgressTracking.spec.js
+++ b/kolibri/plugins/learn/assets/src/composables/__tests__/useProgressTracking.spec.js
@@ -43,7 +43,7 @@ describe('useProgressTracking composable', () => {
         await initContentSession({ quizId: 'test_quiz', node });
       } catch (error) {
         expect(error).toEqual(
-          new TypeError('quizId must be the only defined parameter if defined')
+          new TypeError('quizId must be the only defined parameter if defined'),
         );
       }
     });
@@ -56,7 +56,7 @@ describe('useProgressTracking composable', () => {
         });
       } catch (error) {
         expect(error).toEqual(
-          new TypeError('quizId must be the only defined parameter if defined')
+          new TypeError('quizId must be the only defined parameter if defined'),
         );
       }
     });
@@ -71,7 +71,7 @@ describe('useProgressTracking composable', () => {
         } catch (error) {
           expect(error).toEqual(new TypeError(`node must have ${property} property`));
         }
-      }
+      },
     );
     it('should throw an error if assessmentmetadata is missing from an exercise node', async () => {
       const { initContentSession } = setUp();
@@ -98,7 +98,7 @@ describe('useProgressTracking composable', () => {
         });
       } catch (error) {
         expect(error).toEqual(
-          new TypeError(`node must have assessmentmetadata property with mastery_model property`)
+          new TypeError(`node must have assessmentmetadata property with mastery_model property`),
         );
       }
     });
@@ -117,8 +117,8 @@ describe('useProgressTracking composable', () => {
       } catch (error) {
         expect(error).toEqual(
           new TypeError(
-            `node must have assessmentmetadata property with plain object mastery_model property`
-          )
+            `node must have assessmentmetadata property with plain object mastery_model property`,
+          ),
         );
       }
     });
@@ -137,8 +137,8 @@ describe('useProgressTracking composable', () => {
       } catch (error) {
         expect(error).toEqual(
           new TypeError(
-            `node must have assessmentmetadata property with mastery_model property with type property`
-          )
+            `node must have assessmentmetadata property with mastery_model property with type property`,
+          ),
         );
       }
     });
@@ -404,7 +404,7 @@ describe('useProgressTracking composable', () => {
         await updateContentSession({});
       } catch (error) {
         expect(error).toEqual(
-          new ReferenceError('Cannot update a content session before one has been initialized')
+          new ReferenceError('Cannot update a content session before one has been initialized'),
         );
       }
     });
@@ -631,12 +631,8 @@ describe('useProgressTracking composable', () => {
       expect(client).not.toHaveBeenCalled();
     });
     it('should update totalattempts, pastattempts and store if interaction is passed without an id', async () => {
-      const {
-        updateContentSession,
-        pastattempts,
-        pastattemptMap,
-        totalattempts,
-      } = await initStore();
+      const { updateContentSession, pastattempts, pastattemptMap, totalattempts } =
+        await initStore();
       await updateContentSession({
         interaction: {
           item: 'testitem',
@@ -661,12 +657,8 @@ describe('useProgressTracking composable', () => {
       ]);
     });
     it('should update totalattempts, pastattempts and map if passed without an id and backend returns id', async () => {
-      const {
-        updateContentSession,
-        pastattempts,
-        pastattemptMap,
-        totalattempts,
-      } = await initStore();
+      const { updateContentSession, pastattempts, pastattemptMap, totalattempts } =
+        await initStore();
       client.__setPayload({
         attempts: [
           {
@@ -714,12 +706,8 @@ describe('useProgressTracking composable', () => {
       ]);
     });
     it('should update totalattempts, pastattempts and map if passed without an id and backend returns id and additional interactions happen', async () => {
-      const {
-        updateContentSession,
-        pastattempts,
-        pastattemptMap,
-        totalattempts,
-      } = await initStore();
+      const { updateContentSession, pastattempts, pastattemptMap, totalattempts } =
+        await initStore();
       client.__setPayload({
         attempts: [
           {
@@ -884,12 +872,8 @@ describe('useProgressTracking composable', () => {
       expect(get(unsaved_interactions)).toHaveLength(0);
     });
     it('should save multiple unrelated interactions without overwriting', async () => {
-      const {
-        updateContentSession,
-        pastattempts,
-        pastattemptMap,
-        totalattempts,
-      } = await initStore();
+      const { updateContentSession, pastattempts, pastattemptMap, totalattempts } =
+        await initStore();
       client.__setPayload({
         attempts: [
           {
diff --git a/kolibri/plugins/learn/assets/src/composables/__tests__/useSearch.spec.js b/kolibri/plugins/learn/assets/src/composables/__tests__/useSearch.spec.js
index 76e199eba36..00ecf194610 100644
--- a/kolibri/plugins/learn/assets/src/composables/__tests__/useSearch.spec.js
+++ b/kolibri/plugins/learn/assets/src/composables/__tests__/useSearch.spec.js
@@ -288,7 +288,7 @@ describe(`useSearch`, () => {
           categories: `test1,test2`,
           channels: 'test1',
         },
-        ref({ tree_id: 1, lft: 10, rght: 20 })
+        ref({ tree_id: 1, lft: 10, rght: 20 }),
       );
       ContentNodeResource.fetchCollection.mockReturnValue(Promise.resolve({}));
       search();
@@ -331,7 +331,7 @@ describe(`useSearch`, () => {
           labels: expectedLabels,
           results: expectedResults,
           more: expectedMore,
-        })
+        }),
       );
       search();
       await Vue.nextTick();
@@ -391,7 +391,7 @@ describe(`useSearch`, () => {
           labels: expectedLabels,
           results: originalResults,
           more: expectedMore,
-        })
+        }),
       );
       search();
       await Vue.nextTick();
@@ -401,7 +401,7 @@ describe(`useSearch`, () => {
           labels: expectedLabels,
           results: expectedResults,
           more: expectedMore,
-        })
+        }),
       );
       set(more, {});
       searchMore();
diff --git a/kolibri/plugins/learn/assets/src/composables/useDevices.js b/kolibri/plugins/learn/assets/src/composables/useDevices.js
index c2810f57870..f4ac885b173 100644
--- a/kolibri/plugins/learn/assets/src/composables/useDevices.js
+++ b/kolibri/plugins/learn/assets/src/composables/useDevices.js
@@ -152,9 +152,8 @@ export default function useDevices(store) {
           });
         promises.push(promise);
       } else {
-        newDeviceChannelsMap[currentDevice.instance_id] = get(deviceChannelsMap)[
-          currentDevice.instance_id
-        ];
+        newDeviceChannelsMap[currentDevice.instance_id] =
+          get(deviceChannelsMap)[currentDevice.instance_id];
       }
     }
     set(deviceChannelsMap, newDeviceChannelsMap);
diff --git a/kolibri/plugins/learn/assets/src/composables/useLearnerResources.js b/kolibri/plugins/learn/assets/src/composables/useLearnerResources.js
index dc7dff0236a..1f631788068 100644
--- a/kolibri/plugins/learn/assets/src/composables/useLearnerResources.js
+++ b/kolibri/plugins/learn/assets/src/composables/useLearnerResources.js
@@ -93,9 +93,9 @@ export default function useLearnerResources() {
             lessonId: l.id,
             classId: c.id,
             contentNode: r.contentnode,
-          }))
+          })),
         ),
-      2
+      2,
     );
   });
 
diff --git a/kolibri/plugins/learn/assets/src/composables/useLearningActivities.js b/kolibri/plugins/learn/assets/src/composables/useLearningActivities.js
index 91d874b08f7..2cea1b2c96e 100644
--- a/kolibri/plugins/learn/assets/src/composables/useLearningActivities.js
+++ b/kolibri/plugins/learn/assets/src/composables/useLearningActivities.js
@@ -140,7 +140,7 @@ export default function useLearningActivities(contentNode) {
     const assessmentmetadata_mastery_model = lodashGet(
       contentNode,
       ['assessmentmetadata', 'mastery_model'],
-      false
+      false,
     );
 
     if (assessmentmetadata_mastery_model) {
diff --git a/kolibri/plugins/learn/assets/src/composables/useProgressTracking.js b/kolibri/plugins/learn/assets/src/composables/useProgressTracking.js
index 49a2efc4c18..7d8f3246244 100644
--- a/kolibri/plugins/learn/assets/src/composables/useProgressTracking.js
+++ b/kolibri/plugins/learn/assets/src/composables/useProgressTracking.js
@@ -45,7 +45,7 @@ function threeDecimalPlaceRoundup(num) {
 
 // Function to delay rejection to allow delayed retry behaviour
 function rejectDelay(reason, retryDelay = 5000) {
-  return new Promise(function(resolve, reject) {
+  return new Promise(function (resolve, reject) {
     setTimeout(reject.bind(null, reason), retryDelay);
   });
 }
@@ -165,7 +165,7 @@ export default function useProgressTracking(store) {
       clearObject(pastattemptMap);
       Object.assign(
         pastattemptMap,
-        data.pastattempts ? fromPairs(data.pastattempts.map(a => [a.id, a])) : {}
+        data.pastattempts ? fromPairs(data.pastattempts.map(a => [a.id, a])) : {},
       );
       set(totalattempts, valOrNull(data.totalattempts));
       unsaved_interactions.splice(0);
@@ -219,17 +219,17 @@ export default function useProgressTracking(store) {
         }
         if (!node.assessmentmetadata.mastery_model) {
           throw new TypeError(
-            'node must have assessmentmetadata property with mastery_model property'
+            'node must have assessmentmetadata property with mastery_model property',
           );
         }
         if (!isPlainObject(node.assessmentmetadata.mastery_model)) {
           throw new TypeError(
-            'node must have assessmentmetadata property with plain object mastery_model property'
+            'node must have assessmentmetadata property with plain object mastery_model property',
           );
         }
         if (!node.assessmentmetadata.mastery_model.type) {
           throw new TypeError(
-            'node must have assessmentmetadata property with mastery_model property with type property'
+            'node must have assessmentmetadata property with mastery_model property with type property',
           );
         }
         data.mastery_model = node.assessmentmetadata.mastery_model;
@@ -258,7 +258,7 @@ export default function useProgressTracking(store) {
     if (interaction.id) {
       if (!pastattemptMap[interaction.id]) {
         const nowSavedInteraction = get(pastattempts).find(
-          a => !a.id && a.item === interaction.item
+          a => !a.id && a.item === interaction.item,
         );
         Object.assign(nowSavedInteraction, interaction);
         pastattemptMap[nowSavedInteraction.id] = nowSavedInteraction;
@@ -410,7 +410,7 @@ export default function useProgressTracking(store) {
       progress = threeDecimalPlaceRoundup(progress);
       if (get(progress_state) < progress) {
         const newProgressDelta = _zeroToOne(
-          threeDecimalPlaceRoundup(get(progress_delta) + progress - get(progress_state))
+          threeDecimalPlaceRoundup(get(progress_delta) + progress - get(progress_state)),
         );
         set(progress_delta, newProgressDelta);
         set(progress_state, progress);
@@ -424,11 +424,11 @@ export default function useProgressTracking(store) {
       progressDelta = threeDecimalPlaceRoundup(progressDelta);
       set(
         progress_delta,
-        _zeroToOne(threeDecimalPlaceRoundup(get(progress_delta) + progressDelta))
+        _zeroToOne(threeDecimalPlaceRoundup(get(progress_delta) + progressDelta)),
       );
       set(
         progress_state,
-        Math.min(threeDecimalPlaceRoundup(get(progress_state) + progressDelta), 1)
+        Math.min(threeDecimalPlaceRoundup(get(progress_state) + progressDelta), 1),
       );
     }
     if (!isUndefined(contentState)) {
@@ -449,7 +449,7 @@ export default function useProgressTracking(store) {
       unsaved_interactions.push(interaction);
       if (!interaction.id) {
         const unsavedInteraction = get(pastattempts).find(
-          a => !a.id && a.item === interaction.item
+          a => !a.id && a.item === interaction.item,
         );
         if (unsavedInteraction) {
           for (const key in interaction) {
@@ -492,7 +492,7 @@ export default function useProgressTracking(store) {
         // Otherwise update the timeout to this invocation.
         updateContentSessionTimeout = setTimeout(
           immediatelyUpdateContentSession,
-          updateContentSessionDebounceTime
+          updateContentSessionDebounceTime,
         );
       }
     });
@@ -520,7 +520,7 @@ export default function useProgressTracking(store) {
     } catch (e) {
       if (e instanceof ReferenceError && e.message === noSessionErrorText) {
         logging.debug(
-          'Tried to stop tracking progress when no content session had been initialized'
+          'Tried to stop tracking progress when no content session had been initialized',
         );
       } else {
         throw e;
diff --git a/kolibri/plugins/learn/assets/src/composables/useSearch.js b/kolibri/plugins/learn/assets/src/composables/useSearch.js
index e0e8a42efe6..aa5ee5f2527 100644
--- a/kolibri/plugins/learn/assets/src/composables/useSearch.js
+++ b/kolibri/plugins/learn/assets/src/composables/useSearch.js
@@ -223,7 +223,7 @@ export default function useSearch(descendant, store, router) {
     // on a string value will give an array of the indexes of a string
     // for an empty string, this array will be empty, meaning that this
     // check still works!
-    Object.values(get(searchTerms)).some(v => Object.keys(v).length)
+    Object.values(get(searchTerms)).some(v => Object.keys(v).length),
   );
 
   function _setAvailableLabels(searchableLabels) {
diff --git a/kolibri/plugins/learn/assets/src/modules/examReportViewer/handlers.js b/kolibri/plugins/learn/assets/src/modules/examReportViewer/handlers.js
index cbc284db6cf..209c77e16f8 100644
--- a/kolibri/plugins/learn/assets/src/modules/examReportViewer/handlers.js
+++ b/kolibri/plugins/learn/assets/src/modules/examReportViewer/handlers.js
@@ -18,7 +18,7 @@ function getExamReportFromState(state, params) {
   }
 
   const exercise = exerciseContentNodes.find(
-    node => node.id === questions[questionNumber].exercise_id
+    node => node.id === questions[questionNumber].exercise_id,
   );
   if (!exercise) {
     return null;
@@ -56,6 +56,6 @@ export function showExamReport(store, params) {
       router.replace({
         name: ClassesPageNames.CLASS_ASSIGNMENTS,
         params: { classId },
-      })
+      }),
   );
 }
diff --git a/kolibri/plugins/learn/assets/src/modules/examViewer/handlers.js b/kolibri/plugins/learn/assets/src/modules/examViewer/handlers.js
index 64893971f57..76733f38478 100644
--- a/kolibri/plugins/learn/assets/src/modules/examViewer/handlers.js
+++ b/kolibri/plugins/learn/assets/src/modules/examViewer/handlers.js
@@ -55,8 +55,8 @@ export function showExam(store, params, alreadyOnQuiz) {
                 store.dispatch(
                   'handleError',
                   `This quiz cannot be displayed:\nQuestion sources: ${JSON.stringify(
-                    allQuestions
-                  )}\nExam: ${JSON.stringify(exam)}`
+                    allQuestions,
+                  )}\nExam: ${JSON.stringify(exam)}`,
                 );
                 return;
               }
@@ -64,7 +64,7 @@ export function showExam(store, params, alreadyOnQuiz) {
               else if (questionNumber >= allQuestions.length) {
                 store.dispatch(
                   'handleError',
-                  `Question number ${questionNumber} is not valid for this quiz`
+                  `Question number ${questionNumber} is not valid for this quiz`,
                 );
                 return;
               }
@@ -100,7 +100,7 @@ export function showExam(store, params, alreadyOnQuiz) {
         shouldResolve()
           ? store.dispatch('handleApiError', { error, reloadOnReconnect: true })
           : null;
-      }
+      },
     );
   }
 }
diff --git a/kolibri/plugins/learn/assets/src/modules/examViewer/index.js b/kolibri/plugins/learn/assets/src/modules/examViewer/index.js
index 5aec755ef98..5a0c56df559 100644
--- a/kolibri/plugins/learn/assets/src/modules/examViewer/index.js
+++ b/kolibri/plugins/learn/assets/src/modules/examViewer/index.js
@@ -34,7 +34,7 @@ export default {
     },
     currentSectionIndex(state, { currentQuestion, sections }) {
       return sections.findIndex(section =>
-        section.questions.map(q => q.item).includes(currentQuestion.item)
+        section.questions.map(q => q.item).includes(currentQuestion.item),
       );
     },
     sectionSelectOptions(state, { sections }) {
@@ -48,7 +48,7 @@ export default {
     currentSectionOption(state, { currentSection, sectionSelectOptions }) {
       if (!currentSection) return {};
       return sectionSelectOptions.find(
-        (opt, i) => opt.label === displaySectionTitle(currentSection, i)
+        (opt, i) => opt.label === displaySectionTitle(currentSection, i),
       );
     },
   },
diff --git a/kolibri/plugins/learn/assets/src/my_downloads/views/DownloadsList/index.vue b/kolibri/plugins/learn/assets/src/my_downloads/views/DownloadsList/index.vue
index 5237a1973c2..665a4158247 100644
--- a/kolibri/plugins/learn/assets/src/my_downloads/views/DownloadsList/index.vue
+++ b/kolibri/plugins/learn/assets/src/my_downloads/views/DownloadsList/index.vue
@@ -1,7 +1,6 @@
 <template>
 
   <form>
-
     <PaginatedListContainerWithBackend
       v-model="currentPage"
       :itemsPerPage="itemsPerPage"
@@ -52,7 +51,10 @@
                     :style="nonCompleteStatus(download) ? { color: $themeTokens.annotation } : {}"
                   />
                 </KCheckbox>
-                <div v-if="!windowIsLarge" class="small-screen-status">
+                <div
+                  v-if="!windowIsLarge"
+                  class="small-screen-status"
+                >
                   <p>
                     {{ formattedResourceSize(download) }} &nbsp;&nbsp;
                     {{ formatDownloadRequestedDate(download) }}
@@ -63,7 +65,10 @@
                     :color="download.status === 'PENDING' ? $themeTokens.annotation : null"
                     class="icon"
                   />
-                  <div v-if="download.status === 'IN_PROGRESS'" class="inline-loader">
+                  <div
+                    v-if="download.status === 'IN_PROGRESS'"
+                    class="inline-loader"
+                  >
                     <KCircularLoader
                       :size="20"
                       :disableDefaultTransition="true"
@@ -86,7 +91,10 @@
                   :color="download.status === 'PENDING' ? $themeTokens.annotation : null"
                   class="icon"
                 />
-                <div v-if="download.status === 'IN_PROGRESS'" class="inline-loader">
+                <div
+                  v-if="download.status === 'IN_PROGRESS'"
+                  class="inline-loader"
+                >
                   <KCircularLoader
                     :size="20"
                     :disableDefaultTransition="true"
@@ -281,13 +289,13 @@
         return (
           this.areAnySelected &&
           this.paginatedDownloads.every(download =>
-            Boolean(this.selectedDownloadsMap[download.contentnode_id])
+            Boolean(this.selectedDownloadsMap[download.contentnode_id]),
           )
         );
       },
       areAnySelected() {
         return this.paginatedDownloads.some(download =>
-          Boolean(this.selectedDownloadsMap[download.contentnode_id])
+          Boolean(this.selectedDownloadsMap[download.contentnode_id]),
         );
       },
       areAnyAvailable() {
@@ -297,7 +305,7 @@
         return bytesForHumans(
           Object.keys(this.selectedDownloadsMap).reduce((acc, contentnode_id) => {
             return acc + (this.downloadRequestMap[contentnode_id]?.metadata?.file_size || 0);
-          }, 0)
+          }, 0),
         );
       },
     },
diff --git a/kolibri/plugins/learn/assets/src/my_downloads/views/Filters/ActivityFilter.vue b/kolibri/plugins/learn/assets/src/my_downloads/views/Filters/ActivityFilter.vue
index 20a125e1b4c..c0181b329e5 100644
--- a/kolibri/plugins/learn/assets/src/my_downloads/views/Filters/ActivityFilter.vue
+++ b/kolibri/plugins/learn/assets/src/my_downloads/views/Filters/ActivityFilter.vue
@@ -84,7 +84,7 @@
       },
       selected() {
         return this.activityTypes.find(
-          activityType => activityType.value === this.activityTypeSelected
+          activityType => activityType.value === this.activityTypeSelected,
         );
       },
       activityTypeSelected: {
diff --git a/kolibri/plugins/learn/assets/src/my_downloads/views/MyDownloads.vue b/kolibri/plugins/learn/assets/src/my_downloads/views/MyDownloads.vue
index cc14adfbbd2..94761c47ffa 100644
--- a/kolibri/plugins/learn/assets/src/my_downloads/views/MyDownloads.vue
+++ b/kolibri/plugins/learn/assets/src/my_downloads/views/MyDownloads.vue
@@ -1,10 +1,8 @@
 <template>
 
-  <AppBarPage
-    :title="coreString('myDownloadsLabel')"
-  >
+  <AppBarPage :title="coreString('myDownloadsLabel')">
     <KPageContainer class="container">
-      <h1> {{ coreString('myDownloadsLabel') }} </h1>
+      <h1>{{ coreString('myDownloadsLabel') }}</h1>
       <KGrid>
         <KGridItem
           :layout8="{ span: 4 }"
@@ -12,18 +10,14 @@
         >
           <table>
             <tr>
-              <th> {{ coreString('totalSizeMyDownloads') }} </th>
-              <td
-                v-if="!loading"
-              >
+              <th>{{ coreString('totalSizeMyDownloads') }}</th>
+              <td v-if="!loading">
                 {{ formattedSize(sizeOfMyDownloads) }}
               </td>
             </tr>
             <tr>
-              <th> {{ coreString('availableStorage') }}</th>
-              <td
-                v-if="!loading"
-              >
+              <th>{{ coreString('availableStorage') }}</th>
+              <td v-if="!loading">
                 {{ formattedSize(availableStorage) }}
               </td>
             </tr>
@@ -116,7 +110,7 @@
       sizeOfMyDownloads() {
         return Object.values(this.downloadRequestMap).reduce(
           (acc, object) => acc + object.metadata.file_size,
-          0
+          0,
         );
       },
     },
diff --git a/kolibri/plugins/learn/assets/src/utils/__test__/themes.spec.js b/kolibri/plugins/learn/assets/src/utils/__test__/themes.spec.js
index 23ed0e8b472..c592ef8b163 100644
--- a/kolibri/plugins/learn/assets/src/utils/__test__/themes.spec.js
+++ b/kolibri/plugins/learn/assets/src/utils/__test__/themes.spec.js
@@ -62,7 +62,7 @@ describe('theme validator', () => {
       appBarColor: 'rgb(238, 238, 238)', // a light grey
     });
     expect(logWarn).toHaveBeenCalledWith(
-      "'textColor' and 'appBarColor' do not provide enough contrast and do not pass WCAG Level AA guidelines"
+      "'textColor' and 'appBarColor' do not provide enough contrast and do not pass WCAG Level AA guidelines",
     );
     expect(theme).toEqual({
       textColor: 'white',
@@ -84,9 +84,9 @@ describe('theme validator', () => {
         appBarColor,
       });
       expect(logError).toHaveBeenCalledWith(
-        `valid values for 'textColor' and 'appBarColor' must be provided`
+        `valid values for 'textColor' and 'appBarColor' must be provided`,
       );
       expect(theme).toEqual(defaultTheme);
-    }
+    },
   );
 });
diff --git a/kolibri/plugins/learn/assets/src/utils/validateChannelTheme.js b/kolibri/plugins/learn/assets/src/utils/validateChannelTheme.js
index caaca04c853..38e2aeff3ea 100644
--- a/kolibri/plugins/learn/assets/src/utils/validateChannelTheme.js
+++ b/kolibri/plugins/learn/assets/src/utils/validateChannelTheme.js
@@ -48,7 +48,7 @@ export function validateChannelTheme(theme) {
   if (updatedTheme.textColor && updatedTheme.appBarColor) {
     if (!tinycolor.isReadable(updatedTheme.textColor, updatedTheme.appBarColor)) {
       logger.warn(
-        `'textColor' and 'appBarColor' do not provide enough contrast and do not pass WCAG Level AA guidelines`
+        `'textColor' and 'appBarColor' do not provide enough contrast and do not pass WCAG Level AA guidelines`,
       );
     }
   }
diff --git a/kolibri/plugins/learn/assets/src/views/AlsoInThis.vue b/kolibri/plugins/learn/assets/src/views/AlsoInThis.vue
index da0a10c81b6..226c34d3bc7 100644
--- a/kolibri/plugins/learn/assets/src/views/AlsoInThis.vue
+++ b/kolibri/plugins/learn/assets/src/views/AlsoInThis.vue
@@ -10,13 +10,16 @@
       <KRouterLink
         v-for="content in contentNodes"
         :key="content.id"
-        :to="content.is_leaf ?
-          genContentLinkKeepCurrentBackLink(content.id, content.is_leaf) :
-          genContentLinkKeepPreviousBackLink(content.id)"
+        :to="
+          content.is_leaf
+            ? genContentLinkKeepCurrentBackLink(content.id, content.is_leaf)
+            : genContentLinkKeepPreviousBackLink(content.id)
+        "
         class="item"
-        :class="[windowIsSmall && 'small',
-                 content.id === currentResourceId &&
-                   $computedClass(currentlyViewedItemStyle)]"
+        :class="[
+          windowIsSmall && 'small',
+          content.id === currentResourceId && $computedClass(currentlyViewedItemStyle),
+        ]"
         :style="linkStyles"
       >
         <p
@@ -30,7 +33,11 @@
           class="activity-icon"
           :kind="content.learning_activities"
         />
-        <KIcon v-else class="topic-icon" icon="topic" />
+        <KIcon
+          v-else
+          class="topic-icon"
+          icon="topic"
+        />
 
         <div class="content-meta">
           <div class="text-and-time">
@@ -55,10 +62,13 @@
               class="mastered-icon"
               :style="{ fill: $themeTokens.mastered }"
             />
-            <ProgressBar v-else :contentNode="content" class="bar" />
+            <ProgressBar
+              v-else
+              :contentNode="content"
+              class="bar"
+            />
           </div>
         </div>
-
       </KRouterLink>
     </div>
 
@@ -75,17 +85,23 @@
       :style="{
         borderTop: '1px solid ' + $themeTokens.fineLine,
         background: $themeTokens.surface,
-        ...linkStyles
+        ...linkStyles,
       }"
     >
-      <KIcon class="folder-icon" icon="topic" />
+      <KIcon
+        class="folder-icon"
+        icon="topic"
+      />
       <div class="next-label">
         {{ nextFolderMessage }}
       </div>
       <div class="next-title">
         {{ nextFolder.title }}
       </div>
-      <KIcon class="forward-icon" icon="forward" />
+      <KIcon
+        class="forward-icon"
+        icon="forward"
+      />
     </KRouterLink>
   </div>
 
@@ -113,10 +129,8 @@
     },
     setup() {
       const { contentNodeProgressMap } = useContentNodeProgress();
-      const {
-        genContentLinkKeepCurrentBackLink,
-        genContentLinkKeepPreviousBackLink,
-      } = useContentLink();
+      const { genContentLinkKeepCurrentBackLink, genContentLinkKeepPreviousBackLink } =
+        useContentLink();
       const { windowIsSmall } = useKResponsiveWindow();
       return {
         contentNodeProgressMap,
diff --git a/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/ExerciseAttempts/AnswerIcon.vue b/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/ExerciseAttempts/AnswerIcon.vue
index b5d97ab7cd3..d78f765199e 100644
--- a/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/ExerciseAttempts/AnswerIcon.vue
+++ b/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/ExerciseAttempts/AnswerIcon.vue
@@ -7,18 +7,18 @@
         icon="correct"
         class="correct"
         :color="$themeTokens.correct"
-        style="top: 0; width: 24px; height: 24px;"
+        style="top: 0; width: 24px; height: 24px"
       />
       <KIcon
         v-else-if="answer === 'wrong'"
         icon="incorrect"
-        style="top: 0; width: 24px; height: 24px;"
+        style="top: 0; width: 24px; height: 24px"
         :color="$themeTokens.annotation"
       />
       <KIcon
         v-else-if="answer === 'hint'"
         icon="hint"
-        style="top: 0; width: 24px; height: 24px;"
+        style="top: 0; width: 24px; height: 24px"
         :color="$themeTokens.annotation"
       />
       <KIcon
diff --git a/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/ExerciseAttempts/index.vue b/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/ExerciseAttempts/index.vue
index 55e716e6d02..ac63460532e 100644
--- a/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/ExerciseAttempts/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/ExerciseAttempts/index.vue
@@ -16,8 +16,7 @@
       :key="`placeholder-${i}`"
       class="placeholder"
       :style="{ borderBottom: `2px solid ${$themeTokens.annotation}` }"
-    >
-    </div>
+    ></div>
   </div>
 
 </template>
diff --git a/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/LessonMasteryBar.vue b/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/LessonMasteryBar.vue
index 2086e4500e1..70839a314ca 100644
--- a/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/LessonMasteryBar.vue
+++ b/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/LessonMasteryBar.vue
@@ -1,8 +1,11 @@
 <template>
 
   <!-- z-index 7 - one beneath top menu bar for nested elevations -->
-  <BaseToolbar style="z-index: 7;">
-    <div class="container" :style="{ flexWrap: windowBreakpoint > 0 ? 'nowrap' : 'wrap' }">
+  <BaseToolbar style="z-index: 7">
+    <div
+      class="container"
+      :style="{ flexWrap: windowBreakpoint > 0 ? 'nowrap' : 'wrap' }"
+    >
       <KTextTruncator
         class="requirements"
         :text="coreString('shortExerciseGoalDescription', { count: requiredCorrectAnswers })"
diff --git a/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/index.vue b/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/index.vue
index ea95c4d2543..c7cd9402f82 100644
--- a/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/AssessmentWrapper/index.vue
@@ -6,7 +6,6 @@ As such, it provides display of current mastery progress, and manages all master
 oriented data synchronization.
 -->
 
-
 <template v-if="ready">
 
   <div>
@@ -15,7 +14,7 @@ oriented data synchronization.
         <div
           v-if="totalHints > 0"
           class="hint-btn-container"
-          :class="{ 'rtl': isRtl }"
+          :class="{ rtl: isRtl }"
         >
           <KButton
             v-if="availableHints > 0"
@@ -43,7 +42,11 @@ oriented data synchronization.
       </template>
     </LessonMasteryBar>
     <div class="content-attempts-wrapper">
-      <UiAlert v-if="itemError" :dismissible="false" type="error">
+      <UiAlert
+        v-if="itemError"
+        :dismissible="false"
+        type="error"
+      >
         {{ $tr('itemError') }}
         <KButton
           appearance="basic-link"
@@ -51,7 +54,10 @@ oriented data synchronization.
           @click="nextQuestion"
         />
       </UiAlert>
-      <div class="content-wrapper" :style="{ backgroundColor: this.$themePalette.grey.v_50 }">
+      <div
+        class="content-wrapper"
+        :style="{ backgroundColor: $themePalette.grey.v_50 }"
+      >
         <ContentRenderer
           ref="contentRenderer"
           :kind="kind"
@@ -78,15 +84,22 @@ oriented data synchronization.
 
       <BottomAppBar
         class="attempts-container"
-        :class="{ 'mobile': windowIsSmall }"
+        :class="{ mobile: windowIsSmall }"
       >
-        <div class="overall-status" :style="{ color: $themeTokens.text }">
+        <div
+          class="overall-status"
+          :style="{ color: $themeTokens.text }"
+        >
           <KIcon
             icon="mastered"
             :color="success ? $themeTokens.mastered : $themePalette.grey.v_200"
           />
           <div class="overall-status-text">
-            <span v-if="success" class="completed" :style="{ color: $themeTokens.annotation }">
+            <span
+              v-if="success"
+              class="completed"
+              :style="{ color: $themeTokens.annotation }"
+            >
               {{ coreString('completedLabel') }}
             </span>
             <span>
@@ -131,7 +144,6 @@ oriented data synchronization.
         </div>
       </BottomAppBar>
     </div>
-
   </div>
 
 </template>
@@ -298,7 +310,7 @@ oriented data synchronization.
       mOfNMasteryModel() {
         return MasteryModelGenerators[this.masteryModel.type](
           this.assessmentIds,
-          this.masteryModel
+          this.masteryModel,
         );
       },
       totalCorrectRequiredM() {
@@ -367,12 +379,12 @@ oriented data synchronization.
             calculatedMastery = Math.min(
               pastAttempts.slice(0, this.attemptsWindowN).reduce((a, b) => a + b.correct, 0) /
                 this.totalCorrectRequiredM,
-              1
+              1,
             );
           } else {
             calculatedMastery = Math.min(
               pastAttempts.reduce((a, b) => a + b.correct, 0) / this.totalCorrectRequiredM,
-              1
+              1,
             );
           }
           // If there are any attempts at all, set some progress on the exercise
diff --git a/kolibri/plugins/learn/assets/src/views/BookmarkPage.vue b/kolibri/plugins/learn/assets/src/views/BookmarkPage.vue
index 850fec53605..1cdd032057e 100644
--- a/kolibri/plugins/learn/assets/src/views/BookmarkPage.vue
+++ b/kolibri/plugins/learn/assets/src/views/BookmarkPage.vue
@@ -1,8 +1,10 @@
 <template>
 
   <LearnAppBarPage :appBarTitle="learnString('learnLabel')">
-    <div id="main" role="main">
-
+    <div
+      id="main"
+      role="main"
+    >
       <h1>
         {{ $tr('bookmarksHeader') }}
       </h1>
@@ -58,14 +60,18 @@
           v-for="activity in sidePanelContent.learning_activities"
           :key="activity"
           class="side-panel-chips"
-          :class="$computedClass({ '::after': {
-            content: '',
-            flex: 'auto'
-          } })"
+          :class="
+            $computedClass({
+              '::after': {
+                content: '',
+                flex: 'auto',
+              },
+            })
+          "
         >
           <LearningActivityChip
             class="chip"
-            style="margin-left: 8px; margin-bottom: 8px;"
+            style="margin-bottom: 8px; margin-left: 8px"
             :kind="activity"
           />
         </div>
diff --git a/kolibri/plugins/learn/assets/src/views/BrowseResourceMetadata.vue b/kolibri/plugins/learn/assets/src/views/BrowseResourceMetadata.vue
index 1b33b62386f..7de99d95d52 100644
--- a/kolibri/plugins/learn/assets/src/views/BrowseResourceMetadata.vue
+++ b/kolibri/plugins/learn/assets/src/views/BrowseResourceMetadata.vue
@@ -1,7 +1,6 @@
 <template>
 
   <section class="metadata">
-
     <div class="flex section">
       <div>
         <span
@@ -30,7 +29,11 @@
       <ContentNodeThumbnail :contentNode="content" />
     </div>
 
-    <div v-if="content.title" class="section title" data-test="content-title">
+    <div
+      v-if="content.title"
+      class="section title"
+      data-test="content-title"
+    >
       {{ content.title }}
     </div>
 
@@ -54,12 +57,17 @@
       @click="toggleShowMoreOrLess"
     />
     <!-- this v-else ensures spacing remains consistent without show more -->
-    <div v-else class="section"></div>
+    <div
+      v-else
+      class="section"
+    ></div>
 
-    <div v-if="content.duration" class="section" data-test="estimated-time">
-      <span class="label">
-        {{ learnString('estimatedTime') }}:
-      </span>
+    <div
+      v-if="content.duration"
+      class="section"
+      data-test="estimated-time"
+    >
+      <span class="label"> {{ learnString('estimatedTime') }}: </span>
       <span>
         <TimeDuration :seconds="content.duration" />
       </span>
@@ -70,63 +78,73 @@
       class="section"
       data-test="grade-levels"
     >
-      <span class="label">
-        {{ coreString('levelLabel') }}:
-      </span>
+      <span class="label"> {{ coreString('levelLabel') }}: </span>
       <span>
         {{ levels(content.grade_levels) }}
       </span>
     </div>
 
-    <div v-if="content.lang" class="section" data-test="lang">
-      <span class="label">
-        {{ coreString('languageLabel') }}:
-      </span>
+    <div
+      v-if="content.lang"
+      class="section"
+      data-test="lang"
+    >
+      <span class="label"> {{ coreString('languageLabel') }}: </span>
       <span>
         {{ content.lang.lang_name }}
       </span>
     </div>
 
-    <div v-if="accessibilityLabels" class="section" data-test="accessibility-labels">
-      <span class="label">
-        {{ coreString('accessibility') }}:
-      </span>
+    <div
+      v-if="accessibilityLabels"
+      class="section"
+      data-test="accessibility-labels"
+    >
+      <span class="label"> {{ coreString('accessibility') }}: </span>
       <span>
         {{ accessibilityLabels }}
       </span>
     </div>
 
-    <div v-if="content.learner_needs" class="section" data-test="learner-needs">
-      <span class="label">
-        {{ learnString('whatYouWillNeed') }}:
-      </span>
+    <div
+      v-if="content.learner_needs"
+      class="section"
+      data-test="learner-needs"
+    >
+      <span class="label"> {{ learnString('whatYouWillNeed') }}: </span>
       <span>
         {{ learnerNeedsLabels }}
       </span>
     </div>
 
-    <div v-if="content.author" class="section" data-test="author">
-      <span class="label">
-        {{ learnString('author') }}:
-      </span>
+    <div
+      v-if="content.author"
+      class="section"
+      data-test="author"
+    >
+      <span class="label"> {{ learnString('author') }}: </span>
       <span>
         {{ content.author }}
       </span>
     </div>
 
-    <div v-if="content.license_owner" class="section" data-test="license-owner">
-      <span class="label">
-        {{ learnString('copyrightHolder') }}:
-      </span>
+    <div
+      v-if="content.license_owner"
+      class="section"
+      data-test="license-owner"
+    >
+      <span class="label"> {{ learnString('copyrightHolder') }}: </span>
       <span>
         {{ content.license_owner }}
       </span>
     </div>
 
-    <div v-if="licenseDescription" class="section" data-test="license-desc">
-      <span class="label">
-        {{ learnString('license') }}:
-      </span>
+    <div
+      v-if="licenseDescription"
+      class="section"
+      data-test="license-desc"
+    >
+      <span class="label"> {{ learnString('license') }}: </span>
       <span>
         {{ licenseShortName || '' }}
         <KIconButton
@@ -137,19 +155,24 @@
           class="absolute-icon license-toggle"
           @click="licenseDescriptionIsVisible = !licenseDescriptionIsVisible"
         />
-        <div v-if="licenseDescriptionIsVisible" class="license-details">
+        <div
+          v-if="licenseDescriptionIsVisible"
+          class="license-details"
+        >
           <p class="license-details-name">
             {{ licenseLongName }}
           </p>
-          <p style="margin-bottom: 0;">{{ licenseDescription }}</p>
+          <p style="margin-bottom: 0">{{ licenseDescription }}</p>
         </div>
       </span>
     </div>
 
-    <div v-if="recommendations" class="related section" data-test="recommendations">
-      <div class="label">
-        {{ coreString('related') }}:
-      </div>
+    <div
+      v-if="recommendations"
+      class="related section"
+      data-test="recommendations"
+    >
+      <div class="label">{{ coreString('related') }}:</div>
       <div class="list">
         <div
           v-for="related in recommendations"
@@ -168,30 +191,38 @@
       </div>
     </div>
 
-    <div v-if="showLocationsInChannel && locationsInChannel" class="section" data-test="locations">
+    <div
+      v-if="showLocationsInChannel && locationsInChannel"
+      class="section"
+      data-test="locations"
+    >
       <div class="label">
         {{
-          learnString('locationsInChannel', { 'channelname': (content.ancestors[0] || {}).title })
+          learnString('locationsInChannel', { channelname: (content.ancestors[0] || {}).title })
         }}:
       </div>
-      <div v-for="location in locationsInChannel" :key="location.id">
+      <div
+        v-for="location in locationsInChannel"
+        :key="location.id"
+      >
         <div>
-          <KRouterLink
-            :to="genContentLinkKeepCurrentBackLink(lastAncestor(location).id, false)"
-          >
+          <KRouterLink :to="genContentLinkKeepCurrentBackLink(lastAncestor(location).id, false)">
             {{ lastAncestor(location).title }}
           </KRouterLink>
         </div>
       </div>
     </div>
 
-    <div v-if="canDownloadExternally" class="section" data-test="download">
+    <div
+      v-if="canDownloadExternally"
+      class="section"
+      data-test="download"
+    >
       <DownloadButton
         :files="content.files"
         :nodeTitle="content.title"
       />
     </div>
-
   </section>
 
 </template>
@@ -270,7 +301,7 @@
       learnerNeeds() {
         // Remove FOR_BEGINNERS in this list because it is indicated separately, above, if present
         return get(this.content, 'learner_needs', []).filter(
-          need => need !== LearnerNeeds.FOR_BEGINNERS
+          need => need !== LearnerNeeds.FOR_BEGINNERS,
         );
       },
       /**
@@ -296,7 +327,7 @@
       licenseDescription() {
         return licenseDescriptionForConsumer(
           get(this, 'content.license_name', null),
-          get(this, 'content.license_description', null)
+          get(this, 'content.license_description', null),
         );
       },
       chipStyle() {
diff --git a/kolibri/plugins/learn/assets/src/views/CardList.vue b/kolibri/plugins/learn/assets/src/views/CardList.vue
index 105c72cbedc..51f9f68e8fd 100644
--- a/kolibri/plugins/learn/assets/src/views/CardList.vue
+++ b/kolibri/plugins/learn/assets/src/views/CardList.vue
@@ -7,10 +7,7 @@
     <router-link
       :to="to"
       class="card card-link"
-      :class="[
-        isMobile ? 'mobile-card' : '',
-        $computedClass({ ':focus': $coreOutline })
-      ]"
+      :class="[isMobile ? 'mobile-card' : '', $computedClass({ ':focus': $coreOutline })]"
       :style="{ backgroundColor: $themeTokens.surface }"
     >
       <div
@@ -18,13 +15,25 @@
         :style="{ backgroundColor: $themeTokens.surface }"
       >
         <KFixedGrid numCols="4">
-          <KFixedGridItem :span="isMobile ? 4 : 1" class="thumb-area">
-            <CardThumbnail :contentNode="contentNode" :hideDuration="!windowIsLarge" />
+          <KFixedGridItem
+            :span="isMobile ? 4 : 1"
+            class="thumb-area"
+          >
+            <CardThumbnail
+              :contentNode="contentNode"
+              :hideDuration="!windowIsLarge"
+            />
           </KFixedGridItem>
 
-          <KFixedGridItem :span="isMobile ? 4 : 3" class="text-area">
+          <KFixedGridItem
+            :span="isMobile ? 4 : 3"
+            class="text-area"
+          >
             <span :style="{ color: $themeTokens.text }">
-              <div class="metadata-info" :style="{ color: $themePalette.grey.v_800 }">
+              <div
+                class="metadata-info"
+                :style="{ color: $themePalette.grey.v_800 }"
+              >
                 <LearningActivityLabel
                   :contentNode="contentNode"
                   :hideDuration="true"
@@ -33,15 +42,24 @@
                 />
               </div>
               <h3 :style="{ marginTop: '4px', marginBottom: '4px' }">
-                <KTextTruncator :text="contentNode.title" :maxLines="1" />
+                <KTextTruncator
+                  :text="contentNode.title"
+                  :maxLines="1"
+                />
               </h3>
               <p
                 v-if="contentNode.description"
-                style="font-size: 14px; margin-top: 4px; margin-bottom: 4px;"
+                style="margin-top: 4px; margin-bottom: 4px; font-size: 14px"
               >
-                <KTextTruncator :text="contentNode.description" :maxLines="2" />
+                <KTextTruncator
+                  :text="contentNode.description"
+                  :maxLines="2"
+                />
               </p>
-              <div v-if="!isMobile" class="bottom-items">
+              <div
+                v-if="!isMobile"
+                class="bottom-items"
+              >
                 <LearningActivityDuration
                   v-if="!windowIsLarge"
                   :contentNode="contentNode"
@@ -53,7 +71,9 @@
                   v-if="categoryAndLevelString"
                   class="metadata-info"
                   :style="{ color: $themePalette.grey.v_800, marginTop: 0 }"
-                >{{ categoryAndLevelString }}</p>
+                >
+                  {{ categoryAndLevelString }}
+                </p>
                 <div>
                   <img
                     v-if="channelThumbnail"
@@ -66,7 +86,9 @@
                     v-else
                     class="metadata-info"
                     :style="{ color: $themePalette.grey.v_800, marginTop: 0 }"
-                  >{{ learnString('logo', { channelTitle: channelTitle }) }}</p>
+                  >
+                    {{ learnString('logo', { channelTitle: channelTitle }) }}
+                  </p>
                   <KButton
                     v-if="contentNode.copies"
                     appearance="basic-link"
diff --git a/kolibri/plugins/learn/assets/src/views/ChannelCard.vue b/kolibri/plugins/learn/assets/src/views/ChannelCard.vue
index 88cec7d5cfd..d4413e05ec1 100644
--- a/kolibri/plugins/learn/assets/src/views/ChannelCard.vue
+++ b/kolibri/plugins/learn/assets/src/views/ChannelCard.vue
@@ -6,7 +6,6 @@
     :style="cardStyle"
     :class="$computedClass({ ':focus': $coreOutline })"
   >
-
     <div
       v-if="explore"
       class="explore"
@@ -31,7 +30,7 @@
       <KFixedGrid
         numCols="4"
         gutter="16"
-        style="margin: 0 16px;"
+        style="margin: 0 16px"
       >
         <KFixedGridItem span="1">
           <ChannelThumbnail
@@ -72,7 +71,6 @@
         <KIcon icon="wifi" />
       </div>
     </div>
-
   </router-link>
 
 </template>
diff --git a/kolibri/plugins/learn/assets/src/views/ChannelCardGroupGrid.vue b/kolibri/plugins/learn/assets/src/views/ChannelCardGroupGrid.vue
index 24bc32f8c6f..3bcbec6e890 100644
--- a/kolibri/plugins/learn/assets/src/views/ChannelCardGroupGrid.vue
+++ b/kolibri/plugins/learn/assets/src/views/ChannelCardGroupGrid.vue
@@ -17,7 +17,6 @@
       />
     </KGridItem>
     <slot></slot>
-
   </KGrid>
 
 </template>
diff --git a/kolibri/plugins/learn/assets/src/views/ChannelRenderer/ContentItem.vue b/kolibri/plugins/learn/assets/src/views/ChannelRenderer/ContentItem.vue
index cb7245156d1..8b7210e54f7 100644
--- a/kolibri/plugins/learn/assets/src/views/ChannelRenderer/ContentItem.vue
+++ b/kolibri/plugins/learn/assets/src/views/ChannelRenderer/ContentItem.vue
@@ -17,7 +17,6 @@
       />
     </template>
     <KCircularLoader v-else />
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/learn/assets/src/views/ChannelRenderer/ContentModal.vue b/kolibri/plugins/learn/assets/src/views/ChannelRenderer/ContentModal.vue
index b59df38e601..f1c762c157e 100644
--- a/kolibri/plugins/learn/assets/src/views/ChannelRenderer/ContentModal.vue
+++ b/kolibri/plugins/learn/assets/src/views/ChannelRenderer/ContentModal.vue
@@ -5,7 +5,10 @@
     class="backdrop"
     :style="backdropStyle"
   >
-    <div class="renderer" :style="bodyStyle">
+    <div
+      class="renderer"
+      :style="bodyStyle"
+    >
       <nav>
         <UiToolbar
           ref="toolbar"
diff --git a/kolibri/plugins/learn/assets/src/views/ChannelRenderer/CustomContentRenderer.vue b/kolibri/plugins/learn/assets/src/views/ChannelRenderer/CustomContentRenderer.vue
index 88510ec15b5..5ed91f94e53 100644
--- a/kolibri/plugins/learn/assets/src/views/ChannelRenderer/CustomContentRenderer.vue
+++ b/kolibri/plugins/learn/assets/src/views/ChannelRenderer/CustomContentRenderer.vue
@@ -132,7 +132,7 @@
         {},
         {},
         urls.zipContentUrl(zipFile.checksum, zipFile.extension, 'index.html'),
-        zipFile.checksum
+        zipFile.checksum,
       );
     },
     methods: {
@@ -269,7 +269,7 @@
           .then(contentNode => {
             if (contentNode && contentNode.kind === 'topic') {
               router.push(
-                this.genContentLinkBackLinkCurrentPage(contentNode.id, contentNode.is_leaf)
+                this.genContentLinkBackLinkCurrentPage(contentNode.id, contentNode.is_leaf),
               );
             } else if (contentNode && this.overlayIsOpen == false) {
               // in a custom context, launch overlay
diff --git a/kolibri/plugins/learn/assets/src/views/ChannelThumbnail.vue b/kolibri/plugins/learn/assets/src/views/ChannelThumbnail.vue
index 6e60fac3aee..96fcf0d22eb 100644
--- a/kolibri/plugins/learn/assets/src/views/ChannelThumbnail.vue
+++ b/kolibri/plugins/learn/assets/src/views/ChannelThumbnail.vue
@@ -5,14 +5,12 @@
     :class="{ 'mobile-thumbnail': isMobile }"
     :style="thumbnailBackground"
   >
-
     <ContentIcon
       v-if="!thumbnail"
       kind="channel"
       class="type-icon"
       :color="$themeTokens.annotation"
     />
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/learn/assets/src/views/CompletionModal/ResourceItem/ResourceLabel.vue b/kolibri/plugins/learn/assets/src/views/CompletionModal/ResourceItem/ResourceLabel.vue
index 775d55d7538..b4650773888 100644
--- a/kolibri/plugins/learn/assets/src/views/CompletionModal/ResourceItem/ResourceLabel.vue
+++ b/kolibri/plugins/learn/assets/src/views/CompletionModal/ResourceItem/ResourceLabel.vue
@@ -1,11 +1,6 @@
 <template>
 
-  <span
-    :class="[
-      'resource-label',
-      condensed ? 'resource-label-condensed' : {}
-    ]"
-  >
+  <span :class="['resource-label', condensed ? 'resource-label-condensed' : {}]">
     <template v-if="!hideIcon">
       <LearningActivityIcon
         v-if="contentNode.is_leaf"
diff --git a/kolibri/plugins/learn/assets/src/views/CompletionModal/index.vue b/kolibri/plugins/learn/assets/src/views/CompletionModal/index.vue
index 4ec2211f821..cd49cc3059e 100644
--- a/kolibri/plugins/learn/assets/src/views/CompletionModal/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/CompletionModal/index.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <transition name="modal-fade" appear>
+  <transition
+    name="modal-fade"
+    appear
+  >
     <div
       class="modal-overlay"
       @keyup.esc.stop="emitCloseEvent"
@@ -12,7 +15,7 @@
         :tabindex="0"
         role="dialog"
         aria-labelledby="modal-title"
-        :style="[ modalSizeStyles, { background: $themeTokens.surface } ]"
+        :style="[modalSizeStyles, { background: $themeTokens.surface }]"
       >
         <FocusTrap
           @shouldFocusFirstEl="$emit('shouldFocusFirstEl')"
@@ -70,7 +73,10 @@
               </div>
               <div>{{ $tr('keepUpTheGreatProgress') }}</div>
             </div>
-            <KCircularLoader v-if="loading" class="loader" />
+            <KCircularLoader
+              v-if="loading"
+              class="loader"
+            />
             <template v-else>
               <CompletionModalSection
                 v-if="nextContentNode"
@@ -90,12 +96,13 @@
 
               <CompletionModalSection
                 ref="staySection"
-                :icon="(isQuiz || isSurvey) ? 'reports' : 'restart'"
+                :icon="isQuiz || isSurvey ? 'reports' : 'restart'"
                 :class="sectionClass"
                 :title="staySectionTitle"
                 :description="staySectionDescription"
-                :buttonLabel="(isQuiz || isSurvey) ?
-                  $tr('reviewQuizButtonLabel') : $tr('stayButtonLabel')"
+                :buttonLabel="
+                  isQuiz || isSurvey ? $tr('reviewQuizButtonLabel') : $tr('stayButtonLabel')
+                "
                 @buttonClick="$emit('close')"
               />
 
@@ -118,10 +125,7 @@
                     <ResourceItem
                       data-test="recommended-resource"
                       :contentNode="node"
-                      :contentNodeRoute="genContentLinkKeepCurrentBackLink(
-                        node.id,
-                        node.is_leaf,
-                      )"
+                      :contentNodeRoute="genContentLinkKeepCurrentBackLink(node.id, node.is_leaf)"
                       :size="recommendedResourceItemSize"
                     />
                   </KGridItem>
@@ -319,7 +323,7 @@
       nextContentNodeRoute() {
         return this.genContentLinkKeepCurrentBackLink(
           this.nextContentNode.id,
-          this.nextContentNode.is_leaf
+          this.nextContentNode.is_leaf,
         );
       },
     },
diff --git a/kolibri/plugins/learn/assets/src/views/ContentCardGroupHeader.vue b/kolibri/plugins/learn/assets/src/views/ContentCardGroupHeader.vue
index 938a384756b..bacc5237be8 100644
--- a/kolibri/plugins/learn/assets/src/views/ContentCardGroupHeader.vue
+++ b/kolibri/plugins/learn/assets/src/views/ContentCardGroupHeader.vue
@@ -1,19 +1,25 @@
 <template>
 
   <div>
-
     <div class="card-group-details">
-
-      <h2 v-if="header" class="card-group-details-header" :style="{ color: $themeTokens.text }">
+      <h2
+        v-if="header"
+        class="card-group-details-header"
+        :style="{ color: $themeTokens.text }"
+      >
         {{ header }}
       </h2>
 
-      <span v-if="showViewMore" class="card-group-details-view-more">
-        <KRouterLink :text="coreString('viewMoreAction')" :to="viewMorePageLink" />
+      <span
+        v-if="showViewMore"
+        class="card-group-details-view-more"
+      >
+        <KRouterLink
+          :text="coreString('viewMoreAction')"
+          :to="viewMorePageLink"
+        />
       </span>
-
     </div>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/learn/assets/src/views/ContentPage.vue b/kolibri/plugins/learn/assets/src/views/ContentPage.vue
index 329f1b058af..9db0475dd1d 100644
--- a/kolibri/plugins/learn/assets/src/views/ContentPage.vue
+++ b/kolibri/plugins/learn/assets/src/views/ContentPage.vue
@@ -1,7 +1,6 @@
 <template>
 
   <div>
-
     <template v-if="sessionReady">
       <ContentRenderer
         v-if="!content.assessmentmetadata"
@@ -277,7 +276,7 @@
         return ContentNodeResource.fetchModel({ id })
           .then(contentNode => {
             router.push(
-              this.genContentLinkKeepCurrentBackLink(contentNode.id, contentNode.is_leaf)
+              this.genContentLinkKeepCurrentBackLink(contentNode.id, contentNode.is_leaf),
             );
           })
           .catch(error => {
diff --git a/kolibri/plugins/learn/assets/src/views/ContentUnavailablePage.vue b/kolibri/plugins/learn/assets/src/views/ContentUnavailablePage.vue
index 64b0f4dae01..6f820c97d6a 100644
--- a/kolibri/plugins/learn/assets/src/views/ContentUnavailablePage.vue
+++ b/kolibri/plugins/learn/assets/src/views/ContentUnavailablePage.vue
@@ -1,11 +1,13 @@
 <template>
 
-  <LearnAppBarPage
-    :appBarTitle="learnString('learnLabel')"
-  >
+  <LearnAppBarPage :appBarTitle="learnString('learnLabel')">
     <h1>{{ $tr('header') }}</h1>
     <p>
-      <KExternalLink v-if="deviceContentUrl" :text="$tr('adminLink')" :href="deviceContentUrl" />
+      <KExternalLink
+        v-if="deviceContentUrl"
+        :text="$tr('adminLink')"
+        :href="deviceContentUrl"
+      />
     </p>
     <p v-if="showLearnerText">
       {{ $tr('learnerText') }}
diff --git a/kolibri/plugins/learn/assets/src/views/CopiesModal.vue b/kolibri/plugins/learn/assets/src/views/CopiesModal.vue
index 4395e6ef734..a4f819fadae 100644
--- a/kolibri/plugins/learn/assets/src/views/CopiesModal.vue
+++ b/kolibri/plugins/learn/assets/src/views/CopiesModal.vue
@@ -24,7 +24,7 @@
               v-for="(ancestor, index2) in copy.ancestors"
               :key="index2"
               class="ancestor"
-              :class="{ 'arrow': index2 < copy.ancestors.length - 1 }"
+              :class="{ arrow: index2 < copy.ancestors.length - 1 }"
             >
               {{ ancestor.title }}
             </li>
diff --git a/kolibri/plugins/learn/assets/src/views/CurrentlyViewedResourceMetadata.vue b/kolibri/plugins/learn/assets/src/views/CurrentlyViewedResourceMetadata.vue
index 39b8032fce7..3d88b0c3279 100644
--- a/kolibri/plugins/learn/assets/src/views/CurrentlyViewedResourceMetadata.vue
+++ b/kolibri/plugins/learn/assets/src/views/CurrentlyViewedResourceMetadata.vue
@@ -1,7 +1,9 @@
 <template>
 
-  <section v-if="content" class="metadata">
-
+  <section
+    v-if="content"
+    class="metadata"
+  >
     <div class="section">
       <span
         v-if="forBeginners"
@@ -17,7 +19,11 @@
       <ContentNodeThumbnail :contentNode="content" />
     </div>
 
-    <div v-if="content.title" class="section title" data-test="content-title">
+    <div
+      v-if="content.title"
+      class="section title"
+      data-test="content-title"
+    >
       {{ content.title }}
     </div>
 
@@ -40,10 +46,12 @@
       @click="toggleShowMoreOrLess"
     />
 
-    <div v-if="content.duration" class="section" data-test="estimated-time">
-      <span class="label">
-        {{ learnString('estimatedTime') }}:
-      </span>
+    <div
+      v-if="content.duration"
+      class="section"
+      data-test="estimated-time"
+    >
+      <span class="label"> {{ learnString('estimatedTime') }}: </span>
       <span>
         <TimeDuration :seconds="content.duration" />
       </span>
@@ -54,45 +62,51 @@
       class="section"
       data-test="grade-levels"
     >
-      <span class="label">
-        {{ coreString('levelLabel') }}:
-      </span>
+      <span class="label"> {{ coreString('levelLabel') }}: </span>
       <span>
         {{ levels(content.grade_levels) }}
       </span>
     </div>
 
-    <div v-if="content.lang" class="section" data-test="lang">
-      <span class="label">
-        {{ coreString('languageLabel') }}:
-      </span>
+    <div
+      v-if="content.lang"
+      class="section"
+      data-test="lang"
+    >
+      <span class="label"> {{ coreString('languageLabel') }}: </span>
       <span>
         {{ content.lang.lang_name }}
       </span>
     </div>
 
-    <div v-if="content.author" class="section" data-test="author">
-      <span class="label">
-        {{ learnString('author') }}:
-      </span>
+    <div
+      v-if="content.author"
+      class="section"
+      data-test="author"
+    >
+      <span class="label"> {{ learnString('author') }}: </span>
       <span>
         {{ content.author }}
       </span>
     </div>
 
-    <div v-if="content.license_owner" class="section" data-test="license-owner">
-      <span class="label">
-        {{ learnString('copyrightHolder') }}:
-      </span>
+    <div
+      v-if="content.license_owner"
+      class="section"
+      data-test="license-owner"
+    >
+      <span class="label"> {{ learnString('copyrightHolder') }}: </span>
       <span>
         {{ content.license_owner }}
       </span>
     </div>
 
-    <div v-if="licenseDescription" class="section" data-test="license-desc">
-      <span class="label">
-        {{ learnString('license') }}:
-      </span>
+    <div
+      v-if="licenseDescription"
+      class="section"
+      data-test="license-desc"
+    >
+      <span class="label"> {{ learnString('license') }}: </span>
       <span>
         {{ licenseShortName || '' }}
         <KIconButton
@@ -103,7 +117,10 @@
           class="license-toggle"
           @click="licenseDescriptionIsVisible = !licenseDescriptionIsVisible"
         />
-        <div v-if="licenseDescriptionIsVisible" class="license-details">
+        <div
+          v-if="licenseDescriptionIsVisible"
+          class="license-details"
+        >
           <p class="license-details-name">
             {{ licenseLongName }}
           </p>
@@ -119,7 +136,6 @@
       class="download-button"
       data-test="download-button"
     />
-
   </section>
 
 </template>
@@ -183,7 +199,7 @@
       licenseDescription() {
         return licenseDescriptionForConsumer(
           get(this, 'content.license_name', null),
-          get(this, 'content.license_description', null)
+          get(this, 'content.license_description', null),
         );
       },
       chipStyle() {
diff --git a/kolibri/plugins/learn/assets/src/views/DeviceConnectionStatus.vue b/kolibri/plugins/learn/assets/src/views/DeviceConnectionStatus.vue
index 517451d1663..43c428cba40 100644
--- a/kolibri/plugins/learn/assets/src/views/DeviceConnectionStatus.vue
+++ b/kolibri/plugins/learn/assets/src/views/DeviceConnectionStatus.vue
@@ -1,9 +1,9 @@
 <template>
 
-  <span v-if="isFetched && (!isDeviceAvailable)">
+  <span v-if="isFetched && !isDeviceAvailable">
     <span
       class="inner"
-      style="font-size: 14px;"
+      style="font-size: 14px"
     >
       {{ coreString('disconnected') }}
     </span>
diff --git a/kolibri/plugins/learn/assets/src/views/ExamPage/AnswerHistory.vue b/kolibri/plugins/learn/assets/src/views/ExamPage/AnswerHistory.vue
index 42626e11eb4..e3f69a4bb51 100644
--- a/kolibri/plugins/learn/assets/src/views/ExamPage/AnswerHistory.vue
+++ b/kolibri/plugins/learn/assets/src/views/ExamPage/AnswerHistory.vue
@@ -31,15 +31,13 @@
             <span>{{ title }}</span>
             <KIcon
               class="chevron-icon"
-              :icon="(isExpanded(index)) ?
-                'chevronUp' : 'chevronRight'"
+              :icon="isExpanded(index) ? 'chevronUp' : 'chevronRight'"
             />
           </KButton>
         </h3>
       </template>
 
       <template #content>
-
         <div
           v-if="isExpanded(index)"
           class="spacing-items"
@@ -53,7 +51,10 @@
           >
           </span>
 
-          <div :aria-label="jumpToQuestion$()" role="navigation">
+          <div
+            :aria-label="jumpToQuestion$()"
+            role="navigation"
+          >
             <ul class="history-list">
               <li
                 v-for="(question, qIndex) in section.questions"
@@ -78,7 +79,8 @@
                     class="dot"
                     :icon="isAnswered(question) ? 'unpublishedResource' : 'unpublishedChange'"
                     :color="
-                      isAnswered(question) ? $themeTokens.progress : $themeTokens.textDisabled"
+                      isAnswered(question) ? $themeTokens.progress : $themeTokens.textDisabled
+                    "
                   />
                   <div class="text">
                     {{ questionText(qIndex + 1) }}
@@ -165,7 +167,7 @@
     computed: {
       currentSection() {
         return this.sections.find(section =>
-          section.questions.map(q => q.item).includes(this.questionItem)
+          section.questions.map(q => q.item).includes(this.questionItem),
         );
       },
       sectionCompletionMap() {
@@ -219,8 +221,8 @@
       // Expand the section that contains the current question
       this.expand(
         this.sections.findIndex(section =>
-          section.questions.map(q => q.item).includes(this.currentQuestion.item)
-        )
+          section.questions.map(q => q.item).includes(this.currentQuestion.item),
+        ),
       );
     },
     methods: {
diff --git a/kolibri/plugins/learn/assets/src/views/ExamPage/index.vue b/kolibri/plugins/learn/assets/src/views/ExamPage/index.vue
index 4943c52dd38..576d34675df 100644
--- a/kolibri/plugins/learn/assets/src/views/ExamPage/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/ExamPage/index.vue
@@ -4,7 +4,6 @@
     :route="homePageLink"
     :appBarTitle="exam.title || ''"
   >
-
     <KCircularLoader v-if="loading || !currentQuestion" />
 
     <div v-else>
@@ -17,8 +16,7 @@
           class="column-pane"
         >
           <div class="column-contents-wrapper">
-
-            <KPageContainer style="padding:0;">
+            <KPageContainer style="padding: 0">
               <AnswerHistory
                 :pastattempts="pastattempts"
                 :sections="sections"
@@ -30,30 +28,27 @@
                 @goToQuestion="goToQuestion"
               />
             </KPageContainer>
-
           </div>
         </KGridItem>
 
-        <KGridItem :layout12="{ span: 8 }" class="column-pane">
+        <KGridItem
+          :layout12="{ span: 8 }"
+          class="column-pane"
+        >
           <main :class="{ 'column-contents-wrapper': !windowIsSmall }">
-
-            <KPageContainer dir="auto" style="overflow-x: visible;">
+            <KPageContainer
+              dir="auto"
+              style="overflow-x: visible"
+            >
               <KGrid v-if="windowIsLarge">
-                <KGridItem
-                  :layout12="{ span: 8 }"
-                >
+                <KGridItem :layout12="{ span: 8 }">
                   <h2 class="section-title">
                     {{ displaySectionTitle(currentSection, currentSectionIndex) }}
                   </h2>
-                  <p> {{ currentSection.description }} </p>
+                  <p>{{ currentSection.description }}</p>
                 </KGridItem>
-                <KGridItem
-                  :layout12="{ span: 4 }"
-                >
-                  <div
-                    :style="
-                      { margin: '2em auto 0', textAlign: 'center', width: '100%' }"
-                  >
+                <KGridItem :layout12="{ span: 4 }">
+                  <div :style="{ margin: '2em auto 0', textAlign: 'center', width: '100%' }">
                     <div>{{ coreString('timeSpentLabel') }}:</div>
                     <TimeDuration
                       class="timer"
@@ -64,8 +59,11 @@
                   </div>
                 </KGridItem>
               </KGrid>
-              <div v-else style="overflow-x: visible">
-                <div v-if="(windowIsSmall || windowIsMedium)">
+              <div
+                v-else
+                style="overflow-x: visible"
+              >
+                <div v-if="windowIsSmall || windowIsMedium">
                   <KSelect
                     v-if="sectionSelectOptions.length > 1"
                     :value="currentSectionOption"
@@ -79,14 +77,11 @@
                     {{ currentSectionOption.label }}
                   </h2>
                 </div>
-                <p> {{ currentSection.description }} </p>
+                <p>{{ currentSection.description }}</p>
                 <p v-if="content && content.duration">
                   {{ learnString('suggestedTime') }}
                 </p>
-                <div
-                  :style="
-                    { margin: '0 auto', textAlign: 'center', width: '100%' }"
-                >
+                <div :style="{ margin: '0 auto', textAlign: 'center', width: '100%' }">
                   <span>{{ coreString('timeSpentLabel') }}:</span>
                   <TimeDuration
                     class="timer"
@@ -100,18 +95,20 @@
                   class="timer"
                   :seconds="content.duration"
                 />
-
               </div>
             </KPageContainer>
-            <KPageContainer style="overflow-x: visible;">
+            <KPageContainer style="overflow-x: visible">
               <KSelect
-                v-if="(windowIsSmall || windowIsMedium)"
-                style="margin-top: 1em;"
+                v-if="windowIsSmall || windowIsMedium"
+                style="margin-top: 1em"
                 :value="currentQuestionOption"
                 :options="questionSelectOptions"
                 @select="handleQuestionOptionChange"
               />
-              <h2 v-else class="number-of-questions">
+              <h2
+                v-else
+                class="number-of-questions"
+              >
                 {{ $tr('question', { num: questionNumber + 1, total: exam.question_count }) }}
               </h2>
               <ContentRenderer
@@ -127,13 +124,15 @@
                 :answerState="currentAttempt.answer"
                 @interaction="saveAnswer"
               />
-              <ResourceSyncingUiAlert v-else :multiple="false" />
+              <ResourceSyncingUiAlert
+                v-else
+                :multiple="false"
+              />
             </KPageContainer>
           </main>
         </KGridItem>
       </KGrid>
       <BottomAppBar :maxWidth="null">
-
         <component :is="windowIsSmall ? 'div' : 'KButtonGroup'">
           <KButton
             :disabled="questionNumber === 0"
@@ -178,7 +177,10 @@
           :dir="layoutDirReset"
           class="left-align"
         >
-          <div v-if="!missingResources" class="answered">
+          <div
+            v-if="!missingResources"
+            class="answered"
+          >
             {{ answeredText }}
           </div>
           <KButton
@@ -195,15 +197,16 @@
             appearance="flat-button"
             @click="toggleModal"
           />
-          <div v-if="missingResources" class="nosubmit">
+          <div
+            v-if="missingResources"
+            class="nosubmit"
+          >
             {{ $tr('unableToSubmit') }}
           </div>
         </div>
       </BottomAppBar>
     </div>
 
-
-
     <KModal
       v-if="submitModalOpen"
       :title="$tr('submitExam')"
@@ -213,7 +216,7 @@
       @cancel="toggleModal"
     >
       <p v-if="questionsUnanswered">
-        {{ $tr('unanswered', { numLeft: questionsUnanswered } ) }}
+        {{ $tr('unanswered', { numLeft: questionsUnanswered }) }}
       </p>
       <p>{{ $tr('areYouSure') }}</p>
     </KModal>
@@ -263,12 +266,8 @@
         startTrackingProgress,
         stopTrackingProgress,
       } = useProgressTracking();
-      const {
-        windowBreakpoint,
-        windowIsMedium,
-        windowIsLarge,
-        windowIsSmall,
-      } = useKResponsiveWindow();
+      const { windowBreakpoint, windowIsMedium, windowIsLarge, windowIsSmall } =
+        useKResponsiveWindow();
       return {
         displaySectionTitle,
         pastattempts,
@@ -322,7 +321,7 @@
       },
       currentSection() {
         return this.sections.find(section =>
-          section.questions.map(q => q.item).includes(this.currentQuestion.item)
+          section.questions.map(q => q.item).includes(this.currentQuestion.item),
         );
       },
       sections() {
@@ -419,7 +418,7 @@
               map[attempt.item] = true;
             }
             return map;
-          }, {})
+          }, {}),
         ).length;
       },
       questionsUnanswered() {
diff --git a/kolibri/plugins/learn/assets/src/views/ExploreLibrariesPage/LibraryItem.vue b/kolibri/plugins/learn/assets/src/views/ExploreLibrariesPage/LibraryItem.vue
index 6d224342c49..5946285c2b1 100644
--- a/kolibri/plugins/learn/assets/src/views/ExploreLibrariesPage/LibraryItem.vue
+++ b/kolibri/plugins/learn/assets/src/views/ExploreLibrariesPage/LibraryItem.vue
@@ -29,7 +29,7 @@
               reference="pinIcon"
               :refs="$refs"
             >
-              {{ (pinIcon === 'pinned') ? $tr('removePin') : $tr('pinTo') }}
+              {{ pinIcon === 'pinned' ? $tr('removePin') : $tr('pinTo') }}
             </KTooltip>
           </h2>
           <p
diff --git a/kolibri/plugins/learn/assets/src/views/ExploreLibrariesPage/index.vue b/kolibri/plugins/learn/assets/src/views/ExploreLibrariesPage/index.vue
index 5bb8facf722..38c175696eb 100644
--- a/kolibri/plugins/learn/assets/src/views/ExploreLibrariesPage/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/ExploreLibrariesPage/index.vue
@@ -31,7 +31,10 @@
         :pinned="true"
         @togglePin="handlePinToggle"
       />
-      <div v-if="areMoreDevicesAvailable" key="moreDevices">
+      <div
+        v-if="areMoreDevicesAvailable"
+        key="moreDevices"
+      >
         <div
           v-if="pinnedDevicesExist"
           data-test="more-libraries"
diff --git a/kolibri/plugins/learn/assets/src/views/FadeInTransitionGroup.vue b/kolibri/plugins/learn/assets/src/views/FadeInTransitionGroup.vue
index d3afd92a6f7..1350f0eeb1b 100644
--- a/kolibri/plugins/learn/assets/src/views/FadeInTransitionGroup.vue
+++ b/kolibri/plugins/learn/assets/src/views/FadeInTransitionGroup.vue
@@ -1,8 +1,10 @@
 <template>
 
-  <transition-group name="channel-list" tag="div">
-    <slot>
-    </slot>
+  <transition-group
+    name="channel-list"
+    tag="div"
+  >
+    <slot> </slot>
   </transition-group>
 
 </template>
@@ -19,11 +21,14 @@
 
 <style scoped>
 
-  .channel-list-enter-active, .channel-list-leave-active, .channel-list-move {
+  .channel-list-enter-active,
+  .channel-list-leave-active,
+  .channel-list-move {
     transition: opacity 0.25s ease;
   }
 
-  .channel-list-enter, .channel-list-leave-to {
+  .channel-list-enter,
+  .channel-list-leave-to {
     opacity: 0;
   }
 
diff --git a/kolibri/plugins/learn/assets/src/views/HomePage/ContinueLearning.vue b/kolibri/plugins/learn/assets/src/views/HomePage/ContinueLearning.vue
index 2dd0561c98d..5c8a9f5d7a6 100644
--- a/kolibri/plugins/learn/assets/src/views/HomePage/ContinueLearning.vue
+++ b/kolibri/plugins/learn/assets/src/views/HomePage/ContinueLearning.vue
@@ -39,7 +39,7 @@
     </CardGrid>
     <KButton
       v-if="moreResumableContentNodes"
-      style="margin-top: 16px;"
+      style="margin-top: 16px"
       appearance="basic-link"
       @click="fetchMoreResumableContentNodes"
     >
diff --git a/kolibri/plugins/learn/assets/src/views/HomePage/ExploreChannels/__tests__/ExploreChannels.spec.js b/kolibri/plugins/learn/assets/src/views/HomePage/ExploreChannels/__tests__/ExploreChannels.spec.js
index d1b8a19061a..a9f573384a5 100644
--- a/kolibri/plugins/learn/assets/src/views/HomePage/ExploreChannels/__tests__/ExploreChannels.spec.js
+++ b/kolibri/plugins/learn/assets/src/views/HomePage/ExploreChannels/__tests__/ExploreChannels.spec.js
@@ -88,12 +88,7 @@ describe(`ExploreChannels`, () => {
       const links = getChannelsLinks(wrapper);
       expect(links.length).toBe(3);
       TEST_CHANNELS.slice(0, 3).forEach((testChannel, idx) => {
-        expect(
-          links
-            .at(idx)
-            .find('.title')
-            .text()
-        ).toBe(testChannel.name);
+        expect(links.at(idx).find('.title').text()).toBe(testChannel.name);
       });
     });
 
@@ -117,9 +112,7 @@ describe(`ExploreChannels`, () => {
   it(`clicking a channel navigates to the channel page`, () => {
     const wrapper = makeWrapper({ channels: TEST_CHANNELS });
     expect(wrapper.vm.$route.path).toBe('/');
-    getChannelsLinks(wrapper)
-      .at(0)
-      .trigger('click');
+    getChannelsLinks(wrapper).at(0).trigger('click');
     expect(wrapper.vm.$route.name).toBe(PageNames.TOPICS_TOPIC);
     expect(wrapper.vm.$route.params).toEqual({ id: 'root-1' });
   });
diff --git a/kolibri/plugins/learn/assets/src/views/HomePage/ExploreChannels/index.vue b/kolibri/plugins/learn/assets/src/views/HomePage/ExploreChannels/index.vue
index 676243f58fc..f4860243eda 100644
--- a/kolibri/plugins/learn/assets/src/views/HomePage/ExploreChannels/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/HomePage/ExploreChannels/index.vue
@@ -10,7 +10,10 @@
           />
         </h2>
       </KFixedGridItem>
-      <KFixedGridItem :span="1" alignment="right">
+      <KFixedGridItem
+        :span="1"
+        alignment="right"
+      >
         <KRouterLink
           v-if="displayAllChannelsLink"
           :text="coreString('viewAll')"
diff --git a/kolibri/plugins/learn/assets/src/views/HomePage/__tests__/HomePage.spec.js b/kolibri/plugins/learn/assets/src/views/HomePage/__tests__/HomePage.spec.js
index 8d4e398ee56..a6e2cae7070 100644
--- a/kolibri/plugins/learn/assets/src/views/HomePage/__tests__/HomePage.spec.js
+++ b/kolibri/plugins/learn/assets/src/views/HomePage/__tests__/HomePage.spec.js
@@ -123,7 +123,7 @@ describe(`HomePage`, () => {
     useChannels.mockImplementation(() =>
       useChannelsMock({
         fetchChannels: jest.fn(() => Promise.resolve([{ id: 'channel-1', name: 'Channel 1' }])),
-      })
+      }),
     );
   });
 
@@ -140,7 +140,7 @@ describe(`HomePage`, () => {
 
     it(`the section is not displayed for a signed in user who has no classes and can access unassigned content`, () => {
       useDeviceSettings.mockImplementation(() =>
-        useDeviceSettingsMock({ canAccessUnassignedContent: true })
+        useDeviceSettingsMock({ canAccessUnassignedContent: true }),
       );
       useUser.mockImplementation(() => useUserMock({ isUserLoggedIn: true }));
       const wrapper = makeWrapper();
@@ -149,7 +149,7 @@ describe(`HomePage`, () => {
 
     it(`the section is displayed for a signed in user with no classes who cannot access unassigned content`, () => {
       useDeviceSettings.mockImplementation(() =>
-        useDeviceSettingsMock({ canAccessUnassignedContent: false })
+        useDeviceSettingsMock({ canAccessUnassignedContent: false }),
       );
       useUser.mockImplementation(() => useUserMock({ isUserLoggedIn: true }));
       const wrapper = makeWrapper();
@@ -164,7 +164,7 @@ describe(`HomePage`, () => {
             { id: 'class-1', name: 'Class 1' },
             { id: 'class-2', name: 'Class 2' },
           ],
-        })
+        }),
       );
       const wrapper = makeWrapper();
       const links = getClassesSection(wrapper).findAll('[data-test="classLink"]');
@@ -215,7 +215,7 @@ describe(`HomePage`, () => {
             getClassQuizLink() {
               return { path: '/class-quiz' };
             },
-          })
+          }),
         );
       });
 
@@ -232,10 +232,10 @@ describe(`HomePage`, () => {
       it(`non-classes resources in progress  are not displayed`, () => {
         const wrapper = makeWrapper();
         expect(getContinueLearningFromClassesSection(wrapper).text()).not.toContain(
-          'Non-class resource 1'
+          'Non-class resource 1',
         );
         expect(getContinueLearningFromClassesSection(wrapper).text()).not.toContain(
-          'Non-class resource 2'
+          'Non-class resource 2',
         );
       });
 
@@ -272,7 +272,7 @@ describe(`HomePage`, () => {
           getClassLessonLink() {
             return { path: '/class-lesson' };
           },
-        })
+        }),
       );
       const wrapper = makeWrapper();
       expect(getRecentLessonsSection(wrapper).exists()).toBe(true);
@@ -307,7 +307,7 @@ describe(`HomePage`, () => {
           getClassQuizLink() {
             return { path: '/class-quiz' };
           },
-        })
+        }),
       );
       const wrapper = makeWrapper();
       expect(getRecentQuizzesSection(wrapper).exists()).toBe(true);
@@ -343,7 +343,7 @@ describe(`HomePage`, () => {
               { id: 'non-class-resource-1', title: 'Non-class resource 1', is_leaf: true },
               { id: 'non-class-resource-2', title: 'Non-class resource 2', is_leaf: true },
             ],
-          })
+          }),
         );
       });
 
@@ -357,7 +357,7 @@ describe(`HomePage`, () => {
           useDeviceSettings.mockImplementation(() =>
             useDeviceSettingsMock({
               canAccessUnassignedContent: true,
-            })
+            }),
           );
         });
 
@@ -386,7 +386,7 @@ describe(`HomePage`, () => {
           useChannelsMock({
             localChannelsCache: channels,
             fetchChannels: jest.fn(() => Promise.resolve(channels)),
-          })
+          }),
         );
       });
 
@@ -404,7 +404,7 @@ describe(`HomePage`, () => {
         useLearnerResources.mockImplementation(() =>
           useLearnerResourcesMock({
             learnerFinishedAllClasses: true,
-          })
+          }),
         );
         const wrapper = makeWrapper();
         expect(getExploreChannelsSection(wrapper).exists()).toBe(false);
@@ -417,12 +417,12 @@ describe(`HomePage`, () => {
         useLearnerResources.mockImplementation(() =>
           useLearnerResourcesMock({
             learnerFinishedAllClasses: true,
-          })
+          }),
         );
         useDeviceSettings.mockImplementation(() =>
           useDeviceSettingsMock({
             canAccessUnassignedContent: true,
-          })
+          }),
         );
         const wrapper = makeWrapper();
         expect(getExploreChannelsSection(wrapper).exists()).toBe(true);
diff --git a/kolibri/plugins/learn/assets/src/views/HomePage/index.vue b/kolibri/plugins/learn/assets/src/views/HomePage/index.vue
index aa640671a3c..9ca0a3a1470 100644
--- a/kolibri/plugins/learn/assets/src/views/HomePage/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/HomePage/index.vue
@@ -1,7 +1,11 @@
 <template>
 
   <LearnAppBarPage :appBarTitle="learnString('learnLabel')">
-    <div v-if="!loading" id="main" role="main">
+    <div
+      v-if="!loading"
+      id="main"
+      role="main"
+    >
       <ResourceSyncingUiAlert
         v-if="missingResources"
         @syncComplete="hydrateHomePage"
@@ -17,9 +21,9 @@
         v-if="continueLearning"
         class="section"
         :fromClasses="continueLearningFromClasses"
-        :data-test="continueLearningFromClasses ?
-          'continueLearningFromClasses' :
-          'continueLearningOnYourOwn'"
+        :data-test="
+          continueLearningFromClasses ? 'continueLearningFromClasses' : 'continueLearningOnYourOwn'
+        "
       />
       <AssignedLessonsCards
         v-if="hasActiveClassesLessons"
@@ -42,13 +46,15 @@
         :channels="channels"
         class="section"
         data-test="exploreChannels"
-        :short="Boolean(displayClasses ||
-          continueLearning ||
-          hasActiveClassesLessons ||
-          hasActiveClassesQuizzes)
+        :short="
+          Boolean(
+            displayClasses ||
+              continueLearning ||
+              hasActiveClassesLessons ||
+              hasActiveClassesQuizzes,
+          )
         "
       />
-
     </div>
   </LearnAppBarPage>
 
@@ -118,27 +124,27 @@
       const continueLearningFromClasses = computed(
         () =>
           (get(isUserLoggedIn) && get(resumableClassesQuizzes).length > 0) ||
-          get(resumableClassesResources).length > 0
+          get(resumableClassesResources).length > 0,
       );
       const continueLearningOnYourOwn = computed(
         () =>
           get(isUserLoggedIn) &&
           get(learnerFinishedAllClasses) &&
           get(canAccessUnassignedContent) &&
-          get(resumableContentNodes).length > 0
+          get(resumableContentNodes).length > 0,
       );
 
       const continueLearning = computed(
-        () => get(continueLearningFromClasses) || get(continueLearningOnYourOwn)
+        () => get(continueLearningFromClasses) || get(continueLearningOnYourOwn),
       );
 
       const hasActiveClassesLessons = computed(
         () =>
-          get(isUserLoggedIn) && get(activeClassesLessons) && get(activeClassesLessons).length > 0
+          get(isUserLoggedIn) && get(activeClassesLessons) && get(activeClassesLessons).length > 0,
       );
       const hasActiveClassesQuizzes = computed(
         () =>
-          get(isUserLoggedIn) && get(activeClassesQuizzes) && get(activeClassesQuizzes).length > 0
+          get(isUserLoggedIn) && get(activeClassesQuizzes) && get(activeClassesQuizzes).length > 0,
       );
       const hasChannels = computed(() => {
         return get(localChannelsCache).length > 0;
@@ -168,12 +174,12 @@
             setClasses(response.data.classrooms);
             setResumableContentNodes(
               response.data.resumable_resources.results || [],
-              response.data.resumable_resources.more || null
+              response.data.resumable_resources.more || null,
             );
             for (const progress of response.data.resumable_resources_progress) {
               setContentNodeProgress(progress);
             }
-          }
+          },
         );
       }
 
diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/CardThumbnail.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/CardThumbnail.vue
index 1c41cf30c0c..8f9117dec9a 100644
--- a/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/CardThumbnail.vue
+++ b/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/CardThumbnail.vue
@@ -1,8 +1,6 @@
 <template>
 
-  <ContentNodeThumbnail
-    :contentNode="contentNode"
-  >
+  <ContentNodeThumbnail :contentNode="contentNode">
     <template #labels>
       <LearningActivityDuration
         v-if="displayDurationChip"
diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/HybridLearningFooter.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/HybridLearningFooter.vue
index ae6eb1d96fa..64422ed4c3d 100644
--- a/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/HybridLearningFooter.vue
+++ b/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/HybridLearningFooter.vue
@@ -68,7 +68,7 @@
       >
         <template #options>
           <CoreMenuOption
-            :style="{ 'cursor': 'pointer' }"
+            :style="{ cursor: 'pointer' }"
             @select="handleRemoveRequest"
           >
             {{ $tr('removeFromMyLibraryAction') }}
@@ -113,11 +113,8 @@
     },
     mixins: [commonLearnStrings, commonCoreStrings],
     setup() {
-      const {
-        addDownloadRequest,
-        downloadRequestMap,
-        removeDownloadRequest,
-      } = useDownloadRequests();
+      const { addDownloadRequest, downloadRequestMap, removeDownloadRequest } =
+        useDownloadRequests();
       return { addDownloadRequest, downloadRequestMap, removeDownloadRequest };
     },
     props: {
diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/index.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/index.vue
index ba04ddb9983..2df849dc4b5 100644
--- a/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/index.vue
@@ -4,12 +4,13 @@
     <router-link
       :to="to"
       class="card card-link"
-      :class="[
-        $computedClass({ ':focus': $coreOutline })
-      ]"
+      :class="[$computedClass({ ':focus': $coreOutline })]"
       :style="{ backgroundColor: $themeTokens.surface }"
     >
-      <div class="header-bar" :style="headerStyles">
+      <div
+        class="header-bar"
+        :style="headerStyles"
+      >
         <div v-if="!contentNode.is_leaf">
           <KIcon
             icon="topic"
@@ -39,8 +40,14 @@
         class="thumbnail"
         :contentNode="contentNode"
       />
-      <div class="text" :style="{ color: $themeTokens.text }">
-        <h3 class="title" dir="auto">
+      <div
+        class="text"
+        :style="{ color: $themeTokens.text }"
+      >
+        <h3
+          class="title"
+          dir="auto"
+        >
           <KTextTruncator
             :text="contentNode.title"
             :maxLines="1"
diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue
index 92d3ab131d6..31e27ad9b11 100644
--- a/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue
+++ b/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue
@@ -4,10 +4,7 @@
     <router-link
       :to="link"
       class="card card-content"
-      :class="[
-        { 'mobile-card': isMobile },
-        $computedClass({ ':focus': $coreOutline })
-      ]"
+      :class="[{ 'mobile-card': isMobile }, $computedClass({ ':focus': $coreOutline })]"
       :style="{ backgroundColor: $themeTokens.surface }"
     >
       <div class="thumbnail">
diff --git a/kolibri/plugins/learn/assets/src/views/LearnAppBarPage.vue b/kolibri/plugins/learn/assets/src/views/LearnAppBarPage.vue
index faa9d598a88..285d3317e2d 100644
--- a/kolibri/plugins/learn/assets/src/views/LearnAppBarPage.vue
+++ b/kolibri/plugins/learn/assets/src/views/LearnAppBarPage.vue
@@ -27,7 +27,6 @@
     </template>
 
     <slot></slot>
-
   </component>
 
 </template>
diff --git a/kolibri/plugins/learn/assets/src/views/LearnExamReportViewer.vue b/kolibri/plugins/learn/assets/src/views/LearnExamReportViewer.vue
index 6cb2ada04bf..9db3746edc2 100644
--- a/kolibri/plugins/learn/assets/src/views/LearnExamReportViewer.vue
+++ b/kolibri/plugins/learn/assets/src/views/LearnExamReportViewer.vue
@@ -4,7 +4,10 @@
     :route="homePageLink"
     :appBarTitle="exam.title || ''"
   >
-    <KPageContainer :topMargin="50" class="container">
+    <KPageContainer
+      :topMargin="50"
+      class="container"
+    >
       <KCircularLoader v-if="loading" />
       <div v-else-if="exerciseContentNodes && exerciseContentNodes.length">
         <ExamReport
@@ -29,7 +32,6 @@
         </p>
       </div>
     </KPageContainer>
-
   </ImmersivePage>
 
 </template>
diff --git a/kolibri/plugins/learn/assets/src/views/LearningActivityBar.vue b/kolibri/plugins/learn/assets/src/views/LearningActivityBar.vue
index 87f2bfc4575..a5cd8024a31 100644
--- a/kolibri/plugins/learn/assets/src/views/LearningActivityBar.vue
+++ b/kolibri/plugins/learn/assets/src/views/LearningActivityBar.vue
@@ -1,10 +1,14 @@
 <template>
 
   <nav :aria-label="$tr('optionsLabel')">
-    <UiToolbar style="z-index: 8;" :style="contentSpecificStyles" class="toolbar">
+    <UiToolbar
+      style="z-index: 8"
+      :style="contentSpecificStyles"
+      class="toolbar"
+    >
       <CoachContentLabel
         :value="isCoachContent"
-        style="margin-top: 8px; width: auto;"
+        style="width: auto; margin-top: 8px"
       />
       <KLabeledIcon :style="{ 'margin-top': '8px' }">
         <template #icon>
@@ -25,7 +29,10 @@
           :maxLines="1"
         />
       </KLabeledIcon>
-      <ProgressIcon :progress="contentProgress" class="progress-icon" />
+      <ProgressIcon
+        :progress="contentProgress"
+        class="progress-icon"
+      />
 
       <template #icon>
         <KIconButton
@@ -91,7 +98,10 @@
               <div v-if="duration">
                 <strong>{{ learnString('suggestedTime') }}</strong>
               </div>
-              <SuggestedTime v-if="duration" :seconds="duration" />
+              <SuggestedTime
+                v-if="duration"
+                :seconds="duration"
+              />
             </div>
           </template>
         </CoreMenu>
@@ -143,7 +153,7 @@
                 :key="action.id"
                 :data-test="`menu_${action.dataTest}`"
                 :disabled="action.disabled"
-                :style="{ 'cursor': 'pointer' }"
+                :style="{ cursor: 'pointer' }"
                 :icon="action.icon"
                 @select="onActionClick(action.event)"
               >
diff --git a/kolibri/plugins/learn/assets/src/views/LearningActivityChip.vue b/kolibri/plugins/learn/assets/src/views/LearningActivityChip.vue
index 506b5b48c1c..fbc3fa18683 100644
--- a/kolibri/plugins/learn/assets/src/views/LearningActivityChip.vue
+++ b/kolibri/plugins/learn/assets/src/views/LearningActivityChip.vue
@@ -4,7 +4,10 @@
     class="activity-chip"
     :style="{ backgroundColor: $themePalette.grey.v_100 }"
   >
-    <KLabeledIcon :label="coreString(kind)" class="activity-chip-label">
+    <KLabeledIcon
+      :label="coreString(kind)"
+      class="activity-chip-label"
+    >
       <template #icon>
         <LearningActivityIcon :kind="kind" />
       </template>
diff --git a/kolibri/plugins/learn/assets/src/views/LearningActivityDuration/index.vue b/kolibri/plugins/learn/assets/src/views/LearningActivityDuration/index.vue
index cf772003d41..a3c75c9d259 100644
--- a/kolibri/plugins/learn/assets/src/views/LearningActivityDuration/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/LearningActivityDuration/index.vue
@@ -2,9 +2,12 @@
 
   <span
     v-if="isReference || displayPreciseDuration || displayEstimatedDuration || exerciseDescription"
-    :class="[ appearance === 'chip' ? 'chip' : '']"
-    :style="[ appearance === 'chip' ? { color: $themeTokens.textInverted,
-                                        backgroundColor: $themePalette.black } : {}]"
+    :class="[appearance === 'chip' ? 'chip' : '']"
+    :style="[
+      appearance === 'chip'
+        ? { color: $themeTokens.textInverted, backgroundColor: $themePalette.black }
+        : {},
+    ]"
   >
     <template v-if="isReference">
       {{ ReferenceLabel }}
diff --git a/kolibri/plugins/learn/assets/src/views/LearningActivityIcon.vue b/kolibri/plugins/learn/assets/src/views/LearningActivityIcon.vue
index 7145d8380ff..7bba5c62e21 100644
--- a/kolibri/plugins/learn/assets/src/views/LearningActivityIcon.vue
+++ b/kolibri/plugins/learn/assets/src/views/LearningActivityIcon.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <KIcon v-if="icon" :icon="icon" />
+  <KIcon
+    v-if="icon"
+    :icon="icon"
+  />
 
 </template>
 
diff --git a/kolibri/plugins/learn/assets/src/views/LearningActivityLabel/__tests__/index.spec.js b/kolibri/plugins/learn/assets/src/views/LearningActivityLabel/__tests__/index.spec.js
index 7f98fbae944..193087322b8 100644
--- a/kolibri/plugins/learn/assets/src/views/LearningActivityLabel/__tests__/index.spec.js
+++ b/kolibri/plugins/learn/assets/src/views/LearningActivityLabel/__tests__/index.spec.js
@@ -36,7 +36,7 @@ describe(`LearningActivityLabel`, () => {
   });
 
   it.each(
-    Object.values(LearningActivities).filter(activity => activity !== LearningActivities.TOPIC)
+    Object.values(LearningActivities).filter(activity => activity !== LearningActivities.TOPIC),
   )(`displays a correct label for '%s' activity`, activity => {
     const wrapper = makeWrapper({
       contentNode: {
diff --git a/kolibri/plugins/learn/assets/src/views/LearningActivityLabel/index.vue b/kolibri/plugins/learn/assets/src/views/LearningActivityLabel/index.vue
index 08efa9c8012..b5b4383c37b 100644
--- a/kolibri/plugins/learn/assets/src/views/LearningActivityLabel/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/LearningActivityLabel/index.vue
@@ -3,7 +3,7 @@
   <div v-if="contentNode">
     <span
       class="learning-activity"
-      :class="[ condensed || labelAfter ? 'reversed' : '' ]"
+      :class="[condensed || labelAfter ? 'reversed' : '']"
     >
       <span
         class="label"
@@ -25,7 +25,7 @@
       v-if="!hideDuration"
       :contentNode="contentNode"
       class="duration"
-      :class="[ condensed ? 'condensed' : '' ]"
+      :class="[condensed ? 'condensed' : '']"
     />
   </div>
 
@@ -52,7 +52,7 @@
     },
     setup(props) {
       const { hasSingleActivity, firstActivity, getLearningActivityLabel } = useLearningActivities(
-        props.contentNode
+        props.contentNode,
       );
 
       const label = computed(() => {
diff --git a/kolibri/plugins/learn/assets/src/views/LibraryAndChannelBrowserMainContent.vue b/kolibri/plugins/learn/assets/src/views/LibraryAndChannelBrowserMainContent.vue
index 10d0426034c..0d328ef672f 100644
--- a/kolibri/plugins/learn/assets/src/views/LibraryAndChannelBrowserMainContent.vue
+++ b/kolibri/plugins/learn/assets/src/views/LibraryAndChannelBrowserMainContent.vue
@@ -53,10 +53,8 @@
     },
 
     setup() {
-      const {
-        genContentLinkBackLinkCurrentPage,
-        genContentLinkKeepCurrentBackLink,
-      } = useContentLink();
+      const { genContentLinkBackLinkCurrentPage, genContentLinkKeepCurrentBackLink } =
+        useContentLink();
       const { windowIsSmall } = useKResponsiveWindow();
       return {
         genContentLinkBackLinkCurrentPage,
diff --git a/kolibri/plugins/learn/assets/src/views/LibraryPage/OtherLibraries.vue b/kolibri/plugins/learn/assets/src/views/LibraryPage/OtherLibraries.vue
index e811e11baeb..461d64d41f3 100644
--- a/kolibri/plugins/learn/assets/src/views/LibraryPage/OtherLibraries.vue
+++ b/kolibri/plugins/learn/assets/src/views/LibraryPage/OtherLibraries.vue
@@ -1,7 +1,10 @@
 <template>
 
   <div>
-    <KGrid gutter="0" class="grid">
+    <KGrid
+      gutter="0"
+      class="grid"
+    >
       <KGridItem
         :layout12="{ span: 6 }"
         :layout8="{ span: 4 }"
@@ -22,7 +25,7 @@
             data-test="searching"
           >
             <span data-test="searching-label">{{ injectedtr('searchingOtherLibrary') }}</span>
-                &nbsp;&nbsp;
+            &nbsp;&nbsp;
             <span>
               <KCircularLoader
                 type="indeterminate"
@@ -41,9 +44,9 @@
                 class="wifi-svg"
               />
             </span>
-                &nbsp;&nbsp;
+            &nbsp;&nbsp;
             <span data-test="showing-all-label">{{ injectedtr('showingAllLibraries') }}</span>
-                &nbsp;&nbsp;
+            &nbsp;&nbsp;
             <span>
               <KIcon
                 v-if="!windowIsSmall"
@@ -59,7 +62,7 @@
             <span>
               <KIcon icon="disconnected" />
             </span>
-                &nbsp;&nbsp;
+            &nbsp;&nbsp;
             <span data-test="no-other-label">{{ injectedtr('noOtherLibraries') }}</span>
           </span>
         </div>
@@ -88,7 +91,10 @@
 
     <!-- More  -->
 
-    <KGrid v-if="!threeLibrariesOrFewer && unpinnedDevicesExist" class="other-libraries-grid">
+    <KGrid
+      v-if="!threeLibrariesOrFewer && unpinnedDevicesExist"
+      class="other-libraries-grid"
+    >
       <KGridItem
         :layout12="{ span: 10 }"
         :layout8="{ span: 6 }"
@@ -188,7 +194,7 @@
       const fullLibrariesToDisplay = computed(() =>
         get(threeLibrariesOrFewer)
           ? [...get(pinnedDevices), ...get(unpinnedDevices)]
-          : get(pinnedDevices)
+          : get(pinnedDevices),
       );
 
       // Make this conditional, as this import does not resolve properly
diff --git a/kolibri/plugins/learn/assets/src/views/LibraryPage/ResumableContentGrid.vue b/kolibri/plugins/learn/assets/src/views/LibraryPage/ResumableContentGrid.vue
index 9b20798ae73..d439f59dceb 100644
--- a/kolibri/plugins/learn/assets/src/views/LibraryPage/ResumableContentGrid.vue
+++ b/kolibri/plugins/learn/assets/src/views/LibraryPage/ResumableContentGrid.vue
@@ -2,7 +2,7 @@
 
   <div v-if="(resumableContentNodes || []).length">
     <div
-      v-if="!(windowIsSmall)"
+      v-if="!windowIsSmall"
       class="toggle-view-buttons"
       data-test="toggle-view-buttons"
     >
@@ -33,7 +33,7 @@
         class="resumable-content-card-grid"
         :currentCardViewStyle="currentCardViewStyle"
         :gridType="gridType"
-        @openCopiesModal="copies => displayedCopies = copies"
+        @openCopiesModal="copies => (displayedCopies = copies)"
         @toggleInfoPanel="$emit('setSidePanelMetadataContent', $event)"
       />
     </div>
@@ -85,11 +85,8 @@
     },
     mixins: [commonCoreStrings],
     setup() {
-      const {
-        resumableContentNodes,
-        moreResumableContentNodes,
-        fetchMoreResumableContentNodes,
-      } = useLearnerResources();
+      const { resumableContentNodes, moreResumableContentNodes, fetchMoreResumableContentNodes } =
+        useLearnerResources();
 
       var sidePanelContent = ref(null);
       const toggleInfoPanel = content => (sidePanelContent.value = content);
diff --git a/kolibri/plugins/learn/assets/src/views/LibraryPage/UnPinnedDevices.vue b/kolibri/plugins/learn/assets/src/views/LibraryPage/UnPinnedDevices.vue
index 67d359d79a2..d319be45b14 100644
--- a/kolibri/plugins/learn/assets/src/views/LibraryPage/UnPinnedDevices.vue
+++ b/kolibri/plugins/learn/assets/src/views/LibraryPage/UnPinnedDevices.vue
@@ -5,12 +5,11 @@
       class="card-main-wrapper"
       :style="cardStyle"
     >
-
       <KRouterLink
         v-if="device !== null"
         :text="deviceName"
         :to="routeTo"
-        style="text-decoration:none;width:100%;"
+        style="width: 100%; text-decoration: none"
       >
         <div class="card-main-body">
           <KIcon
diff --git a/kolibri/plugins/learn/assets/src/views/LibraryPage/index.vue b/kolibri/plugins/learn/assets/src/views/LibraryPage/index.vue
index 36ccf3d9e5c..4202751c6a6 100644
--- a/kolibri/plugins/learn/assets/src/views/LibraryPage/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/LibraryPage/index.vue
@@ -3,14 +3,13 @@
   <div :style="{ maxWidth: '1700px' }">
     <transition name="delay-entry">
       <PostSetupModalGroup
-        v-if="!(rootNodesLoading || searchLoading)
-          && welcomeModalVisible"
+        v-if="!(rootNodesLoading || searchLoading) && welcomeModalVisible"
         isOnMyOwnUser
         @cancel="hideWelcomeModal"
       />
       <MeteredConnectionNotificationModal
         v-else-if="usingMeteredConnection"
-        @update="(value) => allowDownloadOnMeteredConnection = value"
+        @update="value => (allowDownloadOnMeteredConnection = value)"
       />
     </transition>
     <LearnAppBarPage
@@ -73,8 +72,8 @@
             v-if="!deviceId"
             data-test="resumable-content"
             :currentCardViewStyle="currentCardViewStyle"
-            @setCardStyle="style => currentCardViewStyle = style"
-            @setSidePanelMetadataContent="content => metadataSidePanelContent = content"
+            @setCardStyle="style => (currentCardViewStyle = style)"
+            @setSidePanelMetadataContent="content => (metadataSidePanelContent = content)"
           />
           <!-- Other Libraries -->
           <OtherLibraries
@@ -82,7 +81,6 @@
             data-test="other-libraries"
             :injectedtr="injecttr"
           />
-
         </div>
 
         <SearchResultsGrid
@@ -98,8 +96,8 @@
           :searchTerms="searchTerms"
           :searchLoading="searchLoading"
           :more="more"
-          @setCardStyle="style => currentCardViewStyle = style"
-          @setSidePanelMetadataContent="content => metadataSidePanelContent = content"
+          @setCardStyle="style => (currentCardViewStyle = style)"
+          @setSidePanelMetadataContent="content => (metadataSidePanelContent = content)"
         />
       </main>
 
@@ -131,14 +129,18 @@
             v-for="activity in metadataSidePanelContent.learning_activities"
             :key="activity"
             class="side-panel-chips"
-            :class="$computedClass({ '::after': {
-              content: '',
-              flex: 'auto'
-            } })"
+            :class="
+              $computedClass({
+                '::after': {
+                  content: '',
+                  flex: 'auto',
+                },
+              })
+            "
           >
             <LearningActivityChip
               class="chip"
-              style="margin-left: 8px; margin-bottom: 8px;"
+              style="margin-bottom: 8px; margin-left: 8px"
               :kind="activity"
             />
           </div>
@@ -246,12 +248,8 @@
         fetchMoreResumableContentNodes,
       } = useLearnerResources();
 
-      const {
-        windowBreakpoint,
-        windowIsLarge,
-        windowIsMedium,
-        windowIsSmall,
-      } = useKResponsiveWindow();
+      const { windowBreakpoint, windowIsLarge, windowIsMedium, windowIsSmall } =
+        useKResponsiveWindow();
       const { canAddDownloads, canDownloadExternally } = useCoreLearn();
       const { currentCardViewStyle } = useCardViewStyle();
       const { back } = useContentLink();
@@ -298,7 +296,7 @@
                       return node;
                     }
                   })
-                  .filter(Boolean)
+                  .filter(Boolean),
               );
 
               store.commit('CORE_SET_PAGE_LOADING', false);
@@ -312,7 +310,7 @@
               ? store.dispatch('handleApiError', { error, reloadOnReconnect: true })
               : null;
             set(rootNodesLoading, false);
-          }
+          },
         );
       }
 
@@ -405,7 +403,7 @@
         default: null,
       },
     },
-    data: function() {
+    data: function () {
       return {
         isLocalLibraryEmpty: false,
         metadataSidePanelContent: null,
diff --git a/kolibri/plugins/learn/assets/src/views/PageHeader.vue b/kolibri/plugins/learn/assets/src/views/PageHeader.vue
index 6936825b6e5..11dff92e0ba 100644
--- a/kolibri/plugins/learn/assets/src/views/PageHeader.vue
+++ b/kolibri/plugins/learn/assets/src/views/PageHeader.vue
@@ -7,11 +7,17 @@
       :layout12="{ span: 11 }"
     >
       <h1>
-        <KLabeledIcon :icon="contentType" :label="title" />
+        <KLabeledIcon
+          :icon="contentType"
+          :label="title"
+        />
       </h1>
     </KGridItem>
     <KGridItem :layout="{ span: 1, alignment: 'right' }">
-      <ProgressIcon class="progress-icon" :progress="progress" />
+      <ProgressIcon
+        class="progress-icon"
+        :progress="progress"
+      />
     </KGridItem>
   </KGrid>
 
diff --git a/kolibri/plugins/learn/assets/src/views/ProgressBar.vue b/kolibri/plugins/learn/assets/src/views/ProgressBar.vue
index e30a808df99..771a68697db 100644
--- a/kolibri/plugins/learn/assets/src/views/ProgressBar.vue
+++ b/kolibri/plugins/learn/assets/src/views/ProgressBar.vue
@@ -8,8 +8,15 @@
     :aria-valuemax="100"
     :aria-valuenow="progress * 100"
   >
-    <p v-if="completed" class="completion-label" :style="{ color: $themePalette.grey.v_800 }">
-      <ProgressIcon :progress="progress" class="completion-icon" />
+    <p
+      v-if="completed"
+      class="completion-label"
+      :style="{ color: $themePalette.grey.v_800 }"
+    >
+      <ProgressIcon
+        :progress="progress"
+        class="completion-icon"
+      />
       {{ coreString('completedLabel') }}
     </p>
     <KLinearLoader
diff --git a/kolibri/plugins/learn/assets/src/views/QuizRenderer/QuizReport.vue b/kolibri/plugins/learn/assets/src/views/QuizRenderer/QuizReport.vue
index a38baa9354f..647a59da64d 100644
--- a/kolibri/plugins/learn/assets/src/views/QuizRenderer/QuizReport.vue
+++ b/kolibri/plugins/learn/assets/src/views/QuizRenderer/QuizReport.vue
@@ -67,12 +67,12 @@
       questions() {
         return this.content
           ? this.content.assessmentmetadata.assessment_item_ids.map((id, index) => ({
-              item: id,
-              question_id: id,
-              exercise_id: this.content.id,
-              counter_in_exercise: index,
-              title: this.content.title,
-            }))
+            item: id,
+            question_id: id,
+            exercise_id: this.content.id,
+            counter_in_exercise: index,
+            title: this.content.title,
+          }))
           : [];
       },
       isSurvey() {
diff --git a/kolibri/plugins/learn/assets/src/views/QuizRenderer/index.vue b/kolibri/plugins/learn/assets/src/views/QuizRenderer/index.vue
index 8a53ff0b5d9..79ea29d7002 100644
--- a/kolibri/plugins/learn/assets/src/views/QuizRenderer/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/QuizRenderer/index.vue
@@ -9,7 +9,10 @@
       :content="content"
       @repeat="repeat"
     />
-    <KGrid v-else :gridStyle="gridStyle">
+    <KGrid
+      v-else
+      :gridStyle="gridStyle"
+    >
       <!-- this.$refs.questionListWrapper is referenced inside AnswerHistory for scrolling -->
       <KGridItem
         v-if="windowIsLarge"
@@ -22,14 +25,17 @@
             <AnswerHistory
               :pastattempts="pastattempts"
               :questionNumber="questionNumber"
-              :wrapperComponentRefs="this.$refs"
+              :wrapperComponentRefs="$refs"
               :questions="itemIdArray"
               @goToQuestion="goToQuestion"
             />
           </KPageContainer>
         </div>
       </KGridItem>
-      <KGridItem :layout12="{ span: 8 }" class="column-pane">
+      <KGridItem
+        :layout12="{ span: 8 }"
+        class="column-pane"
+      >
         <div :class="{ 'column-contents-wrapper': !windowIsSmall }">
           <KPageContainer>
             <h1>
@@ -56,12 +62,19 @@
               @updateContentState="updateContentState"
               @error="err => $emit('error', err)"
             />
-            <UiAlert v-else :dismissible="false" type="error">
+            <UiAlert
+              v-else
+              :dismissible="false"
+              type="error"
+            >
               {{ $tr('noItemId') }}
             </UiAlert>
           </KPageContainer>
 
-          <BottomAppBar :dir="bottomBarLayoutDirection" :maxWidth="null">
+          <BottomAppBar
+            :dir="bottomBarLayoutDirection"
+            :maxWidth="null"
+          >
             <component :is="windowIsSmall ? 'div' : 'KButtonGroup'">
               <KButton
                 :disabled="questionNumber === questionsTotal - 1"
@@ -73,7 +86,11 @@
               >
                 <span v-if="displayNavigationButtonLabel">{{ $tr('nextQuestion') }}</span>
                 <template #iconAfter>
-                  <KIcon icon="forward" color="white" :style="navigationIconStyleNext" />
+                  <KIcon
+                    icon="forward"
+                    color="white"
+                    :style="navigationIconStyleNext"
+                  />
                 </template>
               </KButton>
               <KButton
@@ -86,7 +103,11 @@
                 @click="goToQuestion(questionNumber - 1)"
               >
                 <template #icon>
-                  <KIcon icon="back" color="white" :style="navigationIconStylePrevious" />
+                  <KIcon
+                    icon="back"
+                    color="white"
+                    :style="navigationIconStylePrevious"
+                  />
                 </template>
                 <span v-if="displayNavigationButtonLabel">{{ $tr('previousQuestion') }}</span>
               </KButton>
@@ -108,7 +129,6 @@
                 @click="toggleModal"
               />
             </div>
-
           </BottomAppBar>
 
           <!-- below prev/next buttons in tab and DOM order, in page -->
@@ -132,7 +152,6 @@
       </KGridItem>
     </KGrid>
 
-
     <KModal
       v-if="submitModalOpen"
       :title="isSurvey ? $tr('submitSurvey') : $tr('submitExam')"
@@ -143,7 +162,7 @@
     >
       <p>{{ $tr('areYouSure') }}</p>
       <p v-if="questionsUnanswered">
-        {{ $tr('unanswered', { numLeft: questionsUnanswered } ) }}
+        {{ $tr('unanswered', { numLeft: questionsUnanswered }) }}
       </p>
     </KModal>
   </div>
@@ -293,7 +312,7 @@
               map[attempt.item] = true;
             }
             return map;
-          }, {})
+          }, {}),
         ).length;
       },
       questionsUnanswered() {
@@ -382,8 +401,8 @@
             0.001,
             Math.min(
               this.pastattempts.length / this.content.assessmentmetadata.assessment_item_ids.length,
-              0.99
-            )
+              0.99,
+            ),
           );
         }
         return this.updateContentSession(data).then(() => {
@@ -428,7 +447,7 @@
         // Flush any existing save event to ensure
         // that the subit modal contains the latest state
         Promise.resolve(
-          this.submitModalOpen || this.debouncedSetAndSaveCurrentExamAttemptLog.flush()
+          this.submitModalOpen || this.debouncedSetAndSaveCurrentExamAttemptLog.flush(),
         ).then(() => {
           this.submitModalOpen = !this.submitModalOpen;
         });
diff --git a/kolibri/plugins/learn/assets/src/views/ResourceSyncingUiAlert.vue b/kolibri/plugins/learn/assets/src/views/ResourceSyncingUiAlert.vue
index a1a13d4c71b..4770a2bce4f 100644
--- a/kolibri/plugins/learn/assets/src/views/ResourceSyncingUiAlert.vue
+++ b/kolibri/plugins/learn/assets/src/views/ResourceSyncingUiAlert.vue
@@ -1,9 +1,10 @@
 <template>
 
-  <MissingResourceAlert
-    :multiple="multiple"
-  >
-    <template v-if="isLearnerOnlyImport && isSyncing" #syncAlert>
+  <MissingResourceAlert :multiple="multiple">
+    <template
+      v-if="isLearnerOnlyImport && isSyncing"
+      #syncAlert
+    >
       {{ syncMessage }}
     </template>
   </MissingResourceAlert>
diff --git a/kolibri/plugins/learn/assets/src/views/SearchBox.vue b/kolibri/plugins/learn/assets/src/views/SearchBox.vue
index 48ee1d3a389..58203b5613f 100644
--- a/kolibri/plugins/learn/assets/src/views/SearchBox.vue
+++ b/kolibri/plugins/learn/assets/src/views/SearchBox.vue
@@ -13,7 +13,10 @@
         fontSize: '16px',
       }"
     >
-      <label class="visuallyhidden" for="searchfield">{{ coreString('searchLabel') }}</label>
+      <label
+        class="visuallyhidden"
+        for="searchfield"
+      >{{ coreString('searchLabel') }}</label>
       <input
         :id="id"
         ref="searchInput"
diff --git a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/ActivityButtonsGroup.vue b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/ActivityButtonsGroup.vue
index 440a92be33e..4cb406da131 100644
--- a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/ActivityButtonsGroup.vue
+++ b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/ActivityButtonsGroup.vue
@@ -11,15 +11,16 @@
     >
       <KButton
         appearance="flat-button"
-        :appearanceOverrides="isKeyActive(key)
-          ? { ...activityStyles, ...activityActiveStyles }
-          : activityStyles"
-        :disabled="availableActivities &&
-          !availableActivities[key] &&
-          !isKeyActive(key)"
+        :appearanceOverrides="
+          isKeyActive(key) ? { ...activityStyles, ...activityActiveStyles } : activityStyles
+        "
+        :disabled="availableActivities && !availableActivities[key] && !isKeyActive(key)"
         @click="$emit('input', key)"
       >
-        <KIcon :icon="activityIcon(activity)" class="activity-icon" />
+        <KIcon
+          :icon="activityIcon(activity)"
+          class="activity-icon"
+        />
         <p class="activity-button-text">
           {{ coreString(camelCase(activity)) }}
         </p>
@@ -82,7 +83,7 @@
       },
       activeKeys() {
         return Object.keys(
-          (this.activeSearchTerms && this.activeSearchTerms.learning_activities) || {}
+          (this.activeSearchTerms && this.activeSearchTerms.learning_activities) || {},
         );
       },
     },
@@ -112,7 +113,7 @@
 </script>
 
 
-<style  lang="scss" scoped>
+<style lang="scss" scoped>
 
   .activity-icon {
     width: 34px;
diff --git a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/CategorySearchModal/CategorySearchOptions.vue b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/CategorySearchModal/CategorySearchOptions.vue
index 9a6bda8acde..7fa164e0c5c 100644
--- a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/CategorySearchModal/CategorySearchOptions.vue
+++ b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/CategorySearchModal/CategorySearchOptions.vue
@@ -35,7 +35,6 @@
               @click="$emit('input', nestedObject.value)"
             />
           </h3>
-
         </div>
         <div
           v-for="(item, nestedKey) in nestedObject.nested"
diff --git a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/CategorySearchModal/index.vue b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/CategorySearchModal/index.vue
index 81de08d2947..dbc449ef535 100644
--- a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/CategorySearchModal/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/CategorySearchModal/index.vue
@@ -1,7 +1,10 @@
 <template>
 
   <div>
-    <Teleport v-if="windowIsLarge" to="body">
+    <Teleport
+      v-if="windowIsLarge"
+      to="body"
+    >
       <KModal
         :title="$tr('title')"
         :cancelText="coreString('closeAction')"
@@ -23,8 +26,6 @@
         v-on="$listeners"
       />
     </div>
-
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue
index 0c21750890d..36085459b11 100644
--- a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue
@@ -8,12 +8,16 @@
     :closeButtonIconType="closeButtonIcon"
     :aria-label="learnString('filterAndSearchLabel')"
     :ariaLabel="learnString('filterAndSearchLabel')"
-    :style="windowIsLarge ? {
-      color: $themeTokens.text,
-      backgroundColor: $themeTokens.surface,
-      width: width,
-    } : {}"
-    @closePanel="currentCategory ? currentCategory = null : $emit('close')"
+    :style="
+      windowIsLarge
+        ? {
+          color: $themeTokens.text,
+          backgroundColor: $themeTokens.surface,
+          width: width,
+        }
+        : {}
+    "
+    @closePanel="currentCategory ? (currentCategory = null) : $emit('close')"
     @shouldFocusFirstEl="focusFirstEl()"
   >
     <div
@@ -45,12 +49,16 @@
           <KButton
             :text="coreString(category.value)"
             appearance="flat-button"
-            :appearanceOverrides="isCategoryActive(category.value)
-              ? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
-              : categoryListItemStyles"
-            :disabled="availableRootCategories &&
-              !availableRootCategories[category.value] &&
-              !isCategoryActive(category.value)"
+            :appearanceOverrides="
+              isCategoryActive(category.value)
+                ? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
+                : categoryListItemStyles
+            "
+            :disabled="
+              availableRootCategories &&
+                !availableRootCategories[category.value] &&
+                !isCategoryActive(category.value)
+            "
             :iconAfter="hasNestedCategories(key) ? 'chevronRight' : null"
             @click="handleCategory(key)"
           />
@@ -62,9 +70,11 @@
           <KButton
             :text="coreString('uncategorized')"
             appearance="flat-button"
-            :appearanceOverrides="isCategoryActive('no_categories')
-              ? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
-              : categoryListItemStyles"
+            :appearanceOverrides="
+              isCategoryActive('no_categories')
+                ? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
+                : categoryListItemStyles
+            "
             @click="noCategories"
           />
         </div>
diff --git a/kolibri/plugins/learn/assets/src/views/SearchResultsGrid.vue b/kolibri/plugins/learn/assets/src/views/SearchResultsGrid.vue
index c04de8b5746..17323b41f08 100644
--- a/kolibri/plugins/learn/assets/src/views/SearchResultsGrid.vue
+++ b/kolibri/plugins/learn/assets/src/views/SearchResultsGrid.vue
@@ -3,10 +3,14 @@
   <div v-if="!searchLoading">
     <!-- First section is the results title and the various display buttons  -->
     <!-- for interacting or updating the results   -->
-    <h2 class="results-title" data-test="search-results-title">
-      {{ more ?
-        coreString('uncountedAdditionalResults', { num: results.length }) :
-        $tr('results', { results: results.length })
+    <h2
+      class="results-title"
+      data-test="search-results-title"
+    >
+      {{
+        more
+          ? coreString('uncountedAdditionalResults', { num: results.length })
+          : $tr('results', { results: results.length })
       }}
     </h2>
     <SearchChips
@@ -15,7 +19,7 @@
       @clearSearch="clearSearch"
     />
     <div
-      v-if="!(windowIsSmall) && results.length && !hideCardViewToggle"
+      v-if="!windowIsSmall && results.length && !hideCardViewToggle"
       class="toggle-view-buttons"
       data-test="toggle-view-buttons"
     >
@@ -43,7 +47,7 @@
       data-test="search-results-card-grid"
       :currentCardViewStyle="currentCardViewStyle"
       :gridType="gridType"
-      @openCopiesModal="copies => displayedCopies = copies"
+      @openCopiesModal="copies => (displayedCopies = copies)"
       @toggleInfoPanel="$emit('setSidePanelMetadataContent', $event)"
     />
     <!-- conditionally displayed button if there are additional results -->
diff --git a/kolibri/plugins/learn/assets/src/views/SidePanelModal/index.vue b/kolibri/plugins/learn/assets/src/views/SidePanelModal/index.vue
index ff576b081d3..2843d7235d6 100644
--- a/kolibri/plugins/learn/assets/src/views/SidePanelModal/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/SidePanelModal/index.vue
@@ -17,7 +17,6 @@
           :style="sidePanelStyles"
           :aria-label="ariaLabel"
         >
-
           <!-- Fixed header -->
           <div
             v-show="$slots.header"
@@ -26,8 +25,7 @@
             :style="fixedHeaderStyles"
           >
             <div class="header-content">
-              <slot name="header">
-              </slot>
+              <slot name="header"> </slot>
             </div>
           </div>
 
@@ -42,10 +40,12 @@
           />
 
           <!-- Default slot for inserting content which will scroll on overflow -->
-          <div class="side-panel-content" :style="contentStyles">
+          <div
+            class="side-panel-content"
+            :style="contentStyles"
+          >
             <slot></slot>
           </div>
-
         </section>
       </FocusTrap>
     </transition>
diff --git a/kolibri/plugins/learn/assets/src/views/StorageNotification.vue b/kolibri/plugins/learn/assets/src/views/StorageNotification.vue
index 3f1892d4f54..79854bd8a8a 100644
--- a/kolibri/plugins/learn/assets/src/views/StorageNotification.vue
+++ b/kolibri/plugins/learn/assets/src/views/StorageNotification.vue
@@ -1,6 +1,10 @@
 <template>
 
-  <div v-if="bannerOpened" class="banner" :style="{ background: $themeTokens.surface }">
+  <div
+    v-if="bannerOpened"
+    class="banner"
+    :style="{ background: $themeTokens.surface }"
+  >
     <div class="banner-inner">
       <h1 style="display: none">
         {{ $tr('bannerHeading') }}
@@ -14,7 +18,10 @@
         </KGridItem>
 
         <!-- Grid Buttons -->
-        <KGridItem class="button-grid-item" :layout12="{ span: 12 }">
+        <KGridItem
+          class="button-grid-item"
+          :layout12="{ span: 12 }"
+        >
           <div class="button-layout">
             <KButton
               :text="coreString('closeAction')"
diff --git a/kolibri/plugins/learn/assets/src/views/TopicsContentPage.vue b/kolibri/plugins/learn/assets/src/views/TopicsContentPage.vue
index eea551c5df4..1be6f3c2131 100644
--- a/kolibri/plugins/learn/assets/src/views/TopicsContentPage.vue
+++ b/kolibri/plugins/learn/assets/src/views/TopicsContentPage.vue
@@ -4,7 +4,6 @@
     ref="mainWrapper"
     class="main-wrapper"
   >
-
     <SkipNavigationLink />
     <LearningActivityBar
       ref="activityBar"
@@ -64,7 +63,7 @@
         :content="content"
         :lessonId="lessonId"
         :style="{
-          backgroundColor: ( content.assessmentmetadata ? '' : $themeTokens.textInverted )
+          backgroundColor: content.assessmentmetadata ? '' : $themeTokens.textInverted,
         }"
         :allowMarkComplete="allowMarkComplete"
         @mounted="contentPageMounted = true"
@@ -91,14 +90,18 @@
           v-for="activity in sidePanelContent.learning_activities"
           :key="activity"
           class="side-panel-chips"
-          :class="$computedClass({ '::after': {
-            content: '',
-            flex: 'auto'
-          } })"
+          :class="
+            $computedClass({
+              '::after': {
+                content: '',
+                flex: 'auto',
+              },
+            })
+          "
         >
           <LearningActivityChip
             class="chip"
-            style="margin-left: 8px; margin-bottom: 8px;"
+            style="margin-bottom: 8px; margin-left: 8px"
             :kind="activity"
           />
         </div>
@@ -120,7 +123,7 @@
       @shouldFocusFirstEl="findFirstEl()"
     >
       <template #header>
-        <h2 style="margin: 0;">
+        <h2 style="margin: 0">
           {{ viewResourcesTitle }}
         </h2>
       </template>
@@ -227,11 +230,8 @@
       const store = currentInstance.$store;
       const router = currentInstance.$router;
       const { canDownloadExternally, canAddDownloads } = useCoreLearn();
-      const {
-        fetchContentNodeProgress,
-        fetchContentNodeTreeProgress,
-        contentNodeProgressMap,
-      } = useContentNodeProgress();
+      const { fetchContentNodeProgress, fetchContentNodeTreeProgress, contentNodeProgressMap } =
+        useContentNodeProgress();
       const { channelsMap, fetchChannels } = useChannels();
       const { fetchLesson } = useLearnerResources();
       const { back, genExternalBackURL } = useContentLink();
@@ -274,7 +274,7 @@
             shouldResolve()
               ? store.dispatch('handleApiError', { error, reloadOnReconnect: true })
               : null;
-          }
+          },
         );
       }
 
@@ -418,7 +418,7 @@
         return lodashGet(
           this,
           ['content', 'options', 'completion_criteria', 'learner_managed'],
-          false
+          false,
         );
       },
       lessonContext() {
@@ -615,7 +615,7 @@
           let nextFolders;
           if (fetchGrandparent) {
             const parentIndex = ancestor.children.results.findIndex(
-              c => c.id === this.content.parent
+              c => c.id === this.content.parent,
             );
             parent = ancestor.children.results[parentIndex];
             nextFolders = ancestor.children.results.slice(parentIndex + 1);
diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage/ToggleHeaderTabs.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage/ToggleHeaderTabs.vue
index fd6a4690696..94e24838462 100644
--- a/kolibri/plugins/learn/assets/src/views/TopicsPage/ToggleHeaderTabs.vue
+++ b/kolibri/plugins/learn/assets/src/views/TopicsPage/ToggleHeaderTabs.vue
@@ -15,13 +15,16 @@
       :activeClass="activeTabClasses"
       :style="{
         color: $themeTokens.annotation,
-        marginLeft: (width > 234) ? '12px' : '0',
-        marginRight: (width > 234) ? '12px' : '0',
+        marginLeft: width > 234 ? '12px' : '0',
+        marginRight: width > 234 ? '12px' : '0',
       }"
       :replace="true"
       :class="defaultTabStyles"
     >
-      <div class="inner" :style="{ borderColor: this.$themeTokens.primary }">
+      <div
+        class="inner"
+        :style="{ borderColor: $themeTokens.primary }"
+      >
         {{ coreString('folders') }}
       </div>
     </router-link>
@@ -39,7 +42,10 @@
       :replace="true"
       :class="defaultTabStyles"
     >
-      <div class="inner" :style="{ borderColor: this.$themeTokens.primary }">
+      <div
+        class="inner"
+        :style="{ borderColor: $themeTokens.primary }"
+      >
         {{ coreString('searchLabel') }}
       </div>
     </router-link>
diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicSubsection.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicSubsection.vue
index f067e9f126e..4fb0d84fce1 100644
--- a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicSubsection.vue
+++ b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicSubsection.vue
@@ -3,8 +3,11 @@
   <div>
     <!-- header link to folder -->
     <h2>
-      <template v-for="prefixTitle in (topic.prefixTitles || [])">
-        <span :key="prefixTitle" :style="{ color: $themeTokens.annotation }">
+      <template v-for="prefixTitle in topic.prefixTitles || []">
+        <span
+          :key="prefixTitle"
+          :style="{ color: $themeTokens.annotation }"
+        >
           {{ prefixTitle }}
         </span>
         <KIcon
@@ -48,7 +51,11 @@
     >
       {{ coreString('showMoreAction') }}
     </KButton>
-    <KRouterLink v-else-if="topic.viewAll" class="more-after-grid" :to="topic.viewAll">
+    <KRouterLink
+      v-else-if="topic.viewAll"
+      class="more-after-grid"
+      :to="topic.viewAll"
+    >
       {{ coreString('viewAll') }}
     </KRouterLink>
     <KButton
diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsHeader.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsHeader.vue
index 026e83b3604..c886c3182ea 100644
--- a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsHeader.vue
+++ b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsHeader.vue
@@ -26,7 +26,10 @@
         :layout8="{ span: 8, alignment: 'auto' }"
         :layout12="{ span: 12, alignment: 'auto' }"
       >
-        <h1 class="title" data-test="header-title">
+        <h1
+          class="title"
+          data-test="header-title"
+        >
           <KTextTruncator
             :text="title"
             :maxLines="1"
diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsMobileHeader.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsMobileHeader.vue
index 13725a51622..8fa7bc110da 100644
--- a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsMobileHeader.vue
+++ b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsMobileHeader.vue
@@ -5,19 +5,18 @@
     data-test="mobile-header"
     :style="{ backgroundColor: $themeTokens.surface }"
   >
-    <KGridItem
-      :layout4="{ span: 3 }"
-    >
-      <h1 class="mobile-title" data-test="mobile-title">
+    <KGridItem :layout4="{ span: 3 }">
+      <h1
+        class="mobile-title"
+        data-test="mobile-title"
+      >
         <KTextTruncator
           :text="topic.title"
           :maxLines="2"
         />
       </h1>
     </KGridItem>
-    <KGridItem
-      :layout4="{ span: 1 }"
-    >
+    <KGridItem :layout4="{ span: 1 }">
       <img
         :src="topic.thumbnail"
         class="channel-logo"
diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue
index e731d7aeebb..2d726e73381 100644
--- a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue
+++ b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue
@@ -7,17 +7,21 @@
     :class="windowIsLarge ? 'side-panel' : ''"
     :aria-label="learnString('filterAndSearchLabel')"
     :ariaLabel="learnString('filterAndSearchLabel')"
-    :style="windowIsLarge ? {
-      color: $themeTokens.text,
-      backgroundColor: $themeTokens.surface,
-      width: width,
-    } : {}"
+    :style="
+      windowIsLarge
+        ? {
+          color: $themeTokens.text,
+          backgroundColor: $themeTokens.surface,
+          width: width,
+        }
+        : {}
+    "
     @closePanel="$emit('close')"
     @shouldFocusFirstEl="focusFirstEl()"
   >
     <div :class="windowIsLarge ? '' : 'drawer-panel'">
       <div
-        v-for="t in (topics || [])"
+        v-for="t in topics || []"
         :key="t.id"
       >
         <KRouterLink
diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage/index.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage/index.vue
index 03d9062a8ec..f41ec2667ef 100644
--- a/kolibri/plugins/learn/assets/src/views/TopicsPage/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/TopicsPage/index.vue
@@ -22,7 +22,10 @@
         />
       </template>
 
-      <KCircularLoader v-if="loading" class="page-loader" />
+      <KCircularLoader
+        v-if="loading"
+        class="page-loader"
+      />
 
       <div v-else>
         <!-- Header with thumbail and tagline -->
@@ -67,7 +70,10 @@
         </TopicsHeader>
 
         <!-- mobile tabs (different alignment and interactions) -->
-        <TopicsMobileHeader v-else :topic="topic" />
+        <TopicsMobileHeader
+          v-else
+          :topic="topic"
+        />
 
         <main
           class="main-content-grid"
@@ -82,7 +88,10 @@
 
           <div class="card-grid">
             <!-- Filter buttons - shown when not sidebar not visible -->
-            <div v-if="!windowIsLarge" data-test="tab-buttons">
+            <div
+              v-if="!windowIsLarge"
+              data-test="tab-buttons"
+            >
               <KButton
                 v-if="topics.length"
                 icon="topic"
@@ -103,7 +112,10 @@
             </div>
 
             <!-- default/preview display of nested folder structure, not search -->
-            <div v-if="!displayingSearchResults" data-test="topics">
+            <div
+              v-if="!displayingSearchResults"
+              data-test="topics"
+            >
               <!-- Rows of cards and links / show more for each Topic -->
               <template v-for="t in topicsForDisplay">
                 <TopicSubsection
@@ -137,7 +149,10 @@
               >
                 {{ coreString('showMoreAction') }}
               </KButton>
-              <div v-else-if="topicMore" class="end-button-block">
+              <div
+                v-else-if="topicMore"
+                class="end-button-block"
+              >
                 <KButton
                   v-if="!topicMoreLoading"
                   :text="coreString('viewMoreAction')"
@@ -166,8 +181,8 @@
               :searchTerms="searchTerms"
               :searchLoading="searchLoading"
               :more="more"
-              @setCardStyle="style => currentSearchCardViewStyle = style"
-              @setSidePanelMetadataContent="content => metadataSidePanelContent = content"
+              @setCardStyle="style => (currentSearchCardViewStyle = style)"
+              @setSidePanelMetadataContent="content => (metadataSidePanelContent = content)"
             />
           </div>
         </main>
@@ -195,10 +210,8 @@
             @close="sidePanelIsOpen = false"
           />
         </template>
-
       </div>
 
-
       <!-- Side panel for showing the information of selected content with a link to view it -->
       <SidePanelModal
         v-if="metadataSidePanelContent"
@@ -213,14 +226,18 @@
             v-for="activity in metadataSidePanelContent.learning_activities"
             :key="activity"
             class="side-panel-chips"
-            :class="$computedClass({ '::after': {
-              content: '',
-              flex: 'auto'
-            } })"
+            :class="
+              $computedClass({
+                '::after': {
+                  content: '',
+                  flex: 'auto',
+                },
+              })
+            "
           >
             <LearningActivityChip
               class="chip"
-              style="margin-left: 8px; margin-bottom: 8px;"
+              style="margin-bottom: 8px; margin-left: 8px"
               :kind="activity"
             />
           </div>
@@ -233,7 +250,6 @@
           :canDownloadExternally="canDownloadExternally && !deviceId"
         />
       </SidePanelModal>
-
     </ImmersivePage>
   </div>
 
@@ -558,7 +574,7 @@
         default: null,
       },
     },
-    data: function() {
+    data: function () {
       return {
         sidePanelStyleOverrides: {},
         showMoreResources: false,
@@ -675,12 +691,12 @@
             const viewAll =
               !this.subTopicId && (topicChildren.length > childrenToDisplay || viewMore)
                 ? {
-                    ...this.$route,
-                    params: {
-                      ...this.$route.params,
-                      subtopic: t.id,
-                    },
-                  }
+                  ...this.$route,
+                  params: {
+                    ...this.$route.params,
+                    subtopic: t.id,
+                  },
+                }
                 : null;
 
             return {
diff --git a/kolibri/plugins/learn/assets/src/views/YourClasses/__tests__/YourClasses.spec.js b/kolibri/plugins/learn/assets/src/views/YourClasses/__tests__/YourClasses.spec.js
index 92067436a84..38d507d00cc 100644
--- a/kolibri/plugins/learn/assets/src/views/YourClasses/__tests__/YourClasses.spec.js
+++ b/kolibri/plugins/learn/assets/src/views/YourClasses/__tests__/YourClasses.spec.js
@@ -103,9 +103,7 @@ describe(`YourClasses`, () => {
   it(`clicking a class navigates to the class page`, () => {
     const wrapper = makeWrapper({ classes: TEST_CLASSES });
     expect(wrapper.vm.$route.path).toBe('/');
-    getClassesLinks(wrapper)
-      .at(0)
-      .trigger('click');
+    getClassesLinks(wrapper).at(0).trigger('click');
     expect(wrapper.vm.$route.name).toBe(ClassesPageNames.CLASS_ASSIGNMENTS);
     expect(wrapper.vm.$route.params).toEqual({ classId: 'class-1' });
   });
diff --git a/kolibri/plugins/learn/assets/src/views/YourClasses/index.vue b/kolibri/plugins/learn/assets/src/views/YourClasses/index.vue
index ebe7e6cb083..2f30bb89d4d 100644
--- a/kolibri/plugins/learn/assets/src/views/YourClasses/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/YourClasses/index.vue
@@ -10,7 +10,10 @@
           />
         </h2>
       </KFixedGridItem>
-      <KFixedGridItem :span="1" alignment="right">
+      <KFixedGridItem
+        :span="1"
+        alignment="right"
+      >
         <KRouterLink
           v-if="displayAllClassesLink"
           :text="coreString('viewAll')"
diff --git a/kolibri/plugins/learn/assets/src/views/cards/BaseCard.vue b/kolibri/plugins/learn/assets/src/views/cards/BaseCard.vue
index a5d89dfdf6d..64fb5516a09 100644
--- a/kolibri/plugins/learn/assets/src/views/cards/BaseCard.vue
+++ b/kolibri/plugins/learn/assets/src/views/cards/BaseCard.vue
@@ -13,7 +13,10 @@
         <KFixedGridItem span="1">
           <slot name="topLeft"></slot>
         </KFixedGridItem>
-        <KFixedGridItem span="1" alignment="right">
+        <KFixedGridItem
+          span="1"
+          alignment="right"
+        >
           <slot name="topRight"></slot>
         </KFixedGridItem>
       </KFixedGrid>
diff --git a/kolibri/plugins/learn/assets/src/views/cards/CardGrid.vue b/kolibri/plugins/learn/assets/src/views/cards/CardGrid.vue
index 61c9ce84231..428b30fa484 100644
--- a/kolibri/plugins/learn/assets/src/views/cards/CardGrid.vue
+++ b/kolibri/plugins/learn/assets/src/views/cards/CardGrid.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <div class="cards-grid" :class="[gridClass, levelClass]">
+  <div
+    class="cards-grid"
+    :class="[gridClass, levelClass]"
+  >
     <slot></slot>
   </div>
 
diff --git a/kolibri/plugins/learn/assets/src/views/cards/CardLink.vue b/kolibri/plugins/learn/assets/src/views/cards/CardLink.vue
index d8ec2d5dea9..a44c7dc1d56 100644
--- a/kolibri/plugins/learn/assets/src/views/cards/CardLink.vue
+++ b/kolibri/plugins/learn/assets/src/views/cards/CardLink.vue
@@ -1,6 +1,10 @@
 <template>
 
-  <router-link :to="to" class="card-link" :class="themeClasses.link">
+  <router-link
+    :to="to"
+    class="card-link"
+    :class="themeClasses.link"
+  >
     <slot></slot>
   </router-link>
 
diff --git a/kolibri/plugins/learn/assets/src/views/cards/ResourceCard.vue b/kolibri/plugins/learn/assets/src/views/cards/ResourceCard.vue
index 91a4159d899..8ed5c9a9b02 100644
--- a/kolibri/plugins/learn/assets/src/views/cards/ResourceCard.vue
+++ b/kolibri/plugins/learn/assets/src/views/cards/ResourceCard.vue
@@ -40,7 +40,10 @@
 
       <template #progress>
         <!-- only show if we're not also showing a footer !-->
-        <ProgressBar v-if="!$slots.footer" :contentNode="contentNode" />
+        <ProgressBar
+          v-if="!$slots.footer"
+          :contentNode="contentNode"
+        />
       </template>
     </BaseCard>
     <slot name="footer"></slot>
diff --git a/kolibri/plugins/learn/assets/src/views/classes/AllClassesPage.vue b/kolibri/plugins/learn/assets/src/views/classes/AllClassesPage.vue
index aa40101a517..1d79efbc513 100644
--- a/kolibri/plugins/learn/assets/src/views/classes/AllClassesPage.vue
+++ b/kolibri/plugins/learn/assets/src/views/classes/AllClassesPage.vue
@@ -1,15 +1,19 @@
 <template>
 
-  <LearnAppBarPage
-    :appBarTitle="learnString('learnLabel')"
-  >
-    <KBreadcrumbs :items="breadcrumbs" :ariaLabel="learnString('classesAndAssignmentsLabel')" />
+  <LearnAppBarPage :appBarTitle="learnString('learnLabel')">
+    <KBreadcrumbs
+      :items="breadcrumbs"
+      :ariaLabel="learnString('classesAndAssignmentsLabel')"
+    />
     <YourClasses
       v-if="isUserLoggedIn"
       :classes="classrooms"
       :loading="loading"
     />
-    <AuthMessage v-else authorizedRole="learner" />
+    <AuthMessage
+      v-else
+      authorizedRole="learner"
+    />
   </LearnAppBarPage>
 
 </template>
diff --git a/kolibri/plugins/learn/assets/src/views/classes/AssignedQuizzesCards.vue b/kolibri/plugins/learn/assets/src/views/classes/AssignedQuizzesCards.vue
index c959162c6c1..f349804c361 100644
--- a/kolibri/plugins/learn/assets/src/views/classes/AssignedQuizzesCards.vue
+++ b/kolibri/plugins/learn/assets/src/views/classes/AssignedQuizzesCards.vue
@@ -23,7 +23,6 @@
     <p v-else>
       {{ $tr('noQuizzesMessage') }}
     </p>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/learn/assets/src/views/classes/ClassAssignmentsPage.vue b/kolibri/plugins/learn/assets/src/views/classes/ClassAssignmentsPage.vue
index a3670219da5..09f17044ef0 100644
--- a/kolibri/plugins/learn/assets/src/views/classes/ClassAssignmentsPage.vue
+++ b/kolibri/plugins/learn/assets/src/views/classes/ClassAssignmentsPage.vue
@@ -1,17 +1,28 @@
 <template>
 
-  <LearnAppBarPage
-    :appBarTitle="learnString('learnLabel')"
-  >
+  <LearnAppBarPage :appBarTitle="learnString('learnLabel')">
     <KCircularLoader v-if="loading" />
-    <div v-else id="main" role="main">
-      <KBreadcrumbs :items="breadcrumbs" :ariaLabel="learnString('classesAndAssignmentsLabel')" />
+    <div
+      v-else
+      id="main"
+      role="main"
+    >
+      <KBreadcrumbs
+        :items="breadcrumbs"
+        :ariaLabel="learnString('classesAndAssignmentsLabel')"
+      />
       <h1 class="classroom-name">
-        <KLabeledIcon icon="classes" :label="className" />
+        <KLabeledIcon
+          icon="classes"
+          :label="className"
+        />
       </h1>
 
       <AssignedLessonsCards :lessons="activeLessons" />
-      <AssignedQuizzesCards :quizzes="activeQuizzes" :style="{ marginTop: '44px' }" />
+      <AssignedQuizzesCards
+        :quizzes="activeQuizzes"
+        :style="{ marginTop: '44px' }"
+      />
     </div>
   </LearnAppBarPage>
 
@@ -48,12 +59,8 @@
     },
     mixins: [commonCoreStrings, commonLearnStrings],
     setup(_, { root }) {
-      const {
-        fetchClass,
-        getClass,
-        getClassActiveLessons,
-        getClassActiveQuizzes,
-      } = useLearnerResources();
+      const { fetchClass, getClass, getClassActiveLessons, getClassActiveQuizzes } =
+        useLearnerResources();
 
       const classId = root.$router.currentRoute.params.classId;
       const classroom = computed(() => getClass(classId));
diff --git a/kolibri/plugins/learn/assets/src/views/classes/LessonPlaylistPage.vue b/kolibri/plugins/learn/assets/src/views/classes/LessonPlaylistPage.vue
index 06c320652f7..7e3c56df40c 100644
--- a/kolibri/plugins/learn/assets/src/views/classes/LessonPlaylistPage.vue
+++ b/kolibri/plugins/learn/assets/src/views/classes/LessonPlaylistPage.vue
@@ -1,17 +1,25 @@
 <template>
 
-  <LearnAppBarPage
-    :appBarTitle="learnString('learnLabel')"
-  >
-    <div v-if="!$store.state.core.loading" id="main" role="main">
-      <KBreadcrumbs :items="breadcrumbs" :ariaLabel="learnString('classesAndAssignmentsLabel')" />
+  <LearnAppBarPage :appBarTitle="learnString('learnLabel')">
+    <div
+      v-if="!$store.state.core.loading"
+      id="main"
+      role="main"
+    >
+      <KBreadcrumbs
+        :items="breadcrumbs"
+        :ariaLabel="learnString('classesAndAssignmentsLabel')"
+      />
       <section class="lesson-details">
         <div>
           <ContentIcon
             kind="lesson"
             class="lesson-icon"
           />
-          <h1 dir="auto" class="title">
+          <h1
+            dir="auto"
+            class="title"
+          >
             {{ currentLesson.title }}
             <ProgressIcon
               v-if="lessonHasResources"
@@ -29,7 +37,10 @@
         <ResourceSyncingUiAlert v-if="lessonResources.length > contentNodes.length" />
       </section>
 
-      <section v-if="lessonHasResources" class="content-cards">
+      <section
+        v-if="lessonHasResources"
+        class="content-cards"
+      >
         <HybridLearningLessonCard
           v-for="content in contentNodes"
           :key="content.id"
@@ -39,7 +50,10 @@
           :link="genContentLinkBackLinkCurrentPage(content.id, true)"
         />
       </section>
-      <p v-else class="no-resources-message">
+      <p
+        v-else
+        class="no-resources-message"
+      >
         {{ $tr('noResourcesInLesson') }}
       </p>
     </div>
@@ -115,7 +129,7 @@
           // on all the ContentNodes
           const total = Object.values(this.contentNodesMap).reduce(
             (tot, node) => tot + (this.contentNodeProgressMap[node.content_id] || 0),
-            0
+            0,
           );
           if (total === 0) {
             return null;
@@ -128,25 +142,25 @@
       breadcrumbs() {
         return this.currentLesson && this.currentLesson.classroom
           ? [
-              {
-                text: this.coreString('homeLabel'),
-                link: { name: PageNames.HOME },
+            {
+              text: this.coreString('homeLabel'),
+              link: { name: PageNames.HOME },
+            },
+            {
+              text: this.coreString('classesLabel'),
+              link: { name: ClassesPageNames.ALL_CLASSES },
+            },
+            {
+              text: this.currentLesson.classroom.name,
+              link: {
+                name: ClassesPageNames.CLASS_ASSIGNMENTS,
+                params: { classId: this.currentLesson.classroom.id },
               },
-              {
-                text: this.coreString('classesLabel'),
-                link: { name: ClassesPageNames.ALL_CLASSES },
-              },
-              {
-                text: this.currentLesson.classroom.name,
-                link: {
-                  name: ClassesPageNames.CLASS_ASSIGNMENTS,
-                  params: { classId: this.currentLesson.classroom.id },
-                },
-              },
-              {
-                text: this.currentLesson.title,
-              },
-            ]
+            },
+            {
+              text: this.currentLesson.title,
+            },
+          ]
           : [];
       },
     },
diff --git a/kolibri/plugins/learn/assets/test/views/assessment-wrapper.spec.js b/kolibri/plugins/learn/assets/test/views/assessment-wrapper.spec.js
index d8ac9ed4aba..381ee82edf9 100644
--- a/kolibri/plugins/learn/assets/test/views/assessment-wrapper.spec.js
+++ b/kolibri/plugins/learn/assets/test/views/assessment-wrapper.spec.js
@@ -31,7 +31,7 @@ const createComponent = (totalattempts, pastattempts, masteryModel) => {
   return new Component({ propsData, store });
 };
 
-describe('assessmentWrapper Component', function() {
+describe('assessmentWrapper Component', function () {
   // Mock the console so all the TypeErrors don't clutter the test report
   let consoleMock;
   beforeAll(() => {
@@ -40,9 +40,9 @@ describe('assessmentWrapper Component', function() {
   afterAll(() => {
     consoleMock.mockRestore();
   });
-  describe('computed property', function() {
-    describe('exerciseProgress', function() {
-      it('should be 0 when there are no past attempts', function() {
+  describe('computed property', function () {
+    describe('exerciseProgress', function () {
+      it('should be 0 when there are no past attempts', function () {
         this.vm = createComponent(0, [], { type: 'm_of_n', m: 5, n: 5 });
         expect(this.vm.exerciseProgress()).toEqual(0);
       });
@@ -55,8 +55,9 @@ describe('assessmentWrapper Component', function() {
           for (totalattempts = 0; totalattempts <= n + 1; totalattempts += 1) {
             for (numCorrect = 0; numCorrect <= m; numCorrect += 1) {
               /* eslint-disable no-loop-func */
-              it(`should be ${numCorrect /
-                m} when there are ${totalattempts} past attempts, masteryModel is ${m} of ${n} and there are ${numCorrect} correct in the window`, function() {
+              it(`should be ${
+                numCorrect / m
+              } when there are ${totalattempts} past attempts, masteryModel is ${m} of ${n} and there are ${numCorrect} correct in the window`, function () {
                 const masteryModel = {
                   type: 'm_of_n',
                   m,
diff --git a/kolibri/plugins/learn/assets/test/views/browse-resource-metadata.spec.js b/kolibri/plugins/learn/assets/test/views/browse-resource-metadata.spec.js
index c3e17d14b18..1942ecbb122 100644
--- a/kolibri/plugins/learn/assets/test/views/browse-resource-metadata.spec.js
+++ b/kolibri/plugins/learn/assets/test/views/browse-resource-metadata.spec.js
@@ -159,7 +159,7 @@ describe('BrowseResourceMetadata', () => {
           license_description: null,
           license_name: null,
           license_owner: null,
-        }))
+        })),
     );
 
     it('does not show the forBeginners chip when one of LearnerNeeds is FOR_BEGINNERS', () => {
diff --git a/kolibri/plugins/learn/assets/test/views/currently-viewed-resource-metadata.spec.js b/kolibri/plugins/learn/assets/test/views/currently-viewed-resource-metadata.spec.js
index b6f8988ac0c..39105807b53 100644
--- a/kolibri/plugins/learn/assets/test/views/currently-viewed-resource-metadata.spec.js
+++ b/kolibri/plugins/learn/assets/test/views/currently-viewed-resource-metadata.spec.js
@@ -129,8 +129,8 @@ describe('CurrentlyViewedResourceMetadata', () => {
             license_name: null,
             license_owner: null,
           },
-          { propsData: { canDownloadExternally: false } }
-        ))
+          { propsData: { canDownloadExternally: false } },
+        )),
     );
 
     it('does not show the forBeginners chip when one of LearnerNeeds is FOR_BEGINNERS', () => {
diff --git a/kolibri/plugins/learn/assets/test/views/library-and-channel-browser-main-content-grid.spec.js b/kolibri/plugins/learn/assets/test/views/library-and-channel-browser-main-content-grid.spec.js
index bf3b4a9ece9..56be545fe84 100644
--- a/kolibri/plugins/learn/assets/test/views/library-and-channel-browser-main-content-grid.spec.js
+++ b/kolibri/plugins/learn/assets/test/views/library-and-channel-browser-main-content-grid.spec.js
@@ -70,7 +70,7 @@ describe('Library and Channel Browser Main Content', () => {
         'displays a `ResourceCard` for each node n',
         n => {
           expect(wrapper.find(`[data-test="ResourceCard-"${n}]`).element).toBeTruthy();
-        }
+        },
       );
     });
     it('does not display a `CardGrid` with `HybridLearningContentCard`s in columns', () => {
diff --git a/kolibri/plugins/learn/assets/test/views/library-page.spec.js b/kolibri/plugins/learn/assets/test/views/library-page.spec.js
index 48a06870e4b..47ad7e51573 100644
--- a/kolibri/plugins/learn/assets/test/views/library-page.spec.js
+++ b/kolibri/plugins/learn/assets/test/views/library-page.spec.js
@@ -89,10 +89,10 @@ describe('LibraryPage', () => {
           [CHANNEL_ID]: CHANNEL,
         },
         fetchChannels: jest.fn(() => Promise.resolve([CHANNEL])),
-      })
+      }),
     );
     ContentNodeResource.fetchCollection.mockImplementation(() =>
-      Promise.resolve([{ id: 'test', title: 'test', channel_id: CHANNEL_ID }])
+      Promise.resolve([{ id: 'test', title: 'test', channel_id: CHANNEL_ID }]),
     );
   });
   describe('filters button', () => {
@@ -247,7 +247,7 @@ describe('LibraryPage', () => {
         await wrapper.setData({ searchingOtherLibraries: true });
         expect(wrapper.find('[data-test="searching"').isVisible()).toBe(true);
         expect(wrapper.find('[data-test="searching-label"').text()).toEqual(
-          translations.searchingOtherLibrary
+          translations.searchingOtherLibrary,
         );
       });
       it('display "showing all" label', async () => {
@@ -261,7 +261,7 @@ describe('LibraryPage', () => {
         await wrapper.setData({ searchingOtherLibraries: false });
         expect(wrapper.find('[data-test="showing-all"').isVisible()).toBe(true);
         expect(wrapper.find('[data-test="showing-all-label"').text()).toEqual(
-          translations.showingAllLibraries
+          translations.showingAllLibraries,
         );
       });
       it('display "no other" label', async () => {
@@ -269,7 +269,7 @@ describe('LibraryPage', () => {
         await wrapper.setData({ searchingOtherLibraries: false });
         expect(wrapper.find('[data-test="no-other"').isVisible()).toBe(true);
         expect(wrapper.find('[data-test="no-other-label"').text()).toEqual(
-          translations.noOtherLibraries
+          translations.noOtherLibraries,
         );
       });
       it('display "pinned" label', async () => {
@@ -279,15 +279,15 @@ describe('LibraryPage', () => {
             unpinnedDevicesExist: jest.fn(() => true),
             pinnedDevices: [{ instance_id: '1' }],
             unpinnedDevices: [{ instance_id: '2' }, { instance_id: '3' }, { instance_id: '4' }],
-          })
+          }),
         );
         useDevices.mockImplementation(() =>
           useDevicesMock({
             deviceChannelsMap: {
-              '1': [CHANNEL],
-              '2': [CHANNEL],
-              '3': [CHANNEL],
-              '4': [CHANNEL],
+              1: [CHANNEL],
+              2: [CHANNEL],
+              3: [CHANNEL],
+              4: [CHANNEL],
             },
             networkDevicesWithChannels: [
               { instance_id: '1' },
@@ -295,7 +295,7 @@ describe('LibraryPage', () => {
               { instance_id: '3' },
               { instance_id: '4' },
             ],
-          })
+          }),
         );
         wrapper = await makeOtherLibrariesWrapper();
         const pinnedLabel = wrapper.find('[data-test="pinned-label"');
@@ -310,15 +310,15 @@ describe('LibraryPage', () => {
             unpinnedDevicesExist: jest.fn(() => true),
             pinnedDevices: [{ instance_id: '1' }],
             unpinnedDevices: [{ instance_id: '2' }, { instance_id: '3' }, { instance_id: '4' }],
-          })
+          }),
         );
         useDevices.mockImplementation(() =>
           useDevicesMock({
             deviceChannelsMap: {
-              '1': [CHANNEL],
-              '2': [CHANNEL],
-              '3': [CHANNEL],
-              '4': [CHANNEL],
+              1: [CHANNEL],
+              2: [CHANNEL],
+              3: [CHANNEL],
+              4: [CHANNEL],
             },
             networkDevicesWithChannels: [
               { instance_id: '1' },
@@ -326,7 +326,7 @@ describe('LibraryPage', () => {
               { instance_id: '3' },
               { instance_id: '4' },
             ],
-          })
+          }),
         );
         wrapper = await makeOtherLibrariesWrapper();
         const moreLabel = wrapper.find('[data-test="more-label"');
diff --git a/kolibri/plugins/learn/assets/test/views/resumable-content-grid.spec.js b/kolibri/plugins/learn/assets/test/views/resumable-content-grid.spec.js
index 3d3f2627ec6..1acc16a08ea 100644
--- a/kolibri/plugins/learn/assets/test/views/resumable-content-grid.spec.js
+++ b/kolibri/plugins/learn/assets/test/views/resumable-content-grid.spec.js
@@ -32,8 +32,8 @@ describe('when there are nodes with progress that can be resumed', () => {
           { node: 12 },
         ],
         moreResumableContentNodes: { cursor: 'rogkor2', resume: true },
-      })
-    )
+      }),
+    ),
   );
   afterEach(() => jest.clearAllMocks());
   it('displays resumable content nodes string', () => {
@@ -62,7 +62,7 @@ describe('when there are nodes with progress that can be resumed', () => {
 
   it('displays button to "show more" when more items exist than currently shown', () => {
     const wrapper = shallowMount(ResumableContentGrid, {
-      data: function() {
+      data: function () {
         return { showMoreContentCards: false };
       },
       computed: { moreContentCards: () => true },
@@ -72,7 +72,7 @@ describe('when there are nodes with progress that can be resumed', () => {
 
   it('does not show a button to "show more" if button already pressed', () => {
     const wrapper = shallowMount(ResumableContentGrid, {
-      data: function() {
+      data: function () {
         return { showMoreContentCards: true };
       },
       computed: { moreContentCards: () => false },
@@ -82,7 +82,7 @@ describe('when there are nodes with progress that can be resumed', () => {
 
   it('does not show a button to "show more" if number of items does not exceed that displayed', () => {
     const wrapper = shallowMount(ResumableContentGrid, {
-      data: function() {
+      data: function () {
         return { showMoreContentCards: true };
       },
       computed: { moreContentCards: () => false },
@@ -92,7 +92,7 @@ describe('when there are nodes with progress that can be resumed', () => {
 
   it('displays button to view more resumableContentNodes when there are 13+ recent items & 12 are currently displayed', () => {
     const wrapper = shallowMount(ResumableContentGrid, {
-      data: function() {
+      data: function () {
         return { showMoreContentCards: true };
       },
       computed: { moreContentCards: () => true },
@@ -102,7 +102,7 @@ describe('when there are nodes with progress that can be resumed', () => {
 
   it('does not show a button to view more resumableContentNodes if "show more" has not been exhausted', () => {
     const wrapper = shallowMount(ResumableContentGrid, {
-      data: function() {
+      data: function () {
         return { showMoreContentCards: false };
       },
       computed: { moreContentCards: () => true },
diff --git a/kolibri/plugins/learn/assets/test/views/search-results-grid.spec.js b/kolibri/plugins/learn/assets/test/views/search-results-grid.spec.js
index c26b1b17bf3..fc1d833adc5 100644
--- a/kolibri/plugins/learn/assets/test/views/search-results-grid.spec.js
+++ b/kolibri/plugins/learn/assets/test/views/search-results-grid.spec.js
@@ -24,7 +24,7 @@ describe('when search results are loaded', () => {
         },
       });
       expect(wrapper.find('[data-test="search-results-title"]').element).toHaveTextContent(
-        coreStrings('uncountedAdditionalResults', { num: 1 })
+        coreStrings('uncountedAdditionalResults', { num: 1 }),
       );
     });
   });
@@ -38,7 +38,7 @@ describe('when search results are loaded', () => {
         },
       });
       expect(wrapper.find('[data-test="search-results-title"]').element).toHaveTextContent(
-        SearchStrings.$tr('results', { results: 1 })
+        SearchStrings.$tr('results', { results: 1 }),
       );
     });
   });
diff --git a/kolibri/plugins/learn/assets/test/views/topic-content.spec.js b/kolibri/plugins/learn/assets/test/views/topic-content.spec.js
index ba8cb035e02..d26559d1017 100644
--- a/kolibri/plugins/learn/assets/test/views/topic-content.spec.js
+++ b/kolibri/plugins/learn/assets/test/views/topic-content.spec.js
@@ -82,25 +82,25 @@ async function makeWrapper({
 
 function assertBookmarkButtonIsDisplayed(wrapper) {
   expect(
-    wrapper.findComponent({ name: 'LearningActivityBar' }).attributes('showbookmark')
+    wrapper.findComponent({ name: 'LearningActivityBar' }).attributes('showbookmark'),
   ).toBeTruthy();
 }
 
 function assertBookmarkButtonIsNotDisplayed(wrapper) {
   expect(
-    wrapper.findComponent({ name: 'LearningActivityBar' }).attributes('showbookmark')
+    wrapper.findComponent({ name: 'LearningActivityBar' }).attributes('showbookmark'),
   ).toBeFalsy();
 }
 
 function assertDownloadButtonIsDisplayed(wrapper) {
   expect(
-    wrapper.findComponent({ name: 'LearningActivityBar' }).attributes('showdownloadbutton')
+    wrapper.findComponent({ name: 'LearningActivityBar' }).attributes('showdownloadbutton'),
   ).toBeTruthy();
 }
 
 function assertDownloadButtonIsNotDisplayed(wrapper) {
   expect(
-    wrapper.findComponent({ name: 'LearningActivityBar' }).attributes('showdownloadbutton')
+    wrapper.findComponent({ name: 'LearningActivityBar' }).attributes('showdownloadbutton'),
   ).toBeFalsy();
 }
 
@@ -117,7 +117,7 @@ describe('TopicsContentPage', () => {
             thumbnail: 'test thumbnail',
           },
         },
-      })
+      }),
     );
   });
   afterEach(() => {
@@ -198,7 +198,7 @@ describe('TopicsContentPage', () => {
                   status: 'COMPLETED',
                 },
               },
-            })
+            }),
           );
           wrapper = await makeAuthWrapperWithRemoteContent();
         });
@@ -223,12 +223,12 @@ describe('TopicsContentPage', () => {
                   status: 'PENDING',
                 },
               },
-            })
+            }),
           );
           useCoreLearn.mockImplementation(() =>
             useCoreLearnMock({
               canAddDownloads: () => true,
-            })
+            }),
           );
           wrapper = await makeAuthWrapperWithRemoteContent();
         });
@@ -240,7 +240,7 @@ describe('TopicsContentPage', () => {
         it(`instructs 'LearningActivityBar' to show the download button as disabled`, () => {
           assertDownloadButtonIsDisplayed(wrapper);
           expect(
-            wrapper.findComponent({ name: 'LearningActivityBar' }).attributes('isdownloading')
+            wrapper.findComponent({ name: 'LearningActivityBar' }).attributes('isdownloading'),
           ).toBeTruthy();
         });
       });
@@ -265,7 +265,7 @@ describe('TopicsContentPage', () => {
             useDownloadRequestsMock({
               downloadRequestMap: {},
               addDownloadRequest,
-            })
+            }),
           );
           wrapper = await makeAuthWrapperWithRemoteContent();
           wrapper.findComponent({ name: 'LearningActivityBar' }).vm.$emit('download');
diff --git a/kolibri/plugins/learn/assets/test/views/topics-page.spec.js b/kolibri/plugins/learn/assets/test/views/topics-page.spec.js
index 4370ebca0fc..e4449cf5e47 100644
--- a/kolibri/plugins/learn/assets/test/views/topics-page.spec.js
+++ b/kolibri/plugins/learn/assets/test/views/topics-page.spec.js
@@ -118,7 +118,7 @@ describe('TopicsPage', () => {
         searchLoading: false,
         searchError: null,
         currentRoute: jest.fn(() => ({ name: PageNames.TOPICS_TOPIC })),
-      })
+      }),
     );
 
     useChannels.mockImplementation(() =>
@@ -127,7 +127,7 @@ describe('TopicsPage', () => {
           [CHANNEL_ID]: CHANNEL,
         },
         fetchChannels: jest.fn(() => Promise.resolve([CHANNEL])),
-      })
+      }),
     );
 
     ContentNodeResource.fetchTree.mockResolvedValue(DEFAULT_TOPIC);
@@ -203,7 +203,7 @@ describe('TopicsPage', () => {
     });
     await flushPromises();
     expect(wrapper.find("[data-test='header-title']").element).toHaveTextContent(
-      DEFAULT_TOPIC.title
+      DEFAULT_TOPIC.title,
     );
   });
 
@@ -216,7 +216,7 @@ describe('TopicsPage', () => {
     });
     await flushPromises();
     expect(smallScreenWrapper.find("[data-test='mobile-title']").element).toHaveTextContent(
-      DEFAULT_TOPIC.title
+      DEFAULT_TOPIC.title,
     );
   });
 
@@ -283,7 +283,7 @@ describe('TopicsPage', () => {
             searchQuery: '',
             searchLoading: false,
             searchError: null,
-          })
+          }),
         );
 
         wrapper = mount(TopicsPage, {
@@ -317,7 +317,7 @@ describe('TopicsPage', () => {
             searchQuery: '',
             searchLoading: false,
             searchError: null,
-          })
+          }),
         );
         wrapper = mount(TopicsPage, {
           store: store,
@@ -397,7 +397,7 @@ describe('TopicsPage', () => {
             searchLoading: false,
             searchError: null,
             currentRoute: jest.fn(() => ({ name: PageNames.TOPICS_TOPIC_SEARCH })),
-          })
+          }),
         );
         const wrapper = mount(TopicsPage, {
           store: store,
diff --git a/kolibri/plugins/media_player/assets/src/modules/captions/index.js b/kolibri/plugins/media_player/assets/src/modules/captions/index.js
index a2d96159bf7..4b2c44fe135 100644
--- a/kolibri/plugins/media_player/assets/src/modules/captions/index.js
+++ b/kolibri/plugins/media_player/assets/src/modules/captions/index.js
@@ -149,7 +149,7 @@ export default {
             player_,
           });
         },
-        { root: true }
+        { root: true },
       );
     },
     setTrackList(store, trackList) {
@@ -230,7 +230,7 @@ export default {
         trackUtils
           .listToArray(track.activeCues || [])
           .map(cue => cue.id)
-          .filter(Boolean)
+          .filter(Boolean),
       );
     },
     synchronizeTrackList(store) {
diff --git a/kolibri/plugins/media_player/assets/src/views/MediaPlayerCaptions/TranscriptMenuItem.vue b/kolibri/plugins/media_player/assets/src/views/MediaPlayerCaptions/TranscriptMenuItem.vue
index 3f9ecf45614..6e96a3fe12a 100644
--- a/kolibri/plugins/media_player/assets/src/views/MediaPlayerCaptions/TranscriptMenuItem.vue
+++ b/kolibri/plugins/media_player/assets/src/views/MediaPlayerCaptions/TranscriptMenuItem.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <li class="vjs-menu-item" role="menuitem">
+  <li
+    class="vjs-menu-item"
+    role="menuitem"
+  >
     <KCheckbox
       ref="kCheckbox"
       :label="coreString('transcript')"
diff --git a/kolibri/plugins/media_player/assets/src/views/MediaPlayerFullscreen/index.vue b/kolibri/plugins/media_player/assets/src/views/MediaPlayerFullscreen/index.vue
index 88d0a3d8192..3c305b96cb6 100755
--- a/kolibri/plugins/media_player/assets/src/views/MediaPlayerFullscreen/index.vue
+++ b/kolibri/plugins/media_player/assets/src/views/MediaPlayerFullscreen/index.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <CoreFullscreen ref="core" @changeFullscreen="handleChangeFullscreen">
+  <CoreFullscreen
+    ref="core"
+    @changeFullscreen="handleChangeFullscreen"
+  >
     <slot></slot>
   </CoreFullscreen>
 
diff --git a/kolibri/plugins/media_player/assets/src/views/MediaPlayerIndex.vue b/kolibri/plugins/media_player/assets/src/views/MediaPlayerIndex.vue
index 5e4e5656482..23c69fea533 100644
--- a/kolibri/plugins/media_player/assets/src/views/MediaPlayerIndex.vue
+++ b/kolibri/plugins/media_player/assets/src/views/MediaPlayerIndex.vue
@@ -19,10 +19,13 @@
           'transcript-visible': transcriptVisible,
           'transcript-wrap': transcriptWrap,
         },
-        $computedClass(progressStyle)
+        $computedClass(progressStyle),
       ]"
     >
-      <div v-show="loading" class="fill-space loading-space">
+      <div
+        v-show="loading"
+        class="fill-space loading-space"
+      >
         <KCircularLoader
           class="loader"
           :delay="true"
@@ -53,7 +56,11 @@
         </template>
       </video>
 
-      <audio v-else ref="player" class="custom-skin video-js">
+      <audio
+        v-else
+        ref="player"
+        class="custom-skin video-js"
+      >
         <template v-for="audio in audioSources">
           <source
             :key="audio.storage_url"
@@ -73,7 +80,10 @@
         </template>
       </audio>
 
-      <MediaPlayerTranscript v-if="transcriptVisible" ref="transcript" />
+      <MediaPlayerTranscript
+        v-if="transcriptVisible"
+        ref="transcript"
+      />
     </div>
   </MediaPlayerFullscreen>
 
@@ -108,7 +118,7 @@
     LanguagesButton,
   };
   Object.entries(componentsToRegister).forEach(([name, component]) =>
-    videojs.registerComponent(name, component)
+    videojs.registerComponent(name, component),
   );
   export default {
     name: 'MediaPlayerIndex',
@@ -142,7 +152,7 @@
       posterSources() {
         const posterFileExtensions = ['png', 'jpg'];
         return this.thumbnailFiles.filter(file =>
-          posterFileExtensions.some(ext => ext === file.extension)
+          posterFileExtensions.some(ext => ext === file.extension),
         );
       },
       audioPoster() {
@@ -162,11 +172,11 @@
       trackSources() {
         const trackFileExtensions = ['vtt'];
         return this.supplementaryFiles.filter(file =>
-          trackFileExtensions.some(ext => ext === file.extension)
+          trackFileExtensions.some(ext => ext === file.extension),
         );
       },
       audioSourceType() {
-        return function(extension) {
+        return function (extension) {
           switch (extension) {
             case 'mp3':
               // the correct type for mp3
@@ -313,19 +323,15 @@
               'Transcript off': this.$tr('transcriptOff'),
               Languages: this.$tr('languages'),
               'Volume Level': this.$tr('volumeLevel'),
-              'A network error caused the media download to fail part-way.': this.$tr(
-                'networkError'
-              ),
-              'The media could not be loaded, either because the server or network failed or because the format is not supported.': this.$tr(
-                'formatError'
-              ),
-              'The media playback was aborted due to a corruption problem or because the media used features your browser did not support.': this.$tr(
-                'corruptionOrSupportError'
-              ),
+              'A network error caused the media download to fail part-way.':
+                this.$tr('networkError'),
+              'The media could not be loaded, either because the server or network failed or because the format is not supported.':
+                this.$tr('formatError'),
+              'The media playback was aborted due to a corruption problem or because the media used features your browser did not support.':
+                this.$tr('corruptionOrSupportError'),
               'No compatible source was found for this media.': this.$tr('sourceError'),
-              'The media is encrypted and we do not have the keys to decrypt it.': this.$tr(
-                'encryptionError'
-              ),
+              'The media is encrypted and we do not have the keys to decrypt it.':
+                this.$tr('encryptionError'),
             },
           },
         };
@@ -440,8 +446,8 @@
             'addProgress',
             Math.max(
               0,
-              (this.dummyTime - this.progressStartingPoint) / Math.floor(this.player.duration())
-            )
+              (this.dummyTime - this.progressStartingPoint) / Math.floor(this.player.duration()),
+            ),
           );
         }
         this.progressStartingPoint = this.dummyTime;
diff --git a/kolibri/plugins/media_player/assets/src/views/MediaPlayerLanguages/LanguagesIcon.vue b/kolibri/plugins/media_player/assets/src/views/MediaPlayerLanguages/LanguagesIcon.vue
index 86782135be9..f4f2ffc7b79 100644
--- a/kolibri/plugins/media_player/assets/src/views/MediaPlayerLanguages/LanguagesIcon.vue
+++ b/kolibri/plugins/media_player/assets/src/views/MediaPlayerLanguages/LanguagesIcon.vue
@@ -2,7 +2,7 @@
 
   <KIcon
     icon="language"
-    style="top:0; width: 24px; height: 24px;"
+    style="top: 0; width: 24px; height: 24px"
     :color="$themeTokens.textInverted"
   />
 
diff --git a/kolibri/plugins/media_player/assets/src/views/MediaPlayerLanguages/LanguagesMenu.vue b/kolibri/plugins/media_player/assets/src/views/MediaPlayerLanguages/LanguagesMenu.vue
index b886230aa28..f01650a278c 100644
--- a/kolibri/plugins/media_player/assets/src/views/MediaPlayerLanguages/LanguagesMenu.vue
+++ b/kolibri/plugins/media_player/assets/src/views/MediaPlayerLanguages/LanguagesMenu.vue
@@ -1,6 +1,9 @@
 <template>
 
-  <MediaPlayerMenu ref="menu" class="languages-menu">
+  <MediaPlayerMenu
+    ref="menu"
+    class="languages-menu"
+  >
     <!-- Languages get added dynamically through video.js -->
   </MediaPlayerMenu>
 
diff --git a/kolibri/plugins/media_player/assets/src/views/MediaPlayerLanguages/languagesMenuItem.js b/kolibri/plugins/media_player/assets/src/views/MediaPlayerLanguages/languagesMenuItem.js
index 86de95f6816..ce366963c20 100644
--- a/kolibri/plugins/media_player/assets/src/views/MediaPlayerLanguages/languagesMenuItem.js
+++ b/kolibri/plugins/media_player/assets/src/views/MediaPlayerLanguages/languagesMenuItem.js
@@ -29,8 +29,8 @@ class LanguagesMenuItem extends mixin(languagesMenuItem) {
             value: this.getTrack().language,
           },
         },
-        options
-      )
+        options,
+      ),
     );
   }
 
diff --git a/kolibri/plugins/media_player/assets/src/views/MediaPlayerMenu.vue b/kolibri/plugins/media_player/assets/src/views/MediaPlayerMenu.vue
index 87c7dcd1101..efbfe003ce4 100644
--- a/kolibri/plugins/media_player/assets/src/views/MediaPlayerMenu.vue
+++ b/kolibri/plugins/media_player/assets/src/views/MediaPlayerMenu.vue
@@ -6,7 +6,10 @@
     :aria-hidden="(!open).toString()"
   >
     <div class="vjs-menu-content">
-      <ul ref="contentEl" role="menu">
+      <ul
+        ref="contentEl"
+        role="menu"
+      >
         <slot></slot>
       </ul>
     </div>
@@ -19,7 +22,7 @@
 
   export default {
     name: 'MediaPlayerMenu',
-    data: function() {
+    data: function () {
       return {
         open: false,
       };
diff --git a/kolibri/plugins/media_player/assets/src/views/MediaPlayerTranscript/TranscriptCue.vue b/kolibri/plugins/media_player/assets/src/views/MediaPlayerTranscript/TranscriptCue.vue
index f99deb2125f..eaef4fc60d3 100755
--- a/kolibri/plugins/media_player/assets/src/views/MediaPlayerTranscript/TranscriptCue.vue
+++ b/kolibri/plugins/media_player/assets/src/views/MediaPlayerTranscript/TranscriptCue.vue
@@ -3,11 +3,7 @@
   <a
     role="button"
     tabindex="0"
-    :class="[
-      'transcript-cue',
-      { active },
-      $computedClass(style)
-    ]"
+    :class="['transcript-cue', { active }, $computedClass(style)]"
     :title="$tr('title', { startTime })"
     :aria-current="active.toString()"
     @click="triggerSeekEvent"
@@ -71,9 +67,9 @@
       style() {
         const activeStyles = this.active
           ? {
-              backgroundColor: this.$themePalette.grey.v_400,
-              borderLeftColor: this.$themeTokens.watch,
-            }
+            backgroundColor: this.$themePalette.grey.v_400,
+            borderLeftColor: this.$themeTokens.watch,
+          }
           : {};
 
         return Object.assign(activeStyles, {
diff --git a/kolibri/plugins/media_player/assets/src/views/MediaPlayerTranscript/index.vue b/kolibri/plugins/media_player/assets/src/views/MediaPlayerTranscript/index.vue
index aadf47c7f21..7806621bf38 100755
--- a/kolibri/plugins/media_player/assets/src/views/MediaPlayerTranscript/index.vue
+++ b/kolibri/plugins/media_player/assets/src/views/MediaPlayerTranscript/index.vue
@@ -9,7 +9,10 @@
     @mouseenter="hovering = true"
     @mouseleave="hovering = false"
   >
-    <div v-show="!cues.length" class="fill-space loading-space">
+    <div
+      v-show="!cues.length"
+      class="fill-space loading-space"
+    >
       <KCircularLoader
         class="loader"
         :delay="true"
@@ -93,14 +96,14 @@
           this.cueReduce((offsetTop, cue) => {
             return Math.min(offsetTop, cue.offsetTop());
           }),
-          this.$el.scrollHeight
+          this.$el.scrollHeight,
         );
 
         const offsetBottom = newActiveCueIds.reduce(
           this.cueReduce((offsetBottom, cue) => {
             return Math.max(offsetBottom, cue.offsetTop() + cue.height());
           }),
-          0
+          0,
         );
 
         const duration = newActiveCueIds.reduce(
@@ -108,7 +111,7 @@
             // Multiply duration by 1000 to get milliseconds
             return duration + cue.duration() * 1000;
           }),
-          0
+          0,
         );
 
         this.scrollTo(offsetTop, offsetBottom, duration);
diff --git a/kolibri/plugins/media_player/assets/src/views/videojs-style/video-js.min.css b/kolibri/plugins/media_player/assets/src/views/videojs-style/video-js.min.css
index 6f697c44b31..e7113059df5 100644
--- a/kolibri/plugins/media_player/assets/src/views/videojs-style/video-js.min.css
+++ b/kolibri/plugins/media_player/assets/src/views/videojs-style/video-js.min.css
@@ -25,7 +25,8 @@
   font-family: VideoJS;
   font-style: normal;
   font-weight: 400;
-  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==)
+  src:
+    url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==)
       format('woff'),
     url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=)
       format('truetype');
@@ -698,20 +699,40 @@ body.vjs-full-window {
   display: flex;
   visibility: visible;
   opacity: 1;
-  -webkit-transition: visibility 0.1s, opacity 0.1s;
-  -moz-transition: visibility 0.1s, opacity 0.1s;
-  -ms-transition: visibility 0.1s, opacity 0.1s;
-  -o-transition: visibility 0.1s, opacity 0.1s;
-  transition: visibility 0.1s, opacity 0.1s;
+  -webkit-transition:
+    visibility 0.1s,
+    opacity 0.1s;
+  -moz-transition:
+    visibility 0.1s,
+    opacity 0.1s;
+  -ms-transition:
+    visibility 0.1s,
+    opacity 0.1s;
+  -o-transition:
+    visibility 0.1s,
+    opacity 0.1s;
+  transition:
+    visibility 0.1s,
+    opacity 0.1s;
 }
 .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
   visibility: visible;
   opacity: 0;
-  -webkit-transition: visibility 1s, opacity 1s;
-  -moz-transition: visibility 1s, opacity 1s;
-  -ms-transition: visibility 1s, opacity 1s;
-  -o-transition: visibility 1s, opacity 1s;
-  transition: visibility 1s, opacity 1s;
+  -webkit-transition:
+    visibility 1s,
+    opacity 1s;
+  -moz-transition:
+    visibility 1s,
+    opacity 1s;
+  -ms-transition:
+    visibility 1s,
+    opacity 1s;
+  -o-transition:
+    visibility 1s,
+    opacity 1s;
+  transition:
+    visibility 1s,
+    opacity 1s;
 }
 .vjs-controls-disabled .vjs-control-bar,
 .vjs-error .vjs-control-bar,
@@ -887,11 +908,21 @@ body.vjs-full-window {
 .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
   visibility: hidden;
   opacity: 0;
-  -webkit-transition: visibility 1s, opacity 1s;
-  -moz-transition: visibility 1s, opacity 1s;
-  -ms-transition: visibility 1s, opacity 1s;
-  -o-transition: visibility 1s, opacity 1s;
-  transition: visibility 1s, opacity 1s;
+  -webkit-transition:
+    visibility 1s,
+    opacity 1s;
+  -moz-transition:
+    visibility 1s,
+    opacity 1s;
+  -ms-transition:
+    visibility 1s,
+    opacity 1s;
+  -o-transition:
+    visibility 1s,
+    opacity 1s;
+  transition:
+    visibility 1s,
+    opacity 1s;
 }
 .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
   display: none;
@@ -970,11 +1001,41 @@ body.vjs-full-window {
   position: relative;
   visibility: visible;
   opacity: 1;
-  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-  -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-  -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-  -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
+  -webkit-transition:
+    visibility 0.1s,
+    opacity 0.1s,
+    height 0.1s,
+    width 0.1s,
+    left 0s,
+    top 0s;
+  -moz-transition:
+    visibility 0.1s,
+    opacity 0.1s,
+    height 0.1s,
+    width 0.1s,
+    left 0s,
+    top 0s;
+  -ms-transition:
+    visibility 0.1s,
+    opacity 0.1s,
+    height 0.1s,
+    width 0.1s,
+    left 0s,
+    top 0s;
+  -o-transition:
+    visibility 0.1s,
+    opacity 0.1s,
+    height 0.1s,
+    width 0.1s,
+    left 0s,
+    top 0s;
+  transition:
+    visibility 0.1s,
+    opacity 0.1s,
+    height 0.1s,
+    width 0.1s,
+    left 0s,
+    top 0s;
 }
 .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
 .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
@@ -1000,18 +1061,78 @@ body.vjs-full-window {
   left: -3.5em;
   width: 3em;
   height: 8em;
-  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
+  -webkit-transition:
+    visibility 1s,
+    opacity 1s,
+    height 1s 1s,
+    width 1s 1s,
+    left 1s 1s,
+    top 1s 1s;
+  -moz-transition:
+    visibility 1s,
+    opacity 1s,
+    height 1s 1s,
+    width 1s 1s,
+    left 1s 1s,
+    top 1s 1s;
+  -ms-transition:
+    visibility 1s,
+    opacity 1s,
+    height 1s 1s,
+    width 1s 1s,
+    left 1s 1s,
+    top 1s 1s;
+  -o-transition:
+    visibility 1s,
+    opacity 1s,
+    height 1s 1s,
+    width 1s 1s,
+    left 1s 1s,
+    top 1s 1s;
+  transition:
+    visibility 1s,
+    opacity 1s,
+    height 1s 1s,
+    width 1s 1s,
+    left 1s 1s,
+    top 1s 1s;
 }
 .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
+  -webkit-transition:
+    visibility 1s,
+    opacity 1s,
+    height 1s 1s,
+    width 1s,
+    left 1s 1s,
+    top 1s 1s;
+  -moz-transition:
+    visibility 1s,
+    opacity 1s,
+    height 1s 1s,
+    width 1s,
+    left 1s 1s,
+    top 1s 1s;
+  -ms-transition:
+    visibility 1s,
+    opacity 1s,
+    height 1s 1s,
+    width 1s,
+    left 1s 1s,
+    top 1s 1s;
+  -o-transition:
+    visibility 1s,
+    opacity 1s,
+    height 1s 1s,
+    width 1s,
+    left 1s 1s,
+    top 1s 1s;
+  transition:
+    visibility 1s,
+    opacity 1s,
+    height 1s 1s,
+    width 1s,
+    left 1s 1s,
+    top 1s 1s;
 }
 .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
   position: relative;
@@ -1316,9 +1437,11 @@ video::-webkit-media-text-track-display {
 .vjs-seeking .vjs-loading-spinner::before,
 .vjs-waiting .vjs-loading-spinner::after,
 .vjs-waiting .vjs-loading-spinner::before {
-  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
+  -webkit-animation:
+    vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
     vjs-spinner-fade 1.1s linear infinite;
-  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
+  animation:
+    vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
     vjs-spinner-fade 1.1s linear infinite;
 }
 .vjs-seeking .vjs-loading-spinner::before,
diff --git a/kolibri/plugins/media_player/assets/src/views/videojs-style/videojs-font/css/videojs-icons.css b/kolibri/plugins/media_player/assets/src/views/videojs-style/videojs-font/css/videojs-icons.css
index 54c46264423..a8bbc3161d8 100644
--- a/kolibri/plugins/media_player/assets/src/views/videojs-style/videojs-font/css/videojs-icons.css
+++ b/kolibri/plugins/media_player/assets/src/views/videojs-style/videojs-font/css/videojs-icons.css
@@ -8,10 +8,11 @@
   font-family: VideoJS;
   font-style: normal;
   font-weight: normal;
-  src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBgAAoAAAAAG7AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeCWNtYXAAAAE0AAAAOgAAAUriNBC2Z2x5ZgAAAXAAAAvtAAAUUBGG1nJoZWFkAAANYAAAACoAAAA2DjtpX2hoZWEAAA2MAAAAGAAAACQOogckaG10eAAADaQAAAAPAAAAjPUAAABsb2NhAAANtAAAAEgAAABIQoRH5m1heHAAAA38AAAAHwAAACABNAB6bmFtZQAADhwAAAElAAACCtXH9aBwb3N0AAAPRAAAARwAAAGx3C76f3icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPyoxA7iLmSHCDOCCADvXApCAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD4q/f8PUvCREUTzM0DVAwEjG8OIBwCT6wbZAAB4nK1Xe3BU1Rm/37n3nrubu9nNZh8XyGs3m+xqgiFkX4GQ3ShPA0QICW9MeCcGC8iAjxTJgNIxcbAt7NoiQnUKo+CzDmBxoFSnjm2HCCqx1EFXK38IlsER8JHssd+5mwQwgTKtyd7H+c53vvOd3/c733euAAL+yR1yh0AEAaxA6sWQ3NF9lqiCIPI+2kJbsM8sDBMEI7FJgpgpyAWCjQjgFXwhIewUNCqQc3CUVcXYW2yuwQB7oBL/9xgMbC57K8leohRqk0mopZS9REphGv4/pfddq//9O1fpJXEcTk90/6rQP1FQ0EO39Vawuq1wFIrZSVIPxbBWcnaflZyoJun+uqhLoIJNKBB8qF8CPocWClNFi0AQHXY4M0FBK25cK1UcEQhrYVA06TgsrX9dfIP4VhfeIrNPzuzu7D7YAAvZLj4DRKYsqGmv+G1DsnHHDrFtyc7i3a8PGXLPvNUTdtRdhMXl2wPsIpxrYLtYFeuAy+zNipztmeNG/qZBiu/YgU5wv6R9cpcgc4z51ESFIljH2qVGPkTayzr617oM9ahgSvlujUBqgLwUltbVLe2xcn9Yh+5Eck/xThh3xYDYu34LzmPi8bKlhqbsiLh0jRLFgTHzComUHfIXXHf90kO7O0Wxc/cZcMu4+CtOJXpnIV/zJe7fzy4GtpfDokuXYFEf3jp3ZEEVrIKGPnus7qBH9Af9QTd4HG6rR3T4HX4rUeOwLhGPJ1i72JaAdfFEIk7OsfY4SUvEe9qwk/wujvJBbXIDbptuDXTLtiCfBtYm4qw9wa3BUW45zs3UYxubsK77bALlXCz0Y9uF2FqQG8gjMyjWXNDcyABrCYjICLmqpy1aD1AfFXufPW1im3xSf7nS0f2l2IYw9+8NBbG2CVmCS7gFdwh4fWgZChFzkN0Qygx7ZUDUnZpbxunAD05kYhjIEVhSU/eLCwshU9wS/OIZdp6cSR6Hh+Y3AfTY2Gn+NJPS5OfYB5kPsNO6MjsvXiBNmQCzpzHf/bsvR5hvcnLNEoCtU6fCt0vYD1unTpqMYjjFDLoWnOLLTvnau3YNfc0biAC4HW5wB90yXvxfPtk9s6qOkLoqaa/+7HZCEesiZ5NOchY3excU8bcB8CRfiLGTsVgsHuvjoz6vT4gOMqcn6HFgRB12qnhSLA37c8Eh98lRHeVBayDE5RpPTFHuS1Ry6s9ky6pYbFWRK+EqAtAfROWS1HtKPtDDbwoThdWpEfjTn9UDRX0xdkmX9dyj9qIn2PxIv96LI2bll8MdTMT0PyiWHN3nUpcYjGNWhKMxVsVfSH0sJvTmA9ynK4QSbORTBUIBH+SCH5ePKOCi7Rpufg++4KLLQmHMVPii98pVxdW5yS8VhVhya4Y3bCBkQwPeleRX/c3hNbnELoPYOn9+qyi2krvysiA8NDQUAjmulDbes4ayY9m9TVc2+5s2bH4rIa3zF7T27hU6B7k9VrgLPUTvwhHwiSVgAe8InpYwjhZ0yuelikideUDtmmIGzZYLUcBmKsJRCIU1ZyhsC3l9PAeh/9hhBnmfLO9Mo0pcGZp+aPS4bNFuYV0WO8keP+pQ+jAlpsjq07L8tCrj67D0Q6PGZxO7BYqu1UiWr9xGyLaV+l0MF1QXtBqHpYNoMsqTb8t+22zFvGl+O/u2ybLRxJKmLGNrrwo2BlHBgVnG2/vs4V3ojxPf41gMbX1lr1ASYj8qcbyMiW0Di19f3um1wXPZdernYKMHlE7acnNFU7xmTs8NZkWG9QXmpjzI6edPw4ab84bc1c9RsuGaGm3BPFQo3HqdrIC7CzNABbhRbsV+dxh326D7fxX+4n2blnXh9qcu1Lhas2cjbsujb7yhK6DiqsSN4mJTjOAzQtiI6XowVMqb2UV2sRlUdqkZTGBqZpcGxaLHeo0OqDguxSm5ix4QnPwsYASrvid4GDwYE70246QdsPZIUpaTR/AeozCdMZiOkL4sd2AS7sDuIin5p5QGYy/TXo0+zspRPCrZuX1PPs0Bt4jl0srzVSDkL5OjT88cA4U+xjp/+OH4i1vpRfbtpEmH2T+SRvIN3PLPQ8eE/jhtQTulwnihUViB1uy5osOuUMmT7/V50VY4hGUuGAhTFPBmBPxuxYP5224WfZi2QsFACUEPFOrAobayCEEBjMAcQryefDMayyVY3DHYQQ+Wdb+YVzVvblXpJHZ21yNnRhXOqd4EVleeo8S57e+TolPfXwXPtm+qnjJy/ISRv/ZOGxbMj95TVTR96Ah7ceWc0OiWeWGzxZabll1Yk+EKNq2cEZqwer3YcvJk8wcfNIufF4wfO62tZu6Mh9bMaBwzcXp7SW1mUdWtBSOlP2+r3R66o2p29PG5k9ZMrKiKuLNGLRu9eX2tz12xtGT58tpAz5PDAndHhpYWDPGoWk45MReUL6iY0FKRI65Y8dFHK0717rc2zOcinpOL9DOeFZy0GPK9gVCZkzcD3hQQVndmxgistZ6I6Mee0+wANMDyOlK7ZPmeJdIT7OD0mdF6h8oOEgC4k9iLJi6P7jsuPdHjFj+BsjsXLdq6cGHP6eQ7JLP5/vH+XH/yQ3gCLpSW/tJVWp73r76ctQ1L10hsUMXpsBMzSB6Xz+kv49Ul9ajEY4geO6ekeXVa6IfkEN02tgGmPNXF3nuBffWpp/jTV5r35Lmzi4tWbR1Xc0fN8Adh3tuGw5sfb7y3sbB5gdy0aLw5eyNLnj9476+kdrJ+oaxqr66VvOLwLTNmT469luYt2Hx4mWPUmmhaPzfbkFP52OCspyVi0OoJRiTkTgXChEc85EQ4JJdO016Z0/Tiqhr3c5PuG1eK5UyRLsJU9od019jSGnj3354IkPL5Dzwwmrg+HDZrwcpZt8kKm92T/D43EMwF0otDG20TqjlzCZLWF4ryIluGHwJIwxQBnZqTl6mQLwUCosXJHOZM5QFz2DWRal5sZRa4pEza1sl2nVjZUmEL2e+pfPBI0/2fbWk+sGFe8bSpuQYDJdTqP/H8k88/1lJZbTYUaqGyyMyhi61SJ+uEhfAsLOwU206wXZ2uBRPf94167EL8vnceHt24fvPYpp0ukytvCNXslXOfPPX7TXvPz6r0rJ2TV3bHffV3jmR3T2iZBz//4gQawPkF/h3Eb9K7yDYN+VYpTBPmCgs470K5ROG4ej0+bxhrb8irWO2yk+9NHnwP1Yszluofi+x0gAgrtT8KePb2ULHQ4ROzHzm2bZ4hfd/GiS8aAPbWNaUZVy+Gh/PdZk8xkMmlOSClFQQIRBajKH84F+WCjCKIDpBA5LtN52//dO+x4e+Bbwv8lSRly7LDbe1HLbIsim+R+inL18gsprypBHPGxGet/2NENWZEn1u8+vCUm5DULoGlomki27/pO7jqvHUAK46e6XnOxU+KYKoOIun4yctKeOL9jD2qYLlKsJMUfB9/DD7KTib4AYs9SvfjjX2WvMxrWX2M91F26uNYch8OIGkIWWv/d4ae3xuvm+HxmOvwKGVIEFKB4/JwNzo1PORQC6BmPk+R+s/n5wz1O3lgQmFMsQE8fknFGOB8CxlYJvorL3vW9toGg0ioTBXZohWYVFmkQGRRVtXhWWqaXTVYrLIiQZWRmjJNVDSKCoggSURVZDO1SBKS2XCl2OAMhxl+Gh5OspcVBabzeZI/eyY4VhJxmCkjQ1Gdmmp0qEpGhik1jynTlmZSzbIKkkhFaqIqVVWjpHI/iKQYhIFYpdDx9B9KOHb0p8EKivvQiaXQwjv//sUTCpz/KbASg33QpIDCKfATaS3O0aVgPI7+v1hJV2GVgxX53utzyxNUgmG/jN9U2GNOndjxIpWg12j86Ud0vIjDF/KlOj1exSznANVSHRxGMRAK3ohjr1ZVbzRAJbrsthqd2WkO1Sqn4/FggGAMLovgwlSDbFJEI5UQB5kg4lKagXJAKYJwQ671nPjaGSg9Ys0zaflpsshRsxhsqpZnLR9EpjgzDKqopKahNN1kN00YKBoc0+tw8H/GVMQhjqtRlYM34uJ30cmblF5MDVqWqkNIFY5pfkYvptSEmEYHIAgg/xjl/0JKz08P6n8Ap+G0iAAAAHicY2BkYGAAYu5nPCLx/DZfGbjZGUDgCl+/ITLNzgAW52BgAlEAxhUGIQAAeJxjYGRgYGcAgoVgEsRmZEAFygATmADceJxjZ2BgYB8kGABFdAD2AAAAAAAADgBQAGYAsgDGAOYBHgFIAXQBnAHyAi4CjgK6AwoDjgOwA+oEOAR8BLgE6AUMBaIF6AY2BmwG2gdyB6gIPgjUCX4KKHicY2BkYGBQZshjYGcAASYg5gJCBob/YD4DABdaAa8AeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PSW/CMBCF84CEBFqW0n2jLedIcOjvqYwzEAvHTr2U9t/XkCD10DmM3zzN8jnqRE1Mo/9jEUXooIseYiToI0WGAYY4wzlGGGOCKS4wwyWucI0b3OIO93jAI57wjDle8Io3LHq1ZD/DQ8q5MFxSXDNvafilpa8or7yjQaul3p9kJYpTRym25WTjpbTcEKmclCMz/mt8C5fYT88M9W0tlCKTWb92wkmyKWe1E1oFUQZFxsa2DJ1drrdJAzRqnlx7J4WiWVseF7XMnbJIOFOcZGLo8Jd0wzittd7F21p6m4bBHRVC9d1euHAlcb5aS5MFnFCRdVPmC6HzggK0OBLFRydt9n28Zxtt9swUQbXWajk4eatlFP0CXBB7Kg==')
-      format('woff'),
+  src:
+    url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBgAAoAAAAAG7AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeCWNtYXAAAAE0AAAAOgAAAUriNBC2Z2x5ZgAAAXAAAAvtAAAUUBGG1nJoZWFkAAANYAAAACoAAAA2DjtpX2hoZWEAAA2MAAAAGAAAACQOogckaG10eAAADaQAAAAPAAAAjPUAAABsb2NhAAANtAAAAEgAAABIQoRH5m1heHAAAA38AAAAHwAAACABNAB6bmFtZQAADhwAAAElAAACCtXH9aBwb3N0AAAPRAAAARwAAAGx3C76f3icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPyoxA7iLmSHCDOCCADvXApCAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD4q/f8PUvCREUTzM0DVAwEjG8OIBwCT6wbZAAB4nK1Xe3BU1Rm/37n3nrubu9nNZh8XyGs3m+xqgiFkX4GQ3ShPA0QICW9MeCcGC8iAjxTJgNIxcbAt7NoiQnUKo+CzDmBxoFSnjm2HCCqx1EFXK38IlsER8JHssd+5mwQwgTKtyd7H+c53vvOd3/c733euAAL+yR1yh0AEAaxA6sWQ3NF9lqiCIPI+2kJbsM8sDBMEI7FJgpgpyAWCjQjgFXwhIewUNCqQc3CUVcXYW2yuwQB7oBL/9xgMbC57K8leohRqk0mopZS9REphGv4/pfddq//9O1fpJXEcTk90/6rQP1FQ0EO39Vawuq1wFIrZSVIPxbBWcnaflZyoJun+uqhLoIJNKBB8qF8CPocWClNFi0AQHXY4M0FBK25cK1UcEQhrYVA06TgsrX9dfIP4VhfeIrNPzuzu7D7YAAvZLj4DRKYsqGmv+G1DsnHHDrFtyc7i3a8PGXLPvNUTdtRdhMXl2wPsIpxrYLtYFeuAy+zNipztmeNG/qZBiu/YgU5wv6R9cpcgc4z51ESFIljH2qVGPkTayzr617oM9ahgSvlujUBqgLwUltbVLe2xcn9Yh+5Eck/xThh3xYDYu34LzmPi8bKlhqbsiLh0jRLFgTHzComUHfIXXHf90kO7O0Wxc/cZcMu4+CtOJXpnIV/zJe7fzy4GtpfDokuXYFEf3jp3ZEEVrIKGPnus7qBH9Af9QTd4HG6rR3T4HX4rUeOwLhGPJ1i72JaAdfFEIk7OsfY4SUvEe9qwk/wujvJBbXIDbptuDXTLtiCfBtYm4qw9wa3BUW45zs3UYxubsK77bALlXCz0Y9uF2FqQG8gjMyjWXNDcyABrCYjICLmqpy1aD1AfFXufPW1im3xSf7nS0f2l2IYw9+8NBbG2CVmCS7gFdwh4fWgZChFzkN0Qygx7ZUDUnZpbxunAD05kYhjIEVhSU/eLCwshU9wS/OIZdp6cSR6Hh+Y3AfTY2Gn+NJPS5OfYB5kPsNO6MjsvXiBNmQCzpzHf/bsvR5hvcnLNEoCtU6fCt0vYD1unTpqMYjjFDLoWnOLLTvnau3YNfc0biAC4HW5wB90yXvxfPtk9s6qOkLoqaa/+7HZCEesiZ5NOchY3excU8bcB8CRfiLGTsVgsHuvjoz6vT4gOMqcn6HFgRB12qnhSLA37c8Eh98lRHeVBayDE5RpPTFHuS1Ry6s9ky6pYbFWRK+EqAtAfROWS1HtKPtDDbwoThdWpEfjTn9UDRX0xdkmX9dyj9qIn2PxIv96LI2bll8MdTMT0PyiWHN3nUpcYjGNWhKMxVsVfSH0sJvTmA9ynK4QSbORTBUIBH+SCH5ePKOCi7Rpufg++4KLLQmHMVPii98pVxdW5yS8VhVhya4Y3bCBkQwPeleRX/c3hNbnELoPYOn9+qyi2krvysiA8NDQUAjmulDbes4ayY9m9TVc2+5s2bH4rIa3zF7T27hU6B7k9VrgLPUTvwhHwiSVgAe8InpYwjhZ0yuelikideUDtmmIGzZYLUcBmKsJRCIU1ZyhsC3l9PAeh/9hhBnmfLO9Mo0pcGZp+aPS4bNFuYV0WO8keP+pQ+jAlpsjq07L8tCrj67D0Q6PGZxO7BYqu1UiWr9xGyLaV+l0MF1QXtBqHpYNoMsqTb8t+22zFvGl+O/u2ybLRxJKmLGNrrwo2BlHBgVnG2/vs4V3ojxPf41gMbX1lr1ASYj8qcbyMiW0Di19f3um1wXPZdernYKMHlE7acnNFU7xmTs8NZkWG9QXmpjzI6edPw4ab84bc1c9RsuGaGm3BPFQo3HqdrIC7CzNABbhRbsV+dxh326D7fxX+4n2blnXh9qcu1Lhas2cjbsujb7yhK6DiqsSN4mJTjOAzQtiI6XowVMqb2UV2sRlUdqkZTGBqZpcGxaLHeo0OqDguxSm5ix4QnPwsYASrvid4GDwYE70246QdsPZIUpaTR/AeozCdMZiOkL4sd2AS7sDuIin5p5QGYy/TXo0+zspRPCrZuX1PPs0Bt4jl0srzVSDkL5OjT88cA4U+xjp/+OH4i1vpRfbtpEmH2T+SRvIN3PLPQ8eE/jhtQTulwnihUViB1uy5osOuUMmT7/V50VY4hGUuGAhTFPBmBPxuxYP5224WfZi2QsFACUEPFOrAobayCEEBjMAcQryefDMayyVY3DHYQQ+Wdb+YVzVvblXpJHZ21yNnRhXOqd4EVleeo8S57e+TolPfXwXPtm+qnjJy/ISRv/ZOGxbMj95TVTR96Ah7ceWc0OiWeWGzxZabll1Yk+EKNq2cEZqwer3YcvJk8wcfNIufF4wfO62tZu6Mh9bMaBwzcXp7SW1mUdWtBSOlP2+r3R66o2p29PG5k9ZMrKiKuLNGLRu9eX2tz12xtGT58tpAz5PDAndHhpYWDPGoWk45MReUL6iY0FKRI65Y8dFHK0717rc2zOcinpOL9DOeFZy0GPK9gVCZkzcD3hQQVndmxgistZ6I6Mee0+wANMDyOlK7ZPmeJdIT7OD0mdF6h8oOEgC4k9iLJi6P7jsuPdHjFj+BsjsXLdq6cGHP6eQ7JLP5/vH+XH/yQ3gCLpSW/tJVWp73r76ctQ1L10hsUMXpsBMzSB6Xz+kv49Ul9ajEY4geO6ekeXVa6IfkEN02tgGmPNXF3nuBffWpp/jTV5r35Lmzi4tWbR1Xc0fN8Adh3tuGw5sfb7y3sbB5gdy0aLw5eyNLnj9476+kdrJ+oaxqr66VvOLwLTNmT469luYt2Hx4mWPUmmhaPzfbkFP52OCspyVi0OoJRiTkTgXChEc85EQ4JJdO016Z0/Tiqhr3c5PuG1eK5UyRLsJU9od019jSGnj3354IkPL5Dzwwmrg+HDZrwcpZt8kKm92T/D43EMwF0otDG20TqjlzCZLWF4ryIluGHwJIwxQBnZqTl6mQLwUCosXJHOZM5QFz2DWRal5sZRa4pEza1sl2nVjZUmEL2e+pfPBI0/2fbWk+sGFe8bSpuQYDJdTqP/H8k88/1lJZbTYUaqGyyMyhi61SJ+uEhfAsLOwU206wXZ2uBRPf94167EL8vnceHt24fvPYpp0ukytvCNXslXOfPPX7TXvPz6r0rJ2TV3bHffV3jmR3T2iZBz//4gQawPkF/h3Eb9K7yDYN+VYpTBPmCgs470K5ROG4ej0+bxhrb8irWO2yk+9NHnwP1Yszluofi+x0gAgrtT8KePb2ULHQ4ROzHzm2bZ4hfd/GiS8aAPbWNaUZVy+Gh/PdZk8xkMmlOSClFQQIRBajKH84F+WCjCKIDpBA5LtN52//dO+x4e+Bbwv8lSRly7LDbe1HLbIsim+R+inL18gsprypBHPGxGet/2NENWZEn1u8+vCUm5DULoGlomki27/pO7jqvHUAK46e6XnOxU+KYKoOIun4yctKeOL9jD2qYLlKsJMUfB9/DD7KTib4AYs9SvfjjX2WvMxrWX2M91F26uNYch8OIGkIWWv/d4ae3xuvm+HxmOvwKGVIEFKB4/JwNzo1PORQC6BmPk+R+s/n5wz1O3lgQmFMsQE8fknFGOB8CxlYJvorL3vW9toGg0ioTBXZohWYVFmkQGRRVtXhWWqaXTVYrLIiQZWRmjJNVDSKCoggSURVZDO1SBKS2XCl2OAMhxl+Gh5OspcVBabzeZI/eyY4VhJxmCkjQ1Gdmmp0qEpGhik1jynTlmZSzbIKkkhFaqIqVVWjpHI/iKQYhIFYpdDx9B9KOHb0p8EKivvQiaXQwjv//sUTCpz/KbASg33QpIDCKfATaS3O0aVgPI7+v1hJV2GVgxX53utzyxNUgmG/jN9U2GNOndjxIpWg12j86Ud0vIjDF/KlOj1exSznANVSHRxGMRAK3ohjr1ZVbzRAJbrsthqd2WkO1Sqn4/FggGAMLovgwlSDbFJEI5UQB5kg4lKagXJAKYJwQ671nPjaGSg9Ys0zaflpsshRsxhsqpZnLR9EpjgzDKqopKahNN1kN00YKBoc0+tw8H/GVMQhjqtRlYM34uJ30cmblF5MDVqWqkNIFY5pfkYvptSEmEYHIAgg/xjl/0JKz08P6n8Ap+G0iAAAAHicY2BkYGAAYu5nPCLx/DZfGbjZGUDgCl+/ITLNzgAW52BgAlEAxhUGIQAAeJxjYGRgYGcAgoVgEsRmZEAFygATmADceJxjZ2BgYB8kGABFdAD2AAAAAAAADgBQAGYAsgDGAOYBHgFIAXQBnAHyAi4CjgK6AwoDjgOwA+oEOAR8BLgE6AUMBaIF6AY2BmwG2gdyB6gIPgjUCX4KKHicY2BkYGBQZshjYGcAASYg5gJCBob/YD4DABdaAa8AeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PSW/CMBCF84CEBFqW0n2jLedIcOjvqYwzEAvHTr2U9t/XkCD10DmM3zzN8jnqRE1Mo/9jEUXooIseYiToI0WGAYY4wzlGGGOCKS4wwyWucI0b3OIO93jAI57wjDle8Io3LHq1ZD/DQ8q5MFxSXDNvafilpa8or7yjQaul3p9kJYpTRym25WTjpbTcEKmclCMz/mt8C5fYT88M9W0tlCKTWb92wkmyKWe1E1oFUQZFxsa2DJ1drrdJAzRqnlx7J4WiWVseF7XMnbJIOFOcZGLo8Jd0wzittd7F21p6m4bBHRVC9d1euHAlcb5aS5MFnFCRdVPmC6HzggK0OBLFRydt9n28Zxtt9swUQbXWajk4eatlFP0CXBB7Kg==')
+    format('woff'),
     url('data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgkAAAEoAAAAVmNtYXDiNBC2AAACDAAAAUpnbHlmEYbWcgAAA6AAABRQaGVhZA47aV8AAADQAAAANmhoZWEOogckAAAArAAAACRobXR49QAAAAAAAYAAAACMbG9jYUKER+YAAANYAAAASG1heHABNAB6AAABCAAAACBuYW1l1cf1oAAAF/AAAAIKcG9zdNwu+n8AABn8AAABsQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAIwABAAAAAQAAC+Z1sF8PPPUACwcAAAAAANQOjzEAAAAA1A6PMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAjAG4ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxIgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAAAAADAAAAAwAAABwAAQAAAAAARAADAAEAAAAcAAQAKAAAAAYABAABAAIAAPEi//8AAAAA8QH//wAADwAAAQAAAAAAAAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgBQAGYAsgDGAOYBHgFIAXQBnAHyAi4CjgK6AwoDjgOwA+oEOAR8BLgE6AUMBaIF6AY2BmwG2gdyB6gIPgjUCX4KKAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAIAAAAABdYGtgAWAGAAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAATczFSMHMjYyPgI7AR4BHwEWFxYXFA8BBg8BDgEHIi8BJi8BJi8BJiczFBYXFjMWNz4BNzY3NDY3NC8BLgQrAQcGIg8CA4D+iwF1vv0FBf2+vv0FlQYBUv39AVIGBv6u/qITs38IAwIGBQYHBQ8XJAwLBQMGAQIFAwULCywbCwoUCwgPEQUHBAFACQYMEgwGAwkDBwEDAQQEAgsHBQ4GDwQEBgIGCAWLASr+i/6LASoF/b69/gUF/r39/q8HBwFR/f0BUv1uoTVDBAMBAwEMEBAHCxYXCwkVCwcQEAwBAgUDBQsMEhMKDAsOBQsBBAMGAwYMBgsGCwsJBAsDBgECAgQHCAAAAAIAAAAABdYGtgAWAGAAAAEWABc2ADcjDgEHLgEnPgE3EQkBEQYAATczFSMHMjYyPgI7AR4BHwEWFxYXFA8BBg8BDgEHIi8BJi8BJi8BJiczFBYXFjMWNz4BNzY3NDY3NC8BLgQrAQcGIg8CASsGAVL9/QFSBpUF/b6+/QUF/b4Bdf6L/f6uAe4Ts38IAwIGBQYHBQ8XJAwLBQMGAQIFAwULCywbCwoUCwgPEQUHBAFACQYMEgwGAwkDBwEDAQQEAgsHBQ4GDwQEBgIGCAM1/f6vBwcBUf29/gUF/r2+/QX+1gF1AXX+1gf+rv7AoTVDBAMBAwEMEBAHCxYXCwkVCwcQEAwBAgUDBQsMEhMKDAsOBQsBBAMGAwYMBgsGCwsJBAsDBgECAgQHCAAAAAQAAAAABdYGtgAWAB0ARQBtAAABEQkBER4BFw4BBy4BJyMWABc2ADcmAAEjNQc1NzMFFAYHDgEHDgEmLwEuAS8BLgI9ATQ2Nz4BNz4BFh8BHgEfAR4CFSc2Jy4BLwEuAiMmBw4FHQEGFx4BHwEeAjMWNz4DNDY1A4D+iwF1vv0FBf2+vv0FlQYBUv39AVIGBv6u/rFASoIIAT0EAwYhEQkWHAoVCxEFDQcGBAQDBiERCRYcChULEQUNBwYEPAEEAwIDBgMLCAUMBwMJBgQBAwEFAgMCBgQKCAYMBgMJBgUDBYsBKv6L/osBKgX9vr3+BQX+vf3+rwcHAVH9/QFS/NHzFjQwvhEfDBciCgUDAQIFAw8IEwsXHxE4ER8MFyIKBQMBAgUDDwgTCxcfEQcWEAgLAwcEAQMBBQIGBg0MFAxGFhAICwMHBAEDAQUCBgYNDBQMAAAEAAAAAAXWBrYAFgAdAEUAbQAAARYAFzYANyMOAQcuASc+ATcRCQERBgABIzUHNTczBRQGBw4BBw4BJi8BLgEvAS4CPQE0Njc+ATc+ARYfAR4BHwEeAhUnNicuAS8BLgIjJgcOAxQGBxUGFx4BHwEeAjMWNz4FNQErBgFS/f0BUgaVBf2+vv0FBf2+AXX+i/3+rgH5P0uDBwE9BAMGIREIFxsLFQsRBQ0GBwQEAwYiEAkWHAoVCxEGDAcGBD8BBQIDAgYECggGDAYDCQYFAwEBBQMCAwYDCwgFDAcDCQYEAQMDNf3+rwcHAVH9vf4FBf69vv0F/tYBdQF1/tYH/q7+I/MWNDC+ER8MFyIKBQMBAgUDDwgTCxcfETgRHwwXIgoFAwECBQMPCBMLFx8RBxYQCAsDBwQBAwEFAgYGDQwUDEYWEAgLAwcEAQMBBQIGBg0MFAwAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACMAAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgEjBHBsYXkLcGxheS1jaXJjbGUFcGF1c2ULdm9sdW1lLW11dGUKdm9sdW1lLWxvdwp2b2x1bWUtbWlkC3ZvbHVtZS1oaWdoEGZ1bGxzY3JlZW4tZW50ZXIPZnVsbHNjcmVlbi1leGl0BnNxdWFyZQdzcGlubmVyCXN1YnRpdGxlcwhjYXB0aW9ucwhjaGFwdGVycwVzaGFyZQNjb2cGY2lyY2xlDmNpcmNsZS1vdXRsaW5lE2NpcmNsZS1pbm5lci1jaXJjbGUCaGQGY2FuY2VsBnJlcGxheQhmYWNlYm9vawVncGx1cwhsaW5rZWRpbgd0d2l0dGVyBnR1bWJscglwaW50ZXJlc3QRYXVkaW8tZGVzY3JpcHRpb24FYXVkaW8IcmVwbGF5XzUJZm9yd2FyZF81CXJlcGxheV8xMApmb3J3YXJkXzEwAAAAAAA=')
-      format('truetype');
+    format('truetype');
 }
 /* stylelint-enable function-url-quotes */
 
diff --git a/kolibri/plugins/pdf_viewer/assets/src/utils/domPolyfills.js b/kolibri/plugins/pdf_viewer/assets/src/utils/domPolyfills.js
index d4fcea38637..203724aeb83 100644
--- a/kolibri/plugins/pdf_viewer/assets/src/utils/domPolyfills.js
+++ b/kolibri/plugins/pdf_viewer/assets/src/utils/domPolyfills.js
@@ -20,7 +20,7 @@ for (const item of toPolyfill) {
 
       for (const argItem of argArr) {
         docFrag.appendChild(
-          argItem instanceof Node ? argItem : document.createTextNode(String(argItem))
+          argItem instanceof Node ? argItem : document.createTextNode(String(argItem)),
         );
       }
 
@@ -44,7 +44,7 @@ for (const item of toPolyfill) {
 
       for (const argItem of argArr) {
         docFrag.appendChild(
-          argItem instanceof Node ? argItem : document.createTextNode(String(argItem))
+          argItem instanceof Node ? argItem : document.createTextNode(String(argItem)),
         );
       }
 
diff --git a/kolibri/plugins/pdf_viewer/assets/src/utils/text_layer_builder.js b/kolibri/plugins/pdf_viewer/assets/src/utils/text_layer_builder.js
index 519e83e4151..708c66810a0 100644
--- a/kolibri/plugins/pdf_viewer/assets/src/utils/text_layer_builder.js
+++ b/kolibri/plugins/pdf_viewer/assets/src/utils/text_layer_builder.js
@@ -154,7 +154,7 @@ class TextLayerBuilder {
       // Original line: 118
       err => {
         logging.error('Error rendering text layer: ', err);
-      }
+      },
     );
   }
 
diff --git a/kolibri/plugins/pdf_viewer/assets/src/views/PdfPage.vue b/kolibri/plugins/pdf_viewer/assets/src/views/PdfPage.vue
index 42fa7bd3b35..db353546112 100644
--- a/kolibri/plugins/pdf_viewer/assets/src/views/PdfPage.vue
+++ b/kolibri/plugins/pdf_viewer/assets/src/views/PdfPage.vue
@@ -12,7 +12,10 @@
       background: $themeTokens.surface,
     }"
   >
-    <span class="loading" aria-hidden="true">{{ $formatNumber(pageNum) }}</span>
+    <span
+      class="loading"
+      aria-hidden="true"
+    >{{ $formatNumber(pageNum) }}</span>
     <canvas
       v-show="rendered"
       ref="canvas"
@@ -27,7 +30,7 @@
       class="text-layer"
       :style="{
         height: `${scaledHeight}px`,
-        width: `${scaledWidth}px`
+        width: `${scaledWidth}px`,
       }"
     ></div>
   </div>
@@ -160,7 +163,7 @@
             () => {
               delete this.renderTask;
               this.rendered = false;
-            }
+            },
           );
           this.eventBus.on('textlayerrendered', this.onTextLayerRendered);
         } else if (!this.pdfPage) {
@@ -247,8 +250,8 @@
   // Also defined in index.vue
   $page-margin: 8px;
 
-  @import url('../utils/text_layer_builder.scss');
-  @import url('../utils/annotation_layer_builder.scss');
+  @import '../utils/text_layer_builder';
+  @import '../utils/annotation_layer_builder';
 
   .pdf-page {
     position: relative;
diff --git a/kolibri/plugins/pdf_viewer/assets/src/views/PdfRendererIndex.vue b/kolibri/plugins/pdf_viewer/assets/src/views/PdfRendererIndex.vue
index cca8b6dfdda..97c854c46f5 100644
--- a/kolibri/plugins/pdf_viewer/assets/src/views/PdfRendererIndex.vue
+++ b/kolibri/plugins/pdf_viewer/assets/src/views/PdfRendererIndex.vue
@@ -5,7 +5,7 @@
     class="pdf-renderer"
     :class="{
       'pdf-controls-open': showControls,
-      'pdf-full-screen': isInFullscreen
+      'pdf-full-screen': isInFullscreen,
     }"
     :style="{ backgroundColor: $themeTokens.text }"
     @changeFullscreen="isInFullscreen = $event"
@@ -22,7 +22,7 @@
       <transition name="slide">
         <div
           class="fullscreen-header pdf-controls-container"
-          :style="{ backgroundColor: this.$themePalette.grey.v_100 }"
+          :style="{ backgroundColor: $themePalette.grey.v_100 }"
         >
           <div>
             <KIconButton
@@ -62,7 +62,10 @@
           </div>
         </div>
       </transition>
-      <KGrid class="full-height-container" gutter="0">
+      <KGrid
+        class="full-height-container"
+        gutter="0"
+      >
         <KGridItem
           v-if="showSideBar"
           class="full-height-container"
@@ -451,7 +454,7 @@
       zoomOut() {
         this.setScale(Math.max(scaleIncrement / 2, this.scale - scaleIncrement));
       },
-      setScale: throttle(function(scaleValue) {
+      setScale: throttle(function (scaleValue) {
         this.scale = scaleValue;
         localStorage.setItem('pdf_scale', scaleValue);
       }, 500),
@@ -493,7 +496,7 @@
           // update progress using number of pages seen out of available pages
           this.$emit(
             'updateProgress',
-            Object.keys(this.savedVisitedPages).length / this.totalPages
+            Object.keys(this.savedVisitedPages).length / this.totalPages,
           );
         }
       },
@@ -554,7 +557,7 @@
                 this.showSideBar = false;
               }
             });
-          }
+          },
         );
       },
       focusDestPage(dest, event) {
@@ -590,7 +593,7 @@
                 this.showSideBar = false;
               }
             });
-          }
+          },
         );
       },
       /**
diff --git a/kolibri/plugins/pdf_viewer/assets/src/views/RecyclableScroller.vue b/kolibri/plugins/pdf_viewer/assets/src/views/RecyclableScroller.vue
index 308e89a50a5..94564011827 100644
--- a/kolibri/plugins/pdf_viewer/assets/src/views/RecyclableScroller.vue
+++ b/kolibri/plugins/pdf_viewer/assets/src/views/RecyclableScroller.vue
@@ -10,7 +10,6 @@
       or a function returning a number (Line 264, Original 198)
  -->
 
-
 <template>
 
   <div
@@ -28,9 +27,7 @@
       ref="before"
       class="vue-recycle-scroller-slot"
     >
-      <slot
-        name="before"
-      ></slot>
+      <slot name="before"></slot>
     </div>
 
     <component
@@ -44,25 +41,40 @@
         :is="itemTag"
         v-for="view of pool"
         :key="view.nr.id"
-        :style="ready ? {
-          transform: `translate${direction === 'vertical' ? 'Y' : 'X'}(${view.position}px) `
-            + `translate${direction === 'vertical' ? 'X' : 'Y'}(${view.offset}px)`,
-          width: gridItems ? `${direction === 'vertical' ? itemSecondarySize ||
-            itemSize : itemSize}px` : undefined,
-          height: gridItems ? `${direction === 'horizontal' ? itemSecondarySize ||
-            itemSize : itemSize}px` : undefined,
-        } : null"
+        :style="
+          ready
+            ? {
+              transform:
+                `translate${direction === 'vertical' ? 'Y' : 'X'}(${view.position}px) ` +
+                `translate${direction === 'vertical' ? 'X' : 'Y'}(${view.offset}px)`,
+              width: gridItems
+                ? `${direction === 'vertical' ? itemSecondarySize || itemSize : itemSize}px`
+                : undefined,
+              height: gridItems
+                ? `${direction === 'horizontal' ? itemSecondarySize || itemSize : itemSize}px`
+                : undefined,
+            }
+            : null
+        "
         class="vue-recycle-scroller-item-view"
         :class="[
           itemClass,
           {
-            hover: !skipHover && hoverKey === view.nr.key
+            hover: !skipHover && hoverKey === view.nr.key,
           },
         ]"
-        v-on="skipHover ? {} : {
-          mouseenter: () => { hoverKey = view.nr.key },
-          mouseleave: () => { hoverKey = null },
-        }"
+        v-on="
+          skipHover
+            ? {}
+            : {
+              mouseenter: () => {
+                hoverKey = view.nr.key;
+              },
+              mouseleave: () => {
+                hoverKey = null;
+              },
+            }
+        "
       >
         <slot
           :item="view.item"
@@ -71,9 +83,7 @@
         ></slot>
       </component>
 
-      <slot
-        name="empty"
-      ></slot>
+      <slot name="empty"></slot>
     </component>
 
     <div
@@ -81,9 +91,7 @@
       ref="after"
       class="vue-recycle-scroller-slot"
     >
-      <slot
-        name="after"
-      ></slot>
+      <slot name="after"></slot>
     </div>
 
     <ResizeObserver @notify="handleResize" />
@@ -548,7 +556,7 @@
             endIndex = Math.ceil((scroll.end / itemSize) * gridItems);
             visibleStartIndex = Math.max(
               0,
-              Math.floor(((scroll.start - beforeSize) / itemSize) * gridItems)
+              Math.floor(((scroll.start - beforeSize) / itemSize) * gridItems),
             );
             visibleEndIndex = Math.floor(((scroll.end - beforeSize) / itemSize) * gridItems);
 
@@ -752,9 +760,9 @@
           this.handleScroll,
           supportsPassive
             ? {
-                passive: true,
-              }
-            : false
+              passive: true,
+            }
+            : false,
         );
         this.listenerTarget.addEventListener('resize', this.handleResize);
       },
@@ -816,10 +824,10 @@
           logging.debug(
             "It seems the scroller element isn't scrolling, so it tries to render all the items at once.",
             'Scroller:',
-            this.$el
+            this.$el,
           );
           logging.debug(
-            "Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport."
+            "Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.",
           );
         });
         throw new Error('Rendered items limit reached');
@@ -835,6 +843,7 @@
 
 
 <style>
+
   .vue-recycle-scroller {
     position: relative;
   }
@@ -856,10 +865,10 @@
   }
 
   .vue-recycle-scroller-item-wrapper {
-    flex: 1;
+    position: relative;
     box-sizing: border-box;
+    flex: 1;
     overflow: hidden;
-    position: relative;
   }
 
   .vue-recycle-scroller.ready .vue-recycle-scroller-item-view {
@@ -884,4 +893,5 @@
   .vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller-item-view {
     height: 100%;
   }
+
 </style>
diff --git a/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/Bookmarks/BookmarkItem.vue b/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/Bookmarks/BookmarkItem.vue
index b175062a7a1..3801f5fefd0 100644
--- a/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/Bookmarks/BookmarkItem.vue
+++ b/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/Bookmarks/BookmarkItem.vue
@@ -16,7 +16,7 @@
         <KIcon
           icon="chevronRight"
           class="dropdown-icon"
-          :class="{ 'expanded': expanded }"
+          :class="{ expanded: expanded }"
         />
       </span>
       <span
@@ -31,7 +31,10 @@
         {{ item.title }}
       </span>
     </div>
-    <ul v-if="expanded" class="bookmark-children">
+    <ul
+      v-if="expanded"
+      class="bookmark-children"
+    >
       <BookmarkItem
         v-for="(child, index) in item.items"
         :key="index"
diff --git a/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue b/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue
index 3e1f97fc59f..a66924275f7 100644
--- a/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue
+++ b/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue
@@ -7,15 +7,17 @@
     }"
   >
     <nav>
-      <div v-if="tabs.filter(t => !t.disabled).length > 1" :style="{ display: 'flex' }">
+      <div
+        v-if="tabs.filter(t => !t.disabled).length > 1"
+        :style="{ display: 'flex' }"
+      >
         <div
           v-for="tab in tabs"
           :key="tab.name"
           :ref="tab.name"
           :style="{
-            background: selectedTab === tab.name ?
-              $themeTokens.annotation :
-              $themeTokens.transparent,
+            background:
+              selectedTab === tab.name ? $themeTokens.annotation : $themeTokens.transparent,
             cursor: 'pointer',
             borderRadius: '2px',
             opacity: tab.disabled ? 0.5 : 1,
@@ -24,7 +26,7 @@
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
-            width: '100%'
+            width: '100%',
           }"
         >
           <div
@@ -39,9 +41,7 @@
             <KIcon
               :icon="tab.icon"
               :style="{
-                fill: selectedTab === tab.name ?
-                  $themeTokens.textInverted :
-                  $themeTokens.text,
+                fill: selectedTab === tab.name ? $themeTokens.textInverted : $themeTokens.text,
                 height: '24px',
                 width: '24px',
               }"
diff --git a/kolibri/plugins/pdf_viewer/assets/tests/PdfRendererIndex.spec.js b/kolibri/plugins/pdf_viewer/assets/tests/PdfRendererIndex.spec.js
index 049afac6583..2a8c32f1582 100644
--- a/kolibri/plugins/pdf_viewer/assets/tests/PdfRendererIndex.spec.js
+++ b/kolibri/plugins/pdf_viewer/assets/tests/PdfRendererIndex.spec.js
@@ -58,7 +58,7 @@ describe('PdfRendererIndex', () => {
 
       expect(context.$emit.mock.calls[0][0]).toBe('updateProgress');
       expect(context.$emit.mock.calls[0][1]).toEqual(
-        Object.keys(context.savedVisitedPages).length / context.totalPages
+        Object.keys(context.savedVisitedPages).length / context.totalPages,
       );
       expect(context.$emit.mock.calls[0][1]).not.toBe(context.durationBasedProgress);
     });
@@ -70,7 +70,7 @@ describe('PdfRendererIndex', () => {
       expect(context.$emit.mock.calls[0][0]).toBe('updateProgress');
       expect(context.$emit.mock.calls[0][1]).toBe(0.1);
       expect(context.$emit.mock.calls[0][1]).not.toEqual(
-        Object.keys(context.savedVisitedPages).length / context.totalPages
+        Object.keys(context.savedVisitedPages).length / context.totalPages,
       );
     });
   });
diff --git a/kolibri/plugins/pdf_viewer/assets/tests/SideBar/Bookmarks.spec.js b/kolibri/plugins/pdf_viewer/assets/tests/SideBar/Bookmarks.spec.js
index da4b243929f..6a3312229c5 100644
--- a/kolibri/plugins/pdf_viewer/assets/tests/SideBar/Bookmarks.spec.js
+++ b/kolibri/plugins/pdf_viewer/assets/tests/SideBar/Bookmarks.spec.js
@@ -78,7 +78,7 @@ describe('Pdf Bookmarks', () => {
     expect(wrapper.findAllComponents(BookmarkItem)).toHaveLength(outline.length);
     outline.forEach(bookmark => {
       expect(
-        withWrapperArray(wrapper.findAllComponents(BookmarkItem)).hasText(bookmark.title)
+        withWrapperArray(wrapper.findAllComponents(BookmarkItem)).hasText(bookmark.title),
       ).toHaveLength(1);
     });
   });
@@ -108,8 +108,8 @@ describe('Pdf Bookmarks', () => {
       // check that children are not rendered before click
       expect(
         withWrapperArray(bookmarkItem.findAllComponents(BookmarkItem)).hasText(
-          bookmark.items[0].title
-        )
+          bookmark.items[0].title,
+        ),
       ).toHaveLength(0);
 
       bookmarkItem.find('.dropdown-icon-container').trigger('click');
@@ -118,7 +118,7 @@ describe('Pdf Bookmarks', () => {
         withWrapperArray(bookmarkItem.findAllComponents(BookmarkItem))
           .hasText(bookmark.items[0].title)
           // filter leaf nodes
-          .filter(i => i.findAllComponents(BookmarkItem).length === 1)
+          .filter(i => i.findAllComponents(BookmarkItem).length === 1),
       ).toHaveLength(1);
     }
   });
@@ -138,8 +138,8 @@ describe('Pdf Bookmarks', () => {
 
       expect(
         withWrapperArray(bookmarkItem.findAllComponents(BookmarkItem)).hasText(
-          bookmark.items[0].title
-        )
+          bookmark.items[0].title,
+        ),
       ).toHaveLength(0);
     }
   });
diff --git a/kolibri/plugins/perseus_viewer/assets/src/translationUtils.js b/kolibri/plugins/perseus_viewer/assets/src/translationUtils.js
index d38c1f380d0..0b9124ee39e 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/translationUtils.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/translationUtils.js
@@ -35,7 +35,7 @@ class PerseusMessageWrapper {
 function wrapPerseusMessages(translatorObject) {
   if (window.Proxy) {
     return new Proxy(translatorObject, {
-      get: function(target, prop) {
+      get: function (target, prop) {
         return _getTranslatedStringOrFunction(target, prop);
       },
     });
diff --git a/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue b/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue
index de714e6e228..507138d20eb 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue
+++ b/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue
@@ -6,8 +6,14 @@
     :class="{ 'perseus-mobile': isMobile }"
     @keydown.enter="answerGiven"
   >
-    <div class="framework-perseus" :style="{ margin: isMobile ? '0' : '0 24px' }">
-      <div ref="perseus" class="perseus">
+    <div
+      class="framework-perseus"
+      :style="{ margin: isMobile ? '0' : '0 24px' }"
+    >
+      <div
+        ref="perseus"
+        class="perseus"
+      >
         <div class="loader-container">
           <KLinearLoader
             :delay="false"
@@ -153,7 +159,7 @@
     const images = Object.keys(imageMatches);
     const svgAndJson = graphieImages.reduce(
       (acc, image) => [...acc, `${image}.svg`, `${image}-data.json`],
-      []
+      [],
     );
     return images.concat(svgAndJson);
   }
@@ -188,7 +194,7 @@
       JSON.stringify(itemResponse).replace(blobImageRegex, match => {
         // Make sure to add our prefix back in
         return '${☣ LOCALPATH}/' + lookup[match] || '';
-      })
+      }),
     );
   }
 
@@ -208,7 +214,7 @@
   perseus.Util.getImageSize = (url, callback) => {
     const img = new Image();
 
-    img.onload = function() {
+    img.onload = function () {
       // Vendored from perseus to override image handling
       if (img.width === 0 && img.height === 0) {
         var _document$body;
@@ -217,7 +223,7 @@
           ? void 0
           : _document$body.appendChild(img);
 
-        defer(function() {
+        defer(function () {
           var _document$body2;
 
           callback(img.clientWidth, img.clientHeight);
@@ -351,14 +357,14 @@
                 (Object.prototype.hasOwnProperty.call(obj.answerArea, key) &&
                   typeof obj.answerArea[key] !== 'boolean')
               ),
-            true
+            true,
           ) &&
           // Check that the 'hints' property is an Array.
           Array.isArray(obj.hints) &&
           obj.hints.reduce(
             // Check that each hint in the hints array is an object (and not null)
             (prev, item) => item && typeof item === 'object',
-            true
+            true,
           ) &&
           // Check that the question property is an object (and not null)
           obj.question &&
@@ -410,7 +416,7 @@
             e(perseus.ServerItemRenderer, {
               ...itemRenderData,
               keypadElement: keypadElement,
-            })
+            }),
         );
         const keypadWithContextElement = e(
           KeypadContext.Consumer,
@@ -424,7 +430,7 @@
                 onDismiss: () => {},
                 onAnalyticsEvent: async () => {},
               }),
-            })
+            }),
         );
         const statefulKeypadContextProviderElement = e(StatefulKeypadContextProvider, {
           children: [keypadContextConsumerElement, keypadWithContextElement],
@@ -500,8 +506,8 @@
         this.itemRenderer.getWidgetIds().forEach(id => {
           if (sorterWidgetRegex.test(id)) {
             if (questionState[id]) {
-              const sortableComponent = this.itemRenderer.questionRenderer.getWidgetInstance(id)
-                .refs.sortable;
+              const sortableComponent =
+                this.itemRenderer.questionRenderer.getWidgetInstance(id).refs.sortable;
               questionState[id].options = sortableComponent.getOptions();
             }
           }
@@ -516,11 +522,11 @@
         let hints = [];
         if (this.itemRenderer.hintsRenderer) {
           hints = Object.keys(this.itemRenderer.hintsRenderer.refs || {}).map(key =>
-            this.itemRenderer.hintsRenderer.refs[key].getSerializedState()
+            this.itemRenderer.hintsRenderer.refs[key].getSerializedState(),
           );
         }
         const question = this.addSorterState(
-          this.itemRenderer.questionRenderer.getSerializedState()
+          this.itemRenderer.questionRenderer.getSerializedState(),
         );
         // To prevent propagation of our locally replace blob URLs into answers,
         // we need to replace them with the original URLs.
@@ -529,14 +535,14 @@
       restoreSerializedState(answerState) {
         if (answerState && answerState.question && answerState.hints) {
           answerState = JSON.parse(
-            replaceImageUrls(JSON.stringify(answerState), this.perseusFileUrl)
+            replaceImageUrls(JSON.stringify(answerState), this.perseusFileUrl),
           );
           this.itemRenderer.restoreSerializedState(answerState);
           this.itemRenderer.getWidgetIds().forEach(id => {
             if (sorterWidgetRegex.test(id)) {
               if (answerState.question[id]) {
-                const sortableComponent = this.itemRenderer.questionRenderer.getWidgetInstance(id)
-                  .refs.sortable;
+                const sortableComponent =
+                  this.itemRenderer.questionRenderer.getWidgetInstance(id).refs.sortable;
                 const newProps = Object.assign({}, sortableComponent.props, {
                   options: answerState.question[id].options,
                 });
diff --git a/kolibri/plugins/perseus_viewer/assets/src/views/Tex.js b/kolibri/plugins/perseus_viewer/assets/src/views/Tex.js
index 143bc05826a..cb2ef9114ec 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/views/Tex.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/views/Tex.js
@@ -54,7 +54,7 @@ const loadMathJax = callback => {
 
 const doProcess = () => {
   loadMathJax(() => {
-    MathJax.Hub.Queue(function() {
+    MathJax.Hub.Queue(function () {
       const oldElementScripts = MathJax.Hub.elementScripts;
       MathJax.Hub.elementScripts = () => pendingScripts;
 
@@ -101,7 +101,7 @@ const TeX = createReactClass({
 
   mixins: [PureRenderMixin],
 
-  getDefaultProps: function() {
+  getDefaultProps: function () {
     return {
       katexOptions: {
         // There was a breaking change in the behavior of \color{}
@@ -113,21 +113,21 @@ const TeX = createReactClass({
         colorIsTextColor: true,
       },
       // Called after math is rendered or re-rendered
-      onRender: function() {},
+      onRender: function () {},
       onClick: null,
     };
   },
 
   // TODO(joshuan): Once we are using React 16.3+,
   // migrate to getDerivedStateFromProps
-  getInitialState: function() {
+  getInitialState: function () {
     return {
       mounted: false,
       katexHtml: this.getKatexHtml(this.props),
     };
   },
 
-  componentDidMount: function() {
+  componentDidMount: function () {
     this._root = findDOMNode(this);
 
     this.setState({
@@ -149,7 +149,7 @@ const TeX = createReactClass({
 
   // TODO(joshuan): If you are updating to React 16.3+, migrate to
   // getDerivedStateFromProps
-  componentWillReceiveProps: function(nextProps) {
+  componentWillReceiveProps: function (nextProps) {
     if (
       nextProps.children !== this.props.children ||
       JSON.stringify(nextProps.katexOptions) !== JSON.stringify(this.props.katexOptions)
@@ -160,7 +160,7 @@ const TeX = createReactClass({
     }
   },
 
-  componentDidUpdate: function(prevProps) {
+  componentDidUpdate: function (prevProps) {
     if (this.props.children !== prevProps.children) {
       this.maybeUnprocess();
 
@@ -203,7 +203,7 @@ const TeX = createReactClass({
     }
   },
 
-  componentWillUnmount: function() {
+  componentWillUnmount: function () {
     this.maybeUnprocess();
 
     if (this.script) {
@@ -247,7 +247,7 @@ const TeX = createReactClass({
     }
   },
 
-  process: function(callback) {
+  process: function (callback) {
     this.hasProcessed = false;
     process(this.script, () => {
       this.hasProcessed = true;
@@ -255,7 +255,7 @@ const TeX = createReactClass({
     });
   },
 
-  maybeUnprocess: function() {
+  maybeUnprocess: function () {
     // Sometimes, we end up rendering this component with some MathJax-only
     // math before very quickly switching over to some other math, before
     // MathJax has had a time to render. We want to remove the previously
@@ -266,7 +266,7 @@ const TeX = createReactClass({
     }
   },
 
-  setScriptText: function(text) {
+  setScriptText: function (text) {
     if (!this.script) {
       this.script = document.createElement('script');
       this.script.type = 'math/tex';
@@ -280,7 +280,7 @@ const TeX = createReactClass({
     }
   },
 
-  render: function() {
+  render: function () {
     const { katexHtml } = this.state;
 
     // If we successfully parsed with KaTeX, then try parse the
@@ -325,7 +325,7 @@ const TeX = createReactClass({
         dangerouslySetInnerHTML: katexA11yHtml,
         id: describedById,
         style: srOnly,
-      })
+      }),
     );
   },
 });
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/categorizer.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/categorizer.js
index 8d35dbcbee0..cc80f1761ca 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/categorizer.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/categorizer.js
@@ -6,6 +6,6 @@ export default (widget, rubric) => {
       values,
     },
     null, // cb
-    false // silent
+    false, // silent
   );
 };
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/dropdown.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/dropdown.js
index a9f473ad342..9d70fc82b17 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/dropdown.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/dropdown.js
@@ -5,6 +5,6 @@ export default (widget, rubric) => {
       selected: rubric.choices.indexOf(correct) + 1,
     },
     null,
-    false
+    false,
   );
 };
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/grapher.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/grapher.js
index c1a4a2b0c5a..9ce105d2f3d 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/grapher.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/grapher.js
@@ -6,6 +6,6 @@ export default (widget, rubric) => {
       plot,
     },
     null, // cb
-    false // silent
+    false, // silent
   );
 };
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/inputNumber.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/inputNumber.js
index b5ee42b9f1c..5a1295a43d1 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/inputNumber.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/inputNumber.js
@@ -3,7 +3,7 @@ import { Fraction } from 'fractional';
 // Taken from https://github.com/ekg/fraction.js/blob/master/index.js
 // as not in released version of fractional.
 
-Fraction.prototype.snap = function(max, threshold) {
+Fraction.prototype.snap = function (max, threshold) {
   if (!threshold) threshold = 0.0001;
   if (!max) max = 100;
 
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/interactiveGraph.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/interactiveGraph.js
index 5ccadedc9aa..1269a6f67b5 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/interactiveGraph.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/interactiveGraph.js
@@ -10,6 +10,6 @@ export default (widget, rubric) => {
     () => {
       widget.resetGraphie();
     },
-    false // silent
+    false, // silent
   );
 };
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/lightsPuzzle.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/lightsPuzzle.js
index 27bf80f7da5..525ae4e57b4 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/lightsPuzzle.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/lightsPuzzle.js
@@ -10,6 +10,6 @@ export default widget => {
       cells,
     },
     null, // cb
-    false // silent
+    false, // silent
   );
 };
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/matrix.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/matrix.js
index d8ee0419edd..7cfce60df2e 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/matrix.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/matrix.js
@@ -1,6 +1,6 @@
 export default (widget, rubric) => {
   const answers = rubric.answers.map(row =>
-    row.map(cell => (typeof cell === 'number' ? cell.toString() : ''))
+    row.map(cell => (typeof cell === 'number' ? cell.toString() : '')),
   );
 
   widget.props.onChange(
@@ -8,6 +8,6 @@ export default (widget, rubric) => {
       answers,
     },
     null, // cb
-    false // silent
+    false, // silent
   );
 };
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/numberLine.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/numberLine.js
index 6be6a095d12..b584ec87005 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/numberLine.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/numberLine.js
@@ -20,6 +20,6 @@ export default (widget, rubric) => {
   widget.props.onChange(
     newProps,
     widget._renderGraphie, // cb
-    false // silent
+    false, // silent
   );
 };
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/numericInput.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/numericInput.js
index 56ea1702f51..6c73820d8c9 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/numericInput.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/numericInput.js
@@ -23,6 +23,6 @@ export default (widget, rubric) => {
   widget.props.onChange(
     newProps,
     null, // cb
-    false // silent
+    false, // silent
   );
 };
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/plotter.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/plotter.js
index d2c3d6545e3..ce6ffff84ed 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/plotter.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/plotter.js
@@ -4,6 +4,6 @@ export default (widget, rubric) => {
       values: rubric.correct,
     },
     // Add callback to rerender Graphie after setting the state
-    widget.componentDidMount
+    widget.componentDidMount,
   );
 };
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/radio.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/radio.js
index 92e0228183d..8c3e30d2ec4 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/radio.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/radio.js
@@ -12,6 +12,6 @@ export default widget => {
       choiceStates: newStates,
     },
     null, // cb
-    false // silent
+    false, // silent
   );
 };
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/table.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/table.js
index 35fbf69c0ab..c880c098744 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/table.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/table.js
@@ -6,6 +6,6 @@ export default (widget, rubric) => {
       answers,
     },
     null, // cb
-    false // silent
+    false, // silent
   );
 };
diff --git a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/unit.js b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/unit.js
index 12e0735ad91..5aa93d4046a 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/unit.js
+++ b/kolibri/plugins/perseus_viewer/assets/src/widgetSolver/unit.js
@@ -6,6 +6,6 @@ export default (widget, rubric) => {
       value,
     },
     null, // cb
-    false // silent
+    false, // silent
   );
 };
diff --git a/kolibri/plugins/policies/assets/src/views/CookiePolicy.vue b/kolibri/plugins/policies/assets/src/views/CookiePolicy.vue
index a9ba47f51ec..218143ed199 100644
--- a/kolibri/plugins/policies/assets/src/views/CookiePolicy.vue
+++ b/kolibri/plugins/policies/assets/src/views/CookiePolicy.vue
@@ -26,24 +26,23 @@
             <th>{{ $tr('cookieExpiryTableHeader') }}</th>
           </tr>
           <tr>
-            <td> kolibri_csrftoken </td>
+            <td>kolibri_csrftoken</td>
             <td>{{ $tr('csrftokenCookiePurpose') }}</td>
             <td>{{ $tr('twoYearExpiry') }}</td>
           </tr>
           <tr>
-            <td> kolibri </td>
+            <td>kolibri</td>
             <td>{{ $tr('kolibriCookiePurpose') }}</td>
             <td>{{ $tr('kolibriCookieExpiry') }}</td>
           </tr>
           <tr>
-            <td> kolibri_cookie_consent </td>
+            <td>kolibri_cookie_consent</td>
             <td>{{ $tr('kolibriCookieConsentPurpose') }}</td>
             <td>{{ $tr('twoYearExpiry') }}</td>
           </tr>
         </table>
       </section>
 
-
       <section>
         <h2>{{ $tr('statisticsCookiesHeader') }}</h2>
         <p>{{ $tr('statisticsCookiesP1') }}</p>
@@ -54,7 +53,7 @@
             <th>{{ $tr('cookieExpiryTableHeader') }}</th>
           </tr>
           <tr>
-            <td> visitor_id </td>
+            <td>visitor_id</td>
             <td>{{ $tr('visitorIdPurpose') }}</td>
             <td>{{ $tr('twoYearExpiry') }}</td>
           </tr>
@@ -62,7 +61,7 @@
       </section>
       <section>
         <h2>{{ $tr('yourChoicesHeader') }}</h2>
-        <p>{{ $tr('choicesP1', { choice: "AYE" }) }}</p>
+        <p>{{ $tr('choicesP1', { choice: 'AYE' }) }}</p>
       </section>
       <KButton
         :text="coreString('closeAction')"
@@ -70,8 +69,6 @@
         @click="$emit('submit')"
       />
     </KPageContainer>
-
-
   </ImmersivePage>
 
 </template>
diff --git a/kolibri/plugins/setup_wizard/assets/src/machines/wizardMachine.js b/kolibri/plugins/setup_wizard/assets/src/machines/wizardMachine.js
index 960002e7772..e065e320ced 100644
--- a/kolibri/plugins/setup_wizard/assets/src/machines/wizardMachine.js
+++ b/kolibri/plugins/setup_wizard/assets/src/machines/wizardMachine.js
@@ -563,5 +563,5 @@ export const wizardMachine = createMachine(
         return context.fullOrLOD === DeviceTypePresets.FULL;
       },
     },
-  }
+  },
 );
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/ImportIndividualUserForm.vue b/kolibri/plugins/setup_wizard/assets/src/views/ImportIndividualUserForm.vue
index b2b2aa79695..7bcae5374e4 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/ImportIndividualUserForm.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/ImportIndividualUserForm.vue
@@ -23,7 +23,10 @@
         {{ formatNameAndId(facility.name, facility.id) }}
       </p>
       <p>{{ $tr('enterCredentials') }}</p>
-      <p v-if="error && !useAdmin" :style="{ color: $themeTokens.error }">
+      <p
+        v-if="error && !useAdmin"
+        :style="{ color: $themeTokens.error }"
+      >
         {{ coreString('invalidCredentialsError') }}
       </p>
       <KTextbox
@@ -55,13 +58,13 @@
 
       <KModal
         v-if="deviceLimitations"
-        :title="$tr('deviceLimitationsTitle') "
+        :title="$tr('deviceLimitationsTitle')"
         :cancelText="coreString('cancelAction')"
         :submitText="coreString('importAction')"
         @cancel="closeModal"
         @submit="importUser"
       >
-        <p> {{ modalMessage }} </p>
+        <p>{{ modalMessage }}</p>
       </KModal>
 
       <KModal
@@ -72,8 +75,11 @@
         @cancel="closeModal"
         @submit="moveAdmin"
       >
-        <p> {{ adminModalMessage }} </p>
-        <p v-if="error && useAdmin" :style="{ color: $themeTokens.error }">
+        <p>{{ adminModalMessage }}</p>
+        <p
+          v-if="error && useAdmin"
+          :style="{ color: $themeTokens.error }"
+        >
           {{ coreString('invalidCredentialsError') }}
         </p>
         <KTextbox
@@ -93,7 +99,6 @@
         />
       </KModal>
     </div>
-
   </OnboardingStepBase>
 
 </template>
@@ -247,7 +252,7 @@
         this.error = false;
 
         this.useAdmin = true;
-        this.$nextTick(function() {
+        this.$nextTick(function () {
           this.$refs.adminUsernameTextbox.focus();
         });
       },
@@ -322,7 +327,7 @@
             } else if (
               Array.isArray(errorData) &&
               errorData.find(
-                e => get(e, 'metadata.message', null) === ERROR_CONSTANTS.DEVICE_LIMITATIONS
+                e => get(e, 'metadata.message', null) === ERROR_CONSTANTS.DEVICE_LIMITATIONS,
               )
             ) {
               const error_info = errorData.reduce((info, err) => {
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/ImportMultipleUsers.vue b/kolibri/plugins/setup_wizard/assets/src/views/ImportMultipleUsers.vue
index a6a1e1bbdee..73bbcb2bbf2 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/ImportMultipleUsers.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/ImportMultipleUsers.vue
@@ -37,9 +37,12 @@
             <KCircularLoader
               v-else-if="isImporting(userRow.user)"
               :size="24"
-              style="margin: 4px auto 0;"
+              style="margin: 4px auto 0"
             />
-            <p v-else class="imported">
+            <p
+              v-else
+              class="imported"
+            >
               {{ $tr('imported') }}
             </p>
           </template>
@@ -153,7 +156,7 @@
                 // Remove completed user id from 'being imported'
                 const taskUserId = task.extra_metadata.user_id;
                 this.learnersBeingImported = this.learnersBeingImported.filter(
-                  id => id != taskUserId
+                  id => id != taskUserId,
                 );
 
                 // Update the wizard context to know this user has been imported - only if they
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/OnboardingStepBase.vue b/kolibri/plugins/setup_wizard/assets/src/views/OnboardingStepBase.vue
index 34521809ad3..6d93a78c3c0 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/OnboardingStepBase.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/OnboardingStepBase.vue
@@ -6,13 +6,15 @@
     :style="{ 'background-color': windowIsSmall ? $themeTokens.surface : '' }"
     @keyup.enter="handleEnterKey"
   >
-
     <div class="logo-lang-container">
       <!--
         Small Screen: Back button (if not hidden by prop)
         Med-Lg Screen: Logo
         -->
-      <div v-if="!windowIsSmall" class="logo-wrapper">
+      <div
+        v-if="!windowIsSmall"
+        class="logo-wrapper"
+      >
         <CoreLogo class="logo-image" />
         <span class="logo-text">{{ coreString('kolibriLabel') }}</span>
       </div>
@@ -41,8 +43,10 @@
       :topMargin="16"
       :noPadding="true"
     >
-
-      <div v-if="coreError" style="padding: 16px;">
+      <div
+        v-if="coreError"
+        style="padding: 16px"
+      >
         <AppError :hideParagraphs="true">
           <h2>{{ coreError }}</h2>
           <template #buttons>
@@ -54,12 +58,15 @@
           </template>
         </AppError>
       </div>
-      <div v-else class="content">
+      <div
+        v-else
+        class="content"
+      >
         <!-- Optional back arrow to show at the top for longer content views -->
         <KIconButton
           v-if="showBackArrow"
           icon="back"
-          style="margin-left: -12px;"
+          style="margin-left: -12px"
           @click="wizardService.send(eventOnGoBack)"
         />
 
@@ -67,7 +74,10 @@
           {{ title }}
         </h1>
 
-        <p v-if="description" class="description">
+        <p
+          v-if="description"
+          class="description"
+        >
           {{ description }}
         </p>
         <slot></slot>
@@ -78,19 +88,24 @@
         v-if="!coreError"
         class="footer"
         :style="{
-          borderTop: `1px solid ${windowIsSmall ? $themeTokens.surface : $themeTokens.fineLine}`
+          borderTop: `1px solid ${windowIsSmall ? $themeTokens.surface : $themeTokens.fineLine}`,
         }"
       >
         <!-- No room for slot on small screens.
              On med+ screens, to be used to show short strings of text eg, "Step 1 / 4" -->
-        <div v-if="!windowIsSmall" class="footer-section">
+        <div
+          v-if="!windowIsSmall"
+          class="footer-section"
+        >
           <slot name="footer"></slot>
           {{ footerMessage }}
         </div>
 
-
         <!-- Footer for medium+ screens -->
-        <KButtonGroup v-if="!windowIsSmall" class="footer-actions footer-section">
+        <KButtonGroup
+          v-if="!windowIsSmall"
+          class="footer-actions footer-section"
+        >
           <!-- Allow direct override of the buttons in the footer -->
           <slot name="buttons"></slot>
           <!-- Default buttons, hidden when the slot is used -->
@@ -112,7 +127,10 @@
         </KButtonGroup>
 
         <!-- Simpler to do a big button for the small screen separately -->
-        <div v-if="windowIsSmall" class="mobile-footer">
+        <div
+          v-if="windowIsSmall"
+          class="mobile-footer"
+        >
           <!-- Allow direct override of the buttons in the footer -->
           <slot name="buttons"></slot>
           <KButton
@@ -132,7 +150,6 @@
       class="ta-l"
       @cancel="showLanguageModal = false"
     />
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/SelectFacilityForm.vue b/kolibri/plugins/setup_wizard/assets/src/views/SelectFacilityForm.vue
index 13e22aa18f6..7d981c704a3 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/SelectFacilityForm.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/SelectFacilityForm.vue
@@ -22,7 +22,10 @@
         :disabled="formDisabled"
       />
 
-      <label class="select-button-label" for="select-address-button">
+      <label
+        class="select-button-label"
+        for="select-address-button"
+      >
         {{ $tr('selectDifferentDeviceLabel') }}
       </label>
       <KButton
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/SelectSuperAdminAccountForm.vue b/kolibri/plugins/setup_wizard/assets/src/views/SelectSuperAdminAccountForm.vue
index 150a6c1d6cb..9de7f9a2e0d 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/SelectSuperAdminAccountForm.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/SelectSuperAdminAccountForm.vue
@@ -20,9 +20,11 @@
         {{ coreString('invalidCredentialsError') }}
       </p>
       <p>
-        {{ $tr('chooseAdminPrompt', {
-          facility: facility.name
-        }) }}
+        {{
+          $tr('chooseAdminPrompt', {
+            facility: facility.name,
+          })
+        }}
       </p>
       <KSelect
         v-model="selected"
@@ -132,7 +134,7 @@
             // NOTE: We don't have the facility user ID on hand to disambiguate if
             // a duplicate username is used
             const superuserMatch = this.dropdownOptions.find(
-              ({ label }) => label === this.facility.username
+              ({ label }) => label === this.facility.username,
             );
             if (superuserMatch) {
               this.selected = superuserMatch;
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/SetupWizardIndex.vue b/kolibri/plugins/setup_wizard/assets/src/views/SetupWizardIndex.vue
index eb52c39b00a..095d46e5fe8 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/SetupWizardIndex.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/SetupWizardIndex.vue
@@ -1,7 +1,6 @@
 <template>
 
   <div class="onboarding">
-
     <ErrorPage
       v-if="error"
       class="body"
@@ -17,7 +16,6 @@
     <template v-else>
       <router-view />
     </template>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/CreateLearnerAccountForm.vue b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/CreateLearnerAccountForm.vue
index de67c7eca29..7a46942dfa2 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/CreateLearnerAccountForm.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/CreateLearnerAccountForm.vue
@@ -8,7 +8,6 @@
     :eventOnGoBack="backEvent"
     @continue="handleContinue"
   >
-
     <KRadioButton
       ref="yesRadio"
       v-model="setting"
@@ -28,7 +27,6 @@
     <p class="description">
       {{ getCommonSyncString('changeLater') }}
     </p>
-
   </OnboardingStepBase>
 
 </template>
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/FacilityPermissionsForm.vue b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/FacilityPermissionsForm.vue
index 65924dfbce2..a5a62c629ad 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/FacilityPermissionsForm.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/FacilityPermissionsForm.vue
@@ -34,7 +34,6 @@
       v-model="facilityName"
       class="textbox"
     />
-
   </OnboardingStepBase>
 
 </template>
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/GettingStartedFormAlt.vue b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/GettingStartedFormAlt.vue
index a30c3406d35..cee775b7a26 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/GettingStartedFormAlt.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/GettingStartedFormAlt.vue
@@ -1,8 +1,6 @@
 <template>
 
-  <OnboardingForm
-    :header="$tr('gettingStartedHeader')"
-  >
+  <OnboardingForm :header="$tr('gettingStartedHeader')">
     <p class="p1">
       {{ $tr('descriptionParagraph1') }}
     </p>
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/GuestAccessForm.vue b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/GuestAccessForm.vue
index bc9a4268cfc..363d7977cd2 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/GuestAccessForm.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/GuestAccessForm.vue
@@ -9,7 +9,6 @@
     :eventOnGoBack="backEvent"
     @continue="handleContinue"
   >
-
     <KRadioButton
       ref="yesRadio"
       v-model="setting"
@@ -27,7 +26,6 @@
     <p class="form">
       {{ $tr('changeLater') }}
     </p>
-
   </OnboardingStepBase>
 
 </template>
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/OnboardingForm.vue b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/OnboardingForm.vue
index 1d53bfb5793..92571959e8c 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/OnboardingForm.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/OnboardingForm.vue
@@ -8,10 +8,16 @@
     <form @submit.prevent="$emit('submit')">
       <fieldset class="onboarding-form-fields">
         <legend class="onboarding-form-legend">
-          <span v-if="hasDescription" class="onboardng-form-description">
+          <span
+            v-if="hasDescription"
+            class="onboardng-form-description"
+          >
             <slot name="description">{{ description }}</slot>
           </span>
-          <span v-else class="visuallyhidden">{{ header }}</span>
+          <span
+            v-else
+            class="visuallyhidden"
+          >{{ header }}</span>
         </legend>
 
         <slot></slot>
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/PersonalDataConsentForm.vue b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/PersonalDataConsentForm.vue
index d211317b13d..5cdb57079f0 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/PersonalDataConsentForm.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/PersonalDataConsentForm.vue
@@ -23,7 +23,6 @@
       @cancel="closeModal"
       @submit="closeModal"
     />
-
   </OnboardingStepBase>
 
 </template>
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/RequirePasswordForLearnersForm.vue b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/RequirePasswordForLearnersForm.vue
index 866eef2e243..2256ba3a834 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/RequirePasswordForLearnersForm.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/RequirePasswordForLearnersForm.vue
@@ -27,7 +27,6 @@
     <p class="description">
       {{ getCommonSyncString('changeLater') }}
     </p>
-
   </OnboardingStepBase>
 
 </template>
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/SettingUpKolibri.vue b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/SettingUpKolibri.vue
index 24fe2578a75..60aa618f08b 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/SettingUpKolibri.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/SettingUpKolibri.vue
@@ -1,7 +1,10 @@
 <template>
 
   <div class="full-page">
-    <AppError v-if="coreError" :hideParagraphs="true">
+    <AppError
+      v-if="coreError"
+      :hideParagraphs="true"
+    >
       <template #buttons>
         <KButton
           :text="coreString('startOverAction')"
@@ -199,7 +202,7 @@
             window.sessionStorage.setItem(welcomeDismissalKey, false);
             window.sessionStorage.setItem(
               facilityImported,
-              this.wizardContext('isImportedFacility')
+              this.wizardContext('isImportedFacility'),
             );
 
             Lockr.rm('savedState'); // Clear out saved state machine
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/UserCredentialsForm.vue b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/UserCredentialsForm.vue
index 4c0bbe90f48..76fcd5a07b0 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/UserCredentialsForm.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/onboarding-forms/UserCredentialsForm.vue
@@ -56,7 +56,6 @@
       <!-- NOTE: Demographic info forms were removed in PR #6053 -->
 
       <PrivacyLinkAndModal v-if="!hidePrivacyLink" />
-
     </form>
 
     <slot name="footer">
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/submission-states/ErrorPage.vue b/kolibri/plugins/setup_wizard/assets/src/views/submission-states/ErrorPage.vue
index eef01abe422..e72c67cc8b5 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/submission-states/ErrorPage.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/submission-states/ErrorPage.vue
@@ -1,7 +1,6 @@
 <template>
 
   <SubmissionStatePage :header="$tr('errorPageHeader')">
-
     <p class="error-page-subheader">
       {{ $tr('errorPageSubheader') }}
     </p>
@@ -13,11 +12,12 @@
       @click="refreshPage"
     />
 
-    <p class="error-page-subtext" :style="{ color: $themeTokens.annotation }">
+    <p
+      class="error-page-subtext"
+      :style="{ color: $themeTokens.annotation }"
+    >
       {{ $tr('errorPageAdditionalGuidance') }}
     </p>
-
-
   </SubmissionStatePage>
 
 </template>
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/submission-states/LoadingPage.vue b/kolibri/plugins/setup_wizard/assets/src/views/submission-states/LoadingPage.vue
index 31b64417a8e..aefc1f1fa89 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/submission-states/LoadingPage.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/submission-states/LoadingPage.vue
@@ -1,9 +1,7 @@
 <template>
 
   <SubmissionStatePage :header="$tr('loadingPageHeader')">
-
     {{ $tr('loadingPageSubheader') }}
-
   </SubmissionStatePage>
 
 </template>
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/submission-states/SubmissionStatePage.vue b/kolibri/plugins/setup_wizard/assets/src/views/submission-states/SubmissionStatePage.vue
index 7fa9bab409e..68bbfa60852 100644
--- a/kolibri/plugins/setup_wizard/assets/src/views/submission-states/SubmissionStatePage.vue
+++ b/kolibri/plugins/setup_wizard/assets/src/views/submission-states/SubmissionStatePage.vue
@@ -6,14 +6,16 @@
       :delay="false"
     />
 
-    <h1 class="submission-state-page-header" :style="{ color: $themeTokens.primary }">
+    <h1
+      class="submission-state-page-header"
+      :style="{ color: $themeTokens.primary }"
+    >
       {{ header }}
     </h1>
 
     <div class="submission-state-page-body">
       <slot></slot>
     </div>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/slideshow_viewer/assets/src/views/SlideshowRendererComponent.vue b/kolibri/plugins/slideshow_viewer/assets/src/views/SlideshowRendererComponent.vue
index b1cea435ec5..7d87f09b985 100644
--- a/kolibri/plugins/slideshow_viewer/assets/src/views/SlideshowRendererComponent.vue
+++ b/kolibri/plugins/slideshow_viewer/assets/src/views/SlideshowRendererComponent.vue
@@ -17,13 +17,13 @@
         v-if="isInFullscreen"
         icon="fullscreen_exit"
         :color="$themeTokens.textInverted"
-        style="top:0; width: 24px; height: 24px;"
+        style="top: 0; width: 24px; height: 24px"
       />
       <KIcon
         v-else
         icon="fullscreen"
         :color="$themeTokens.textInverted"
-        style="top:0; width: 24px; height: 24px;"
+        style="top: 0; width: 24px; height: 24px"
       />
     </UiIconButton>
     <Hooper
@@ -32,11 +32,15 @@
       @slide="handleSlide"
       @loaded="initializeHooper"
     >
-      <Slide v-for="(slide, index) in slides" :key="slide.id + index" :index="index">
+      <Slide
+        v-for="(slide, index) in slides"
+        :key="slide.id + index"
+        :index="index"
+      >
         <div
           class="slideshow-slide-image-wrapper"
           :style="{
-            height: `calc(100% - ${captionHeight}px)`
+            height: `calc(100% - ${captionHeight}px)`,
           }"
         >
           <img
@@ -45,7 +49,10 @@
             class="slideshow-slide-image"
           >
         </div>
-        <div :id="slideTextId(slide.id)" class="visuallyhidden">
+        <div
+          :id="slideTextId(slide.id)"
+          class="visuallyhidden"
+        >
           {{ slide.descriptive_text || slide.caption }}
         </div>
         <div
@@ -132,11 +139,11 @@
           this.visitedSlides = value;
         },
       },
-      slideshowImages: function() {
+      slideshowImages: function () {
         const files = this.files;
         return files.filter(file => file.preset != 'slideshow_manifest');
       },
-      captionHeight: function() {
+      captionHeight: function () {
         return (
           30 +
           (this.currentSlide && this.$refs[this.currentSlide.id]
@@ -144,7 +151,7 @@
             : 0)
         );
       },
-      contentHeight: function() {
+      contentHeight: function () {
         return window.innerHeight * 0.7 + 'px';
       },
       /* eslint-disable kolibri/vue-no-unused-properties */
@@ -227,7 +234,7 @@
             };
           }),
           ['sort_order'],
-          ['asc']
+          ['asc'],
         );
         this.currentSlideIndex = this.highestViewedSlideIndex;
       },
@@ -281,7 +288,7 @@
         this.setHooperListWidth();
         // Do this on nextTick to avoid sliding into position without proper resizing occurring.
         this.$nextTick(() =>
-          this.$refs.slider.slideTo(this.extraFields.contentState.lastViewedSlideIndex)
+          this.$refs.slider.slideTo(this.extraFields.contentState.lastViewedSlideIndex),
         );
       },
       updateContentState() {
@@ -310,7 +317,7 @@
           // update progress using number of slides seen out of available slides
           this.$emit(
             'updateProgress',
-            Object.keys(this.savedVisitedSlides).length / this.slides.length
+            Object.keys(this.savedVisitedSlides).length / this.slides.length,
           );
         }
       },
diff --git a/kolibri/plugins/slideshow_viewer/assets/tests/SlideshowRendererComponent.spec.js b/kolibri/plugins/slideshow_viewer/assets/tests/SlideshowRendererComponent.spec.js
index 2c8738b52e0..1c5438d9458 100644
--- a/kolibri/plugins/slideshow_viewer/assets/tests/SlideshowRendererComponent.spec.js
+++ b/kolibri/plugins/slideshow_viewer/assets/tests/SlideshowRendererComponent.spec.js
@@ -20,7 +20,7 @@ describe('updateProgress', () => {
 
     expect(context.$emit.mock.calls[0][0]).toBe('updateProgress');
     expect(context.$emit.mock.calls[0][1]).toEqual(
-      Object.keys(context.savedVisitedSlides).length / context.slides.length
+      Object.keys(context.savedVisitedSlides).length / context.slides.length,
     );
     expect(context.$emit.mock.calls[0][1]).not.toBe(context.durationBasedProgress);
   });
@@ -32,7 +32,7 @@ describe('updateProgress', () => {
     expect(context.$emit.mock.calls[0][0]).toBe('updateProgress');
     expect(context.$emit.mock.calls[0][1]).toBe(0.1);
     expect(context.$emit.mock.calls[0][1]).not.toEqual(
-      Object.keys(context.savedVisitedSlides).length / context.slides.length
+      Object.keys(context.savedVisitedSlides).length / context.slides.length,
     );
   });
 });
diff --git a/kolibri/plugins/user_auth/assets/src/views/AuthBase.vue b/kolibri/plugins/user_auth/assets/src/views/AuthBase.vue
index 785e56d4bc2..63d63df39de 100644
--- a/kolibri/plugins/user_auth/assets/src/views/AuthBase.vue
+++ b/kolibri/plugins/user_auth/assets/src/views/AuthBase.vue
@@ -20,7 +20,7 @@
             <h1
               v-if="themeConfig.signIn.showTitle"
               class="kolibri-title"
-              :style="[ { color: $themeTokens.primary }, themeConfig.signIn.titleStyle]"
+              :style="[{ color: $themeTokens.primary }, themeConfig.signIn.titleStyle]"
             >
               {{ logoText }}
             </h1>
@@ -30,7 +30,11 @@
             <p>{{ $tr('restrictedAccessDescription') }}</p>
           </div>
           <!-- remote access enabled -->
-          <div v-else class="box" :style="{ backgroundColor: $themeTokens.surface }">
+          <div
+            v-else
+            class="box"
+            :style="{ backgroundColor: $themeTokens.surface }"
+          >
             <CoreLogo
               v-if="themeConfig.signIn.topLogo"
               class="logo"
@@ -41,7 +45,7 @@
             <h1
               v-if="themeConfig.signIn.showTitle"
               class="kolibri-title"
-              :style="[ { color: $themeTokens.primary }, themeConfig.signIn.titleStyle]"
+              :style="[{ color: $themeTokens.primary }, themeConfig.signIn.titleStyle]"
             >
               {{ logoText }}
             </h1>
@@ -68,22 +72,32 @@
 
             <slot></slot>
 
-            <p v-if="!hideCreateAccount && canSignUp" class="create">
+            <p
+              v-if="!hideCreateAccount && canSignUp"
+              class="create"
+            >
               <KRouterLink
                 :text="userString('createAccountAction')"
                 :to="signUpPage"
                 :primary="false"
                 appearance="raised-button"
                 :disabled="busy"
-                style="width: 100%;"
+                style="width: 100%"
                 data-test="createUser"
               />
             </p>
 
             <div>
-              <component :is="component" v-for="component in loginOptions" :key="component.name" />
+              <component
+                :is="component"
+                v-for="component in loginOptions"
+                :key="component.name"
+              />
             </div>
-            <p v-if="showGuestAccess" class="guest small-text">
+            <p
+              v-if="showGuestAccess"
+              class="guest small-text"
+            >
               <KExternalLink
                 :text="$tr('accessAsGuest')"
                 :href="guestURL"
@@ -92,11 +106,18 @@
               />
             </p>
           </div>
-          <div class="background" :style="backgroundImageStyle" aria-hidden="true"></div>
+          <div
+            class="background"
+            :style="backgroundImageStyle"
+            aria-hidden="true"
+          ></div>
         </div>
       </div>
       <div class="table-row">
-        <div class="footer-cell table-cell" :style="{ backgroundColor: $themeTokens.surface }">
+        <div
+          class="footer-cell table-cell"
+          :style="{ backgroundColor: $themeTokens.surface }"
+        >
           <LanguageSwitcherFooter />
           <div class="small-text">
             <span class="version-string">
@@ -115,9 +136,11 @@
             <template v-if="themeConfig.signIn.backgroundImgCredit">
               <span> • </span>
               <span>
-                {{ $tr('photoCreditLabel', {
-                  photoCredit: themeConfig.signIn.backgroundImgCredit
-                }) }}
+                {{
+                  $tr('photoCreditLabel', {
+                    photoCredit: themeConfig.signIn.backgroundImgCredit,
+                  })
+                }}
               </span>
             </template>
           </div>
diff --git a/kolibri/plugins/user_auth/assets/src/views/AuthSelect.vue b/kolibri/plugins/user_auth/assets/src/views/AuthSelect.vue
index c2c9c1f3af2..5e80cb0f79a 100644
--- a/kolibri/plugins/user_auth/assets/src/views/AuthSelect.vue
+++ b/kolibri/plugins/user_auth/assets/src/views/AuthSelect.vue
@@ -10,19 +10,19 @@
           :text="coreString('signInLabel')"
           :to="signInRoute"
           appearance="raised-button"
-          style="width: 100%;"
+          style="width: 100%"
           :primary="true"
         />
       </div>
       <div class="sign-up-prompt">
         <div class="label">
-          {{ $tr("newUserPrompt") }}
+          {{ $tr('newUserPrompt') }}
         </div>
         <KRouterLink
           :text="userString('createAccountAction')"
           :to="signUpRoute"
           :primary="false"
-          style="width: 100%;"
+          style="width: 100%"
           appearance="raised-button"
         />
       </div>
diff --git a/kolibri/plugins/user_auth/assets/src/views/FacilitySelect.vue b/kolibri/plugins/user_auth/assets/src/views/FacilitySelect.vue
index c7dde40f3c7..f7c810dd326 100644
--- a/kolibri/plugins/user_auth/assets/src/views/FacilitySelect.vue
+++ b/kolibri/plugins/user_auth/assets/src/views/FacilitySelect.vue
@@ -12,14 +12,21 @@
         <p class="label">
           {{ label }}
         </p>
-        <div v-for="facility in facilityList['enabled']" :key="facility.id" class="facility-name">
+        <div
+          v-for="facility in facilityList['enabled']"
+          :key="facility.id"
+          class="facility-name"
+        >
           <KButton
             appearance="raised-button"
             :primary="false"
             @click="setFacility(facility.id)"
           >
             <template #icon>
-              <KIcon icon="facility" style="margin-right: 16px;" />
+              <KIcon
+                icon="facility"
+                style="margin-right: 16px"
+              />
             </template>
             {{ facility.name }}
           </KButton>
@@ -43,7 +50,10 @@
             appearance="raised-button"
           >
             <template #icon>
-              <KIcon icon="facility" style="margin-right: 16px;" />
+              <KIcon
+                icon="facility"
+                style="margin-right: 16px"
+              />
             </template>
             {{ facility.name }}
           </KButton>
@@ -88,7 +98,7 @@
         if (this.whereToNext.name === ComponentMap.SIGN_UP) {
           const partitionedFacilities = partition(
             this.facilities,
-            f => f.dataset.learner_can_sign_up
+            f => f.dataset.learner_can_sign_up,
           );
           return {
             enabled: partitionedFacilities[0],
diff --git a/kolibri/plugins/user_auth/assets/src/views/LanguageSwitcherFooter.vue b/kolibri/plugins/user_auth/assets/src/views/LanguageSwitcherFooter.vue
index 5d2e74655e9..d292781a6b6 100644
--- a/kolibri/plugins/user_auth/assets/src/views/LanguageSwitcherFooter.vue
+++ b/kolibri/plugins/user_auth/assets/src/views/LanguageSwitcherFooter.vue
@@ -1,7 +1,10 @@
 <template>
 
   <div class="language-switcher-wrapper">
-    <LanguageSwitcherList center class="list" />
+    <LanguageSwitcherList
+      center
+      class="list"
+    />
   </div>
 
 </template>
diff --git a/kolibri/plugins/user_auth/assets/src/views/SignInPage/NewPasswordPage.vue b/kolibri/plugins/user_auth/assets/src/views/SignInPage/NewPasswordPage.vue
index 18e7bb80e2f..86a4c93e4be 100644
--- a/kolibri/plugins/user_auth/assets/src/views/SignInPage/NewPasswordPage.vue
+++ b/kolibri/plugins/user_auth/assets/src/views/SignInPage/NewPasswordPage.vue
@@ -4,7 +4,7 @@
     <div style="text-align: left">
       <KButton
         appearance="basic-link"
-        style="margin-bottom: 16px;"
+        style="margin-bottom: 16px"
         data-test="goback"
         @click="goBack"
       >
@@ -23,7 +23,7 @@
         </template>
       </KButton>
 
-      <p>{{ $tr("needToMakeNewPasswordLabel", { user: username }) }}</p>
+      <p>{{ $tr('needToMakeNewPasswordLabel', { user: username }) }}</p>
 
       <PasswordTextbox
         ref="createPassword"
@@ -38,7 +38,7 @@
         appearance="raised-button"
         :primary="true"
         :text="coreString('continueAction')"
-        style="width: 100%; margin: 24px auto 0; display:block;"
+        style="display: block; width: 100%; margin: 24px auto 0"
         :disabled="busy"
         data-test="submit"
         @click="updatePassword"
diff --git a/kolibri/plugins/user_auth/assets/src/views/SignInPage/SignInHeading.vue b/kolibri/plugins/user_auth/assets/src/views/SignInPage/SignInHeading.vue
index e6f729c3453..b1af7041da7 100644
--- a/kolibri/plugins/user_auth/assets/src/views/SignInPage/SignInHeading.vue
+++ b/kolibri/plugins/user_auth/assets/src/views/SignInPage/SignInHeading.vue
@@ -3,7 +3,7 @@
   <div class="sign-in-text">
     <div
       v-if="showFacilityName && !showPasswordForm"
-      style="margin-top: 24px; margin-bottom: 16px; text-align: left;"
+      style="margin-top: 24px; margin-bottom: 16px; text-align: left"
     >
       {{ userString('signInToFacilityLabel', { facility: selectedFacility.name }) }}
     </div>
@@ -11,13 +11,13 @@
     <!-- Asking for password, has multiple facilities or is not informal -->
     <div
       v-else-if="showFacilityName && showPasswordForm"
-      style="margin-top: 24px; margin-bottom: 16px; text-align: left;"
+      style="margin-top: 24px; margin-bottom: 16px; text-align: left"
     >
       {{
-        userString(
-          'signingInToFacilityAsUserLabel',
-          { facility: selectedFacility.name, user: username }
-        )
+        userString('signingInToFacilityAsUserLabel', {
+          facility: selectedFacility.name,
+          user: username,
+        })
       }}
     </div>
 
diff --git a/kolibri/plugins/user_auth/assets/src/views/SignInPage/index.vue b/kolibri/plugins/user_auth/assets/src/views/SignInPage/index.vue
index 6c04e1511f5..9a07bb85dc4 100644
--- a/kolibri/plugins/user_auth/assets/src/views/SignInPage/index.vue
+++ b/kolibri/plugins/user_auth/assets/src/views/SignInPage/index.vue
@@ -8,14 +8,14 @@
     <div v-if="!needsToCreatePassword">
       <!-- ** Text and Backlinks ** -->
 
-      <div style="width: 100%; text-align: left; display: block;">
+      <div style="display: block; width: 100%; text-align: left">
         <!-- In MFD show return to facility select when not asking for password -->
         <KRouterLink
           v-if="hasMultipleFacilities && !showPasswordForm"
           icon="back"
           :text="coreString('changeLearningFacility')"
           :to="backToFacilitySelectionRoute"
-          style="margin-top: 24px; margin-left: -4px;"
+          style="margin-top: 24px; margin-left: -4px"
         />
 
         <!-- When password form shows, show a change user link -->
@@ -24,18 +24,17 @@
           v-if="showPasswordForm"
           appearance="basic-link"
           :text="$tr('changeUser')"
-          style="margin-top: 24px; margin-left: 4px;"
+          style="margin-top: 24px; margin-left: 4px"
           @click="clearUser"
         >
           <template #icon>
             <KIcon
-              style="width: 24px; height: 24px; top: 6px; right: 8px;"
+              style="top: 6px; right: 8px; width: 24px; height: 24px"
               icon="back"
               :color="$themeTokens.primary"
             />
           </template>
         </KButton>
-
       </div>
 
       <SignInHeading
@@ -52,7 +51,11 @@
           TODO: Extract this into a separate component. We're post string freeze and short on
           time right now
         -->
-      <form ref="form" class="login-form" @submit.prevent="signIn">
+      <form
+        ref="form"
+        class="login-form"
+        @submit.prevent="signIn"
+      >
         <div v-show="showUsernameForm">
           <transition name="textbox">
             <KTextbox
@@ -246,7 +249,7 @@
       suggestions() {
         // Filter suggestions on the client side so we don't hammer the server
         return this.usernameSuggestions.filter(sug =>
-          sug.toLowerCase().startsWith(this.username.toLowerCase())
+          sug.toLowerCase().startsWith(this.username.toLowerCase()),
         );
       },
       usernameIsInvalidText() {
@@ -391,7 +394,7 @@
             if (this.showDropdown && this.suggestions.length) {
               this.highlightedIndex = Math.min(
                 this.highlightedIndex + 1,
-                this.suggestions.length - 1
+                this.suggestions.length - 1,
               );
             }
             break;
diff --git a/kolibri/plugins/user_auth/assets/src/views/SignUpPage.vue b/kolibri/plugins/user_auth/assets/src/views/SignUpPage.vue
index 19fbf58fe23..2329530624b 100644
--- a/kolibri/plugins/user_auth/assets/src/views/SignUpPage.vue
+++ b/kolibri/plugins/user_auth/assets/src/views/SignUpPage.vue
@@ -1,7 +1,6 @@
 <template>
 
   <div class="signup-page">
-
     <KPageContainer class="narrow-container">
       <form
         ref="form"
@@ -97,10 +96,12 @@
       </form>
     </KPageContainer>
 
-    <div v-if="atFirstStep" class="footer">
+    <div
+      v-if="atFirstStep"
+      class="footer"
+    >
       <LanguageSwitcherFooter />
     </div>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/user_auth/assets/src/views/UserAuthLayout.vue b/kolibri/plugins/user_auth/assets/src/views/UserAuthLayout.vue
index bac2199e5e0..5e373a5952d 100644
--- a/kolibri/plugins/user_auth/assets/src/views/UserAuthLayout.vue
+++ b/kolibri/plugins/user_auth/assets/src/views/UserAuthLayout.vue
@@ -5,7 +5,6 @@
     class="main-wrapper"
     :style="mainWrapperStyles"
   >
-
     <div
       v-if="!loading"
       class="scrolling-pane"
@@ -41,7 +40,6 @@
     <div aria-live="polite">
       <GlobalSnackbar />
     </div>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/user_auth/assets/src/views/UsersList.vue b/kolibri/plugins/user_auth/assets/src/views/UsersList.vue
index ada35d70c9a..9868a2ee560 100644
--- a/kolibri/plugins/user_auth/assets/src/views/UsersList.vue
+++ b/kolibri/plugins/user_auth/assets/src/views/UsersList.vue
@@ -5,15 +5,16 @@
       v-for="username in users"
       :key="username"
       class="listed-user"
-      style="width: 100%; text-align: left; margin-left: 0px;"
+      style="width: 100%; margin-left: 0; text-align: left"
       :disabled="busy"
       @click="$emit('userSelected', username)"
     >
-
-      <KIcon icon="person" style="margin-right: 8px" />
+      <KIcon
+        icon="person"
+        style="margin-right: 8px"
+      />
 
       {{ username }}
-
     </KButton>
   </div>
 
diff --git a/kolibri/plugins/user_profile/assets/src/composables/useCurrentUser.js b/kolibri/plugins/user_profile/assets/src/composables/useCurrentUser.js
index c695ebf72e8..7d0968bfcab 100644
--- a/kolibri/plugins/user_profile/assets/src/composables/useCurrentUser.js
+++ b/kolibri/plugins/user_profile/assets/src/composables/useCurrentUser.js
@@ -13,7 +13,7 @@ export default function useCurrentUser() {
       userModel => {
         currentUser.value = { ...userModel };
         isLoading.value = false;
-      }
+      },
     );
   });
 
diff --git a/kolibri/plugins/user_profile/assets/src/composables/useRemoteFacility.js b/kolibri/plugins/user_profile/assets/src/composables/useRemoteFacility.js
index 1011eddefc8..3d11168e422 100644
--- a/kolibri/plugins/user_profile/assets/src/composables/useRemoteFacility.js
+++ b/kolibri/plugins/user_profile/assets/src/composables/useRemoteFacility.js
@@ -22,7 +22,7 @@ function remoteFacilityUserData(baseurl, facility_id, username, password, userAd
   });
 }
 
-const remoteFacilityUsers = function(baseurl, facility_id, username) {
+const remoteFacilityUsers = function (baseurl, facility_id, username) {
   const params = {
     baseurl: baseurl,
     facility: facility_id,
diff --git a/kolibri/plugins/user_profile/assets/src/machines/changeFacilityMachine.js b/kolibri/plugins/user_profile/assets/src/machines/changeFacilityMachine.js
index 905f843693f..98c2846a04c 100644
--- a/kolibri/plugins/user_profile/assets/src/machines/changeFacilityMachine.js
+++ b/kolibri/plugins/user_profile/assets/src/machines/changeFacilityMachine.js
@@ -49,7 +49,7 @@ const connectToTargetKolibri = (context, event) => {
 const getUserWPasswordInfo = context => {
   const facility = context.targetFacility;
   return remoteFacilityUserData(facility.url, facility.id, context.username, null).then(
-    user => user
+    user => user,
   );
 };
 
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/ConfirmAccountUsername/index.vue b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/ConfirmAccountUsername/index.vue
index 99ee0273cc7..de0bbe24876 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/ConfirmAccountUsername/index.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/ConfirmAccountUsername/index.vue
@@ -24,7 +24,6 @@
         </KButtonGroup>
       </slot>
     </BottomAppBar>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/ConfirmChangeFacility.vue b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/ConfirmChangeFacility.vue
index 62844cde552..9ba467a6d48 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/ConfirmChangeFacility.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/ConfirmChangeFacility.vue
@@ -23,7 +23,6 @@
         </KButtonGroup>
       </slot>
     </BottomAppBar>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/ConfirmMerge.vue b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/ConfirmMerge.vue
index 88ccd360115..add3edf4b7a 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/ConfirmMerge.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/ConfirmMerge.vue
@@ -33,7 +33,6 @@
         </KButtonGroup>
       </slot>
     </BottomAppBar>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/CreateAccount/__tests__/index.spec.js b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/CreateAccount/__tests__/index.spec.js
index 54c97214cc1..325bcc10da2 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/CreateAccount/__tests__/index.spec.js
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/CreateAccount/__tests__/index.spec.js
@@ -37,19 +37,11 @@ const getPasswordTextbox = wrapper => wrapper.find('[data-test="passwordTextbox"
 const clickBackButton = wrapper => getBackButton(wrapper).trigger('click');
 const clickContinueButton = wrapper => getContinueButton(wrapper).trigger('click');
 const setUsernameTextboxValue = (wrapper, value) => {
-  getUsernameTextbox(wrapper)
-    .find('input')
-    .setValue(value);
+  getUsernameTextbox(wrapper).find('input').setValue(value);
 };
 const setPasswordTextboxValue = (wrapper, value) => {
-  getPasswordTextbox(wrapper)
-    .findComponent({ ref: 'password' })
-    .find('input')
-    .setValue(value);
-  getPasswordTextbox(wrapper)
-    .findComponent({ ref: 'confirm' })
-    .find('input')
-    .setValue(value);
+  getPasswordTextbox(wrapper).findComponent({ ref: 'password' }).find('input').setValue(value);
+  getPasswordTextbox(wrapper).findComponent({ ref: 'confirm' }).find('input').setValue(value);
 };
 
 describe(`ChangeFacility/CreateAccount`, () => {
@@ -69,7 +61,7 @@ describe(`ChangeFacility/CreateAccount`, () => {
       fullName: 'Test User',
     });
     expect(wrapper.text()).toContain(
-      "New account for 'Test User' in 'Test Facility' learning facility"
+      "New account for 'Test User' in 'Test Facility' learning facility",
     );
   });
 
@@ -112,7 +104,7 @@ describe(`ChangeFacility/CreateAccount`, () => {
   it(`shows the message for users to remember their account information`, () => {
     const wrapper = makeWrapper();
     expect(wrapper.text()).toContain(
-      'Important: please remember this account information. Write it down if needed.'
+      'Important: please remember this account information. Write it down if needed.',
     );
   });
 
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/CreateAccount/index.vue b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/CreateAccount/index.vue
index 0348f499dce..73397bd641c 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/CreateAccount/index.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/CreateAccount/index.vue
@@ -23,7 +23,7 @@
 
     <PrivacyLinkAndModal />
 
-    <p :style=" { color: $themeTokens.annotation }">
+    <p :style="{ color: $themeTokens.annotation }">
       {{ coreString('rememberThisAccountInformation') }}
     </p>
 
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/CreatePassword.vue b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/CreatePassword.vue
index 0439eb50865..8ec43f75782 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/CreatePassword.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/CreatePassword.vue
@@ -12,7 +12,7 @@
       :shouldValidate="isFormSubmitted"
     />
 
-    <p :style=" { color: $themeTokens.annotation }">
+    <p :style="{ color: $themeTokens.annotation }">
       {{ coreString('rememberThisAccountInformation') }}
     </p>
 
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/ConfirmAccountDetails.vue b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/ConfirmAccountDetails.vue
index db27ce91e34..c42071559fb 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/ConfirmAccountDetails.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/ConfirmAccountDetails.vue
@@ -27,7 +27,10 @@
         <th>
           {{ coreString('identifierLabel') }}
         </th>
-        <td dir="auto" data-test="idnumber">
+        <td
+          dir="auto"
+          data-test="idnumber"
+        >
           {{ cleanValue(targetAccount.id_number) }}
         </td>
       </tr>
@@ -35,7 +38,10 @@
         <th>
           {{ coreString('genderLabel') }}
         </th>
-        <td dir="auto" data-test="gender">
+        <td
+          dir="auto"
+          data-test="gender"
+        >
           <GenderDisplayText :gender="targetAccount.gender" />
         </td>
       </tr>
@@ -43,7 +49,10 @@
         <th>
           {{ coreString('birthYearLabel') }}
         </th>
-        <td dir="auto" data-test="birthyear">
+        <td
+          dir="auto"
+          data-test="birthyear"
+        >
           <BirthYearDisplayText :birthYear="targetAccount.birth_year" />
         </td>
       </tr>
@@ -68,7 +77,6 @@
         </KButtonGroup>
       </slot>
     </BottomAppBar>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/__tests__/ConfirmAccountDetails.spec.js b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/__tests__/ConfirmAccountDetails.spec.js
index b89d882318e..18eb772177a 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/__tests__/ConfirmAccountDetails.spec.js
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/__tests__/ConfirmAccountDetails.spec.js
@@ -51,7 +51,7 @@ describe(`ChangeFacility/MergeAccountDialog/ConfirmAccountDetails`, () => {
       username: 'TestLocalUser',
     });
     expect(wrapper.text()).toContain(
-      "Your account will be merged into this account in 'Test Facility'"
+      "Your account will be merged into this account in 'Test Facility'",
     );
     expect(wrapper.find('[data-test="fullname"]').text()).toEqual('Test Full Name');
     expect(wrapper.find('[data-test="username"]').text()).toEqual('remote_username');
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/__tests__/index.spec.js b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/__tests__/index.spec.js
index 36f68e58d84..ae0c8b3b3d3 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/__tests__/index.spec.js
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/__tests__/index.spec.js
@@ -29,15 +29,11 @@ function makeWrapper({ targetFacility, targetAccount, fullname, username } = {})
 
 const getUsernameTextbox = wrapper => wrapper.find('[data-test="usernameTextbox"]');
 const setUsernameTextboxValue = (wrapper, value) => {
-  getUsernameTextbox(wrapper)
-    .find('input')
-    .setValue(value);
+  getUsernameTextbox(wrapper).find('input').setValue(value);
 };
 const getPasswordTextbox = wrapper => wrapper.find('[data-test="passwordTextbox"]');
 const setPasswordTextboxValue = (wrapper, value) => {
-  getPasswordTextbox(wrapper)
-    .find('input')
-    .setValue(value);
+  getPasswordTextbox(wrapper).find('input').setValue(value);
 };
 
 describe(`ChangeFacility/MergeAccountDialog`, () => {
@@ -64,7 +60,7 @@ describe(`ChangeFacility/MergeAccountDialog`, () => {
     expect(wrapper.find('[data-test="usernameTextbox"]').exists()).toBe(false);
     expect(wrapper.find('[data-test="passwordTextbox"]').exists()).toBe(true);
     expect(wrapper.text()).toContain(
-      "Enter the password of the account 'test2' in 'Test Facility' learning facility that you want to merge your account with"
+      "Enter the password of the account 'test2' in 'Test Facility' learning facility that you want to merge your account with",
     );
   });
 
@@ -103,7 +99,7 @@ describe(`ChangeFacility/MergeAccountDialog`, () => {
       'id_facility',
       'test1',
       'my password',
-      null
+      null,
     );
   });
 
@@ -129,7 +125,7 @@ describe(`ChangeFacility/MergeAccountDialog`, () => {
       'id_facility',
       'test1',
       'admin password',
-      'testadmin'
+      'testadmin',
     );
   });
 });
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/index.vue b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/index.vue
index dce58c70a0c..21ee6d8bb69 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/index.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeAccountDialog/index.vue
@@ -2,10 +2,17 @@
 
   <div>
     <h1>{{ profileString('mergeAccounts') }}</h1>
-    <p class="fullname" data-test="fullName">
+    <p
+      class="fullname"
+      data-test="fullName"
+    >
       {{ fullName }}
     </p>
-    <p class="username" data-test="username" :style="{ color: $themeTokens.annotation }">
+    <p
+      class="username"
+      data-test="username"
+      :style="{ color: $themeTokens.annotation }"
+    >
       {{ username }}
     </p>
     <span v-if="usingAdminPasswordState">
@@ -17,8 +24,6 @@
         :autofocus="true"
         :label="coreString('usernameLabel')"
       />
-
-
     </span>
     <p v-else>
       {{ mergeAccountUserInfo }}
@@ -64,7 +69,6 @@
         </KButtonGroup>
       </slot>
     </BottomAppBar>
-
   </div>
 
 </template>
@@ -160,7 +164,7 @@
           facility.id,
           get(state, 'value.targetAccount.username', ''),
           formData.value.password,
-          usingAdminPasswordState.value ? formData.value.username : null
+          usingAdminPasswordState.value ? formData.value.username : null,
         ).then(user_info => {
           if (user_info === 'error') {
             isPasswordInvalid.value = true;
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeDifferentAccounts/__tests__/index.spec.js b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeDifferentAccounts/__tests__/index.spec.js
index 49a80984b91..03fdc55c335 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeDifferentAccounts/__tests__/index.spec.js
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeDifferentAccounts/__tests__/index.spec.js
@@ -32,9 +32,7 @@ function makeWrapper({ targetFacility, targetAccount, fullname, username } = {})
 
 const getUsernameTextbox = wrapper => wrapper.find('[data-test="usernameTextbox"]');
 const setUsernameTextboxValue = (wrapper, value) => {
-  getUsernameTextbox(wrapper)
-    .find('input')
-    .setValue(value);
+  getUsernameTextbox(wrapper).find('input').setValue(value);
 };
 const getBackButton = wrapper => wrapper.find('[data-test="backButton"]');
 const getContinueButton = wrapper => wrapper.find('[data-test="continueButton"]');
@@ -73,7 +71,7 @@ describe(`ChangeFacility/MergeAccountDialog`, () => {
     expect(remoteFacilityUsers).toHaveBeenCalledWith(
       'http://localhost/test',
       'id_facility',
-      'other_user'
+      'other_user',
     );
   });
 
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeDifferentAccounts/index.vue b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeDifferentAccounts/index.vue
index 0d929d34774..0058168dd5c 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeDifferentAccounts/index.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeDifferentAccounts/index.vue
@@ -2,10 +2,17 @@
 
   <div>
     <h1>{{ profileString('mergeAccounts') }}</h1>
-    <p class="fullname" data-test="fullName">
+    <p
+      class="fullname"
+      data-test="fullName"
+    >
       {{ fullName }}
     </p>
-    <p class="username" data-test="username" :style="{ color: $themeTokens.annotation }">
+    <p
+      class="username"
+      data-test="username"
+      :style="{ color: $themeTokens.annotation }"
+    >
       {{ username }}
     </p>
     {{ $tr('mergeAccountUserInfo') }}
@@ -42,7 +49,6 @@
         </KButtonGroup>
       </slot>
     </BottomAppBar>
-
   </div>
 
 </template>
@@ -95,7 +101,7 @@
                 value: { username: formData.value.username.trim(), password: '' },
               });
             }
-          }
+          },
         );
       }
 
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeFacility.vue b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeFacility.vue
index 963436afca5..33f2bfddece 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeFacility.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/MergeFacility.vue
@@ -2,9 +2,15 @@
 
   <div>
     <h1>{{ $tr('documentTitle') }}</h1>
-    <div class="task-panel" :class="{ 'task-panel-sm': windowIsSmall }">
+    <div
+      class="task-panel"
+      :class="{ 'task-panel-sm': windowIsSmall }"
+    >
       <div class="icon">
-        <transition v-if="!taskError" mode="out-in">
+        <transition
+          v-if="!taskError"
+          mode="out-in"
+        >
           <KIcon
             v-if="taskCompleted"
             icon="check"
@@ -16,23 +22,33 @@
             :size="24"
             :stroke="5"
           />
-
-
         </transition>
       </div>
 
       <div class="details">
-        <p class="details-status" :style="{ color: $themeTokens.annotation }">
+        <p
+          class="details-status"
+          :style="{ color: $themeTokens.annotation }"
+        >
           {{ taskInfo() }}
         </p>
 
-        <div v-if="taskCompleted" data-test="completedMessage">
+        <div
+          v-if="taskCompleted"
+          data-test="completedMessage"
+        >
           {{ successfullyJoined }}
         </div>
-        <div v-if="taskError" data-test="errorMessage">
+        <div
+          v-if="taskError"
+          data-test="errorMessage"
+        >
           {{ errorMessage }}
         </div>
-        <div v-else class="details-progress-bar">
+        <div
+          v-else
+          class="details-progress-bar"
+        >
           <KLinearLoader
             class="k-linear-loader"
             type="determinate"
@@ -67,7 +83,6 @@
         </KButtonGroup>
       </slot>
     </BottomAppBar>
-
   </div>
 
 </template>
@@ -105,7 +120,7 @@
       let isPolling = true;
       let isTaskRequested = false;
       const taskCompleted = computed(() =>
-        task.value === null ? false : task.value.status === TaskStatuses.COMPLETED
+        task.value === null ? false : task.value.status === TaskStatuses.COMPLETED,
       );
       const percentage = computed(() => (task.value ? task.value.percentage : 0));
       onMounted(() => {
@@ -149,7 +164,7 @@
           TaskResource.fetchCollection()
             .then(allTasks => {
               const tasks = allTasks.filter(
-                t => t.type === 'kolibri.plugins.user_profile.tasks.mergeuser'
+                t => t.type === 'kolibri.plugins.user_profile.tasks.mergeuser',
               );
               if (tasks.length > 0) {
                 updateMachineContext(tasks[0]);
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/SelectFacility.vue b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/SelectFacility.vue
index b07e3599825..a10bfa99365 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/SelectFacility.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/SelectFacility.vue
@@ -5,21 +5,25 @@
       <h1>{{ getCommonSyncString('selectFacilityTitle') }}</h1>
 
       <transition name="spinner-fade">
-
         <div v-if="isFetching">
           <KLabeledIcon>
             <template #icon>
-              <KCircularLoader :size="16" :stroke="6" />
+              <KCircularLoader
+                :size="16"
+                :stroke="6"
+              />
             </template>
           </KLabeledIcon>
         </div>
       </transition>
-
     </span>
     <p v-if="hasFetched && !availableFacilities.length">
       {{ $tr('noFacilitiesText') }}
     </p>
-    <div v-for="f in availableFacilities" :key="`div-${f.id}`">
+    <div
+      v-for="f in availableFacilities"
+      :key="`div-${f.id}`"
+    >
       <KRadioButton
         :key="f.id"
         v-model="selectedFacilityId"
@@ -33,10 +37,9 @@
       :style="{
         marginTop: '34px',
         paddingTop: '10px',
-        borderTop: `1px solid ${$themeTokens.fineLine}`
+        borderTop: `1px solid ${$themeTokens.fineLine}`,
       }"
     >
-
       <KGridItem>{{ $tr('doNotSeeYourFacility') }}</KGridItem>
       <KGridItem>
         <KButton
@@ -64,7 +67,6 @@
         </KButtonGroup>
       </slot>
     </BottomAppBar>
-
   </div>
 
 </template>
@@ -103,9 +105,8 @@
         subset_of_users_device: false,
       });
 
-      const { devices, isDeleting, hasDeleted, deletingFailed, doDelete } = useDeviceDeletion(
-        _devices
-      );
+      const { devices, isDeleting, hasDeleted, deletingFailed, doDelete } =
+        useDeviceDeletion(_devices);
 
       const storageFacilityId = useLocalStorage('kolibri-lastSelectedFacilityId', '');
 
@@ -137,7 +138,7 @@
         },
         {
           getKey: device => device.id,
-        }
+        },
       );
 
       // computed properties (functions):
@@ -145,7 +146,7 @@
       const availableAddressIds = computed(() =>
         get(devices)
           .filter(d => d.available)
-          .map(d => d.id)
+          .map(d => d.id),
       );
       const availableFacilities = computedAsync(
         async () => {
@@ -155,7 +156,7 @@
             .filter(d => get(availableAddressIds).includes(d.id))
             .sort((deviceA, deviceB) => deviceA.since_last_accessed - deviceB.since_last_accessed);
           const facilitiesFromDevices = await Promise.all(
-            _devices.map(d => fetchDeviceFacilities(d))
+            _devices.map(d => fetchDeviceFacilities(d)),
           );
           const facilities = {};
           // Promise.all will resolve with an array of arrays
@@ -179,12 +180,12 @@
           });
         },
         [],
-        { evaluating: isLoading, shallow: false }
+        { evaluating: isLoading, shallow: false },
       );
 
       const { isMinimumKolibriVersion } = useMinimumKolibriVersion(0, 16, 0);
       const facilityDisabled = computed(() => {
-        return function(facility) {
+        return function (facility) {
           return (
             get(fetchFailed) ||
             get(availableAddressIds).find(id => id === facility.address_id) === undefined ||
@@ -219,7 +220,7 @@
 
       function resetSelectedAddress() {
         const enabledFacilities = availableFacilities.value.filter(f =>
-          isMinimumKolibriVersion(f.kolibri_version)
+          isMinimumKolibriVersion(f.kolibri_version),
         );
         if (enabledFacilities.length !== 0) {
           const selectedId = storageFacilityId.value || selectedFacilityId.value;
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/UsernameExists.vue b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/UsernameExists.vue
index a75ce3cc3b5..9a77080f7cd 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/UsernameExists.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/UsernameExists.vue
@@ -28,7 +28,6 @@
         </KButtonGroup>
       </slot>
     </BottomAppBar>
-
   </div>
 
 </template>
diff --git a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/index.vue b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/index.vue
index f4377fd2dc5..7fb313aeb22 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/index.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ChangeFacility/index.vue
@@ -82,9 +82,9 @@
               this.internalNavigation = true;
               this.$router.push(
                 { name: newRoute, path: state.meta[stateID].path },
-                function() {
+                function () {
                   this.internalNavigation = false;
-                }.bind(this)
+                }.bind(this),
               );
             } else this.$router.push(newRoute);
           }
@@ -122,7 +122,7 @@
       onMachineError(machineState) {
         this.$store.commit(
           'CORE_SET_ERROR',
-          `An error occured in the '${this.previousMachineStateName}' state of the change facility machine`
+          `An error occured in the '${this.previousMachineStateName}' state of the change facility machine`,
         );
         this.service.send('RESET');
         this.previousMachineStateName = machineState.value;
diff --git a/kolibri/plugins/user_profile/assets/src/views/ProfileEditPage.vue b/kolibri/plugins/user_profile/assets/src/views/ProfileEditPage.vue
index fa371b49deb..5a541aecf4f 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ProfileEditPage.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ProfileEditPage.vue
@@ -7,8 +7,14 @@
     :appBarTitle="$tr('editProfileHeader')"
     :route="profileRoute"
   >
-    <KPageContainer class="narrow-container" :topMargin="100">
-      <form class="form" @submit.prevent="handleSubmit">
+    <KPageContainer
+      class="narrow-container"
+      :topMargin="100"
+    >
+      <form
+        class="form"
+        @submit.prevent="handleSubmit"
+      >
         <h1>{{ $tr('editProfileHeader') }}</h1>
 
         <FullNameTextbox
@@ -46,7 +52,6 @@
             :text="coreString('saveAction')"
             :disabled="formDisabled"
             type="submit"
-
             primary
           />
           <KButton
@@ -59,8 +64,7 @@
         </KButtonGroup>
       </form>
     </KPageContainer>
-
-  </Immersivepage>
+  </ImmersivePage>
 
 </template>
 
@@ -163,7 +167,7 @@
             this.fullName = facilityUser.full_name;
             this.username = facilityUser.username;
             this.userCopy = { ...facilityUser };
-          }
+          },
         );
       },
       getUpdates() {
@@ -176,7 +180,7 @@
           },
           (value, key) => {
             return value !== this.userCopy[key];
-          }
+          },
         );
       },
       handleCancel() {
diff --git a/kolibri/plugins/user_profile/assets/src/views/ProfilePage/index.vue b/kolibri/plugins/user_profile/assets/src/views/ProfilePage/index.vue
index 815bf19e596..59f531d1c03 100644
--- a/kolibri/plugins/user_profile/assets/src/views/ProfilePage/index.vue
+++ b/kolibri/plugins/user_profile/assets/src/views/ProfilePage/index.vue
@@ -2,7 +2,6 @@
 
   <NotificationsRoot>
     <AppBarPage :title="coreString('profileLabel')">
-
       <KPageContainer>
         <KGrid>
           <KGridItem
@@ -25,7 +24,6 @@
               />
             </h1>
           </KGridItem>
-
         </KGrid>
 
         <table>
@@ -77,7 +75,10 @@
                 <li v-if="isSuperuser">
                   {{ $tr('manageDevicePermissions') }}
                 </li>
-                <li v-for="(value, key) in userPermissions" :key="key">
+                <li
+                  v-for="(value, key) in userPermissions"
+                  :key="key"
+                >
                   {{ getPermissionString(key) }}
                 </li>
               </ul>
@@ -123,9 +124,11 @@
 
         <KGrid
           v-if="onMyOwnSetup"
-          :style="{ marginTop: '34px',
-                    paddingTop: '10px',
-                    borderTop: `1px solid ${$themeTokens.fineLine}` }"
+          :style="{
+            marginTop: '34px',
+            paddingTop: '10px',
+            borderTop: `1px solid ${$themeTokens.fineLine}`,
+          }"
         >
           <KGridItem
             :layout8="{ span: 4 }"
@@ -157,7 +160,6 @@
           </KGridItem>
         </KGrid>
 
-
         <ChangeUserPasswordModal
           v-if="!isLearnerOnlyImport && showPasswordModal"
           @cancel="showPasswordModal = false"
@@ -173,9 +175,6 @@
           <p>{{ $tr('learnModalLine1') }}</p>
           <p>{{ $tr('learnModalLine2') }}</p>
         </KModal>
-
-
-
       </KPageContainer>
     </AppBarPage>
   </NotificationsRoot>
diff --git a/kolibri/plugins/user_profile/assets/test/views/ChangeFacility/UsernameExists.spec.js b/kolibri/plugins/user_profile/assets/test/views/ChangeFacility/UsernameExists.spec.js
index 18e3fe7834c..40a760a562e 100644
--- a/kolibri/plugins/user_profile/assets/test/views/ChangeFacility/UsernameExists.spec.js
+++ b/kolibri/plugins/user_profile/assets/test/views/ChangeFacility/UsernameExists.spec.js
@@ -42,11 +42,11 @@ describe(`ChangeFacility/UsernameExists`, () => {
     });
     const line1Paragraph = wrapper.find('[data-test="line1"]');
     expect(line1Paragraph.text()).toEqual(
-      "An account with the username 'test1' already exists in the 'Test Facility' learning facility. You can merge your account and its progress data with this account."
+      "An account with the username 'test1' already exists in the 'Test Facility' learning facility. You can merge your account and its progress data with this account.",
     );
     const line2Paragraph = wrapper.find('[data-test="line2"]');
     expect(line2Paragraph.text()).toEqual(
-      'Alternatively, you can create a new account and all your progress data will be moved to this new account.'
+      'Alternatively, you can create a new account and all your progress data will be moved to this new account.',
     );
   });
   it(`shows the buttons`, () => {
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-padding.js b/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-padding.js
index 239e1003fad..9613d974fd0 100644
--- a/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-padding.js
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-padding.js
@@ -163,7 +163,7 @@ module.exports = {
             prev = element;
           }
         },
-      }
+      },
     );
   },
 };
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-tag-newline.js b/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-tag-newline.js
index 76c781c8325..55ec7231593 100644
--- a/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-tag-newline.js
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-component-block-tag-newline.js
@@ -81,7 +81,7 @@ module.exports = {
           fix(fixer) {
             return fixer.replaceTextRange(
               [startTag.range[1], startTag.range[1] + beforeText.length],
-              '\n'.repeat(emptyLines + 1)
+              '\n'.repeat(emptyLines + 1),
             );
           },
         });
@@ -109,7 +109,7 @@ module.exports = {
           fix(fixer) {
             return fixer.replaceTextRange(
               [endTag.range[0] - afterText.length, endTag.range[0]],
-              '\n'.repeat(emptyLines + 1)
+              '\n'.repeat(emptyLines + 1),
             );
           },
         });
@@ -159,7 +159,7 @@ module.exports = {
             }
           }
         },
-      }
+      },
     );
   },
 };
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-component-registration-casing.js b/packages/eslint-plugin-kolibri/lib/rules/vue-component-registration-casing.js
index b86c77449aa..86a91d30aea 100644
--- a/packages/eslint-plugin-kolibri/lib/rules/vue-component-registration-casing.js
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-component-registration-casing.js
@@ -21,7 +21,7 @@ function create(context) {
         p.type === 'Property' &&
         p.key.type === 'Identifier' &&
         p.key.name === 'components' &&
-        p.value.type === 'ObjectExpression'
+        p.value.type === 'ObjectExpression',
     );
 
     if (!node) {
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-filename-and-component-name-match.js b/packages/eslint-plugin-kolibri/lib/rules/vue-filename-and-component-name-match.js
index a82c438f64c..01f4d5054bd 100644
--- a/packages/eslint-plugin-kolibri/lib/rules/vue-filename-and-component-name-match.js
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-filename-and-component-name-match.js
@@ -17,7 +17,7 @@ function create(context) {
     }
 
     const node = obj.properties.find(
-      item => item.type === 'Property' && item.key.name === 'name' && item.value.type === 'Literal'
+      item => item.type === 'Property' && item.key.name === 'name' && item.value.type === 'Literal',
     );
 
     // Components require a name
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-no-undefined-string-uses.js b/packages/eslint-plugin-kolibri/lib/rules/vue-no-undefined-string-uses.js
index d57e5f0f4d5..f7809fa6570 100644
--- a/packages/eslint-plugin-kolibri/lib/rules/vue-no-undefined-string-uses.js
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-no-undefined-string-uses.js
@@ -52,7 +52,7 @@ const create = context => {
       if (!hasTemplate) {
         utils.reportUseOfUndefinedTranslation(context, definitionNodes, usedStringNodes);
       }
-    })
+    }),
   );
 
   const templateVisitor = Object.assign(
@@ -70,13 +70,13 @@ const create = context => {
     },
     utils.executeOnRootTemplateEnd(() => {
       utils.reportUseOfUndefinedTranslation(context, definitionNodes, usedStringNodes);
-    })
+    }),
   );
 
   return Object.assign(
     {},
     initialize,
-    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor)
+    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor),
   );
 };
 
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-methods.js b/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-methods.js
index 118b6c47730..f2c0303cb13 100644
--- a/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-methods.js
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-methods.js
@@ -46,7 +46,7 @@ const create = context => {
     }),
     eslintPluginVueUtils.executeOnVue(context, obj => {
       unusedProperties = Array.from(
-        eslintPluginVueUtils.iterateProperties(obj, new Set([GROUP_METHODS]))
+        eslintPluginVueUtils.iterateProperties(obj, new Set([GROUP_METHODS])),
       );
 
       remove(unusedProperties, property => {
@@ -60,7 +60,7 @@ const create = context => {
       if (!hasTemplate && unusedProperties.length) {
         utils.reportUnusedProperties(context, unusedProperties, disabledLines);
       }
-    })
+    }),
   );
 
   const templateVisitor = Object.assign(
@@ -78,13 +78,13 @@ const create = context => {
       if (unusedProperties.length) {
         utils.reportUnusedProperties(context, unusedProperties, disabledLines);
       }
-    })
+    }),
   );
 
   return Object.assign(
     {},
     initialize,
-    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor)
+    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor),
   );
 };
 
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-properties.js b/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-properties.js
index 926eb7e6ddb..2cf20edf521 100644
--- a/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-properties.js
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-properties.js
@@ -40,8 +40,8 @@ const create = context => {
       unusedProperties = Array.from(
         eslintPluginVueUtils.iterateProperties(
           obj,
-          new Set([GROUP_PROPS, GROUP_DATA, GROUP_COMPUTED])
-        )
+          new Set([GROUP_PROPS, GROUP_DATA, GROUP_COMPUTED]),
+        ),
       );
 
       const watchersNames = utils.getWatchersNames(obj);
@@ -57,7 +57,7 @@ const create = context => {
       if (!hasTemplate && unusedProperties.length) {
         utils.reportUnusedProperties(context, unusedProperties);
       }
-    })
+    }),
   );
 
   const templateVisitor = Object.assign(
@@ -82,13 +82,13 @@ const create = context => {
       if (unusedProperties.length) {
         utils.reportUnusedProperties(context, unusedProperties);
       }
-    })
+    }),
   );
 
   return Object.assign(
     {},
     initialize,
-    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor)
+    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor),
   );
 };
 
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-translations.js b/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-translations.js
index 2cbc89fe21d..f4fb73191b2 100644
--- a/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-translations.js
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-translations.js
@@ -67,13 +67,13 @@ const create = context => {
     },
     eslintPluginVueUtils.executeOnVue(context, obj => {
       definitionNodes = Array.from(
-        eslintPluginVueUtils.iterateProperties(obj, new Set([GROUP_$TRS]))
+        eslintPluginVueUtils.iterateProperties(obj, new Set([GROUP_$TRS])),
       );
 
       if (!hasTemplate) {
         utils.reportUnusedTranslations(context, definitionNodes, usedStrings);
       }
-    })
+    }),
   );
 
   const templateVisitor = Object.assign(
@@ -91,13 +91,13 @@ const create = context => {
     },
     utils.executeOnRootTemplateEnd(() => {
       utils.reportUnusedTranslations(context, definitionNodes, usedStrings);
-    })
+    }),
   );
 
   return Object.assign(
     {},
     initialize,
-    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor)
+    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor),
   );
 };
 
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-vuex-methods.js b/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-vuex-methods.js
index c193404505f..2a021cc3d3c 100644
--- a/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-vuex-methods.js
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-vuex-methods.js
@@ -42,7 +42,7 @@ const create = context => {
     */
     {
       'CallExpression[callee.name=mapMutations][arguments] ObjectExpression Property[key.name]'(
-        node
+        node,
       ) {
         unusedVuexProperties.push({
           kind: VUEX_MUTATION,
@@ -80,7 +80,7 @@ const create = context => {
     */
     {
       'CallExpression[callee.name=mapActions][arguments] ObjectExpression Property[key.name]'(
-        node
+        node,
       ) {
         unusedVuexProperties.push({
           kind: VUEX_ACTION,
@@ -126,7 +126,7 @@ const create = context => {
       if (!hasTemplate && unusedVuexProperties.length) {
         utils.reportUnusedVuexProperties(context, unusedVuexProperties);
       }
-    })
+    }),
   );
 
   const templateVisitor = Object.assign(
@@ -144,13 +144,13 @@ const create = context => {
       if (unusedVuexProperties.length) {
         utils.reportUnusedVuexProperties(context, unusedVuexProperties);
       }
-    })
+    }),
   );
 
   return Object.assign(
     {},
     initialize,
-    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor)
+    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor),
   );
 };
 
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-vuex-properties.js b/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-vuex-properties.js
index 64118688eb5..3667dba3627 100644
--- a/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-vuex-properties.js
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-no-unused-vuex-properties.js
@@ -126,7 +126,7 @@ const create = context => {
       if (!hasTemplate && unusedVuexProperties.length) {
         utils.reportUnusedVuexProperties(context, unusedVuexProperties);
       }
-    })
+    }),
   );
 
   const templateVisitor = Object.assign(
@@ -151,13 +151,13 @@ const create = context => {
       if (unusedVuexProperties.length) {
         utils.reportUnusedVuexProperties(context, unusedVuexProperties);
       }
-    })
+    }),
   );
 
   return Object.assign(
     {},
     initialize,
-    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor)
+    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor),
   );
 };
 
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-string-objects-formatting.js b/packages/eslint-plugin-kolibri/lib/rules/vue-string-objects-formatting.js
index 8b478e5690c..ad08cc161d0 100644
--- a/packages/eslint-plugin-kolibri/lib/rules/vue-string-objects-formatting.js
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-string-objects-formatting.js
@@ -44,7 +44,7 @@ const create = context => {
                   if (
                     !messageProperty ||
                     prop.value.properties.find(
-                      p => p.key.name !== 'message' && p.key.name !== 'context'
+                      p => p.key.name !== 'message' && p.key.name !== 'context',
                     ) ||
                     (contextProperty && typeof contextProperty.value.value !== 'string')
                   ) {
@@ -76,7 +76,7 @@ const create = context => {
               if (
                 !messageProperty ||
                 prop.value.properties.find(
-                  p => p.key.name !== 'message' && p.key.name !== 'context'
+                  p => p.key.name !== 'message' && p.key.name !== 'context',
                 ) ||
                 (contextProperty && typeof contextProperty.value.value !== 'string')
               ) {
@@ -92,19 +92,19 @@ const create = context => {
       if (!hasTemplate) {
         utils.reportImproperTranslationString(context, normalDefinitionNodes);
       }
-    })
+    }),
   );
   const templateVisitor = Object.assign(
     {},
     utils.executeOnRootTemplateEnd(() => {
       utils.reportImproperTranslationString(context, normalDefinitionNodes);
-    })
+    }),
   );
 
   return Object.assign(
     {},
     initialize,
-    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor)
+    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor),
   );
 };
 
diff --git a/packages/eslint-plugin-kolibri/lib/rules/vue-watch-no-string.js b/packages/eslint-plugin-kolibri/lib/rules/vue-watch-no-string.js
index 2447060eefa..82d9ecb07a4 100644
--- a/packages/eslint-plugin-kolibri/lib/rules/vue-watch-no-string.js
+++ b/packages/eslint-plugin-kolibri/lib/rules/vue-watch-no-string.js
@@ -9,7 +9,7 @@ const eslintPluginVueUtils = require('eslint-plugin-vue/lib/utils');
 const create = context => {
   const scriptVisitor = {
     'ExportDefaultDeclaration > ObjectExpression > Property[key.name=watch] > ObjectExpression > Property[value.type=Literal]'(
-      node
+      node,
     ) {
       context.report({
         node,
@@ -23,7 +23,7 @@ const create = context => {
 
   return Object.assign(
     {},
-    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor)
+    eslintPluginVueUtils.defineTemplateBodyVisitor(context, templateVisitor, scriptVisitor),
   );
 };
 
diff --git a/packages/eslint-plugin-kolibri/lib/utils.js b/packages/eslint-plugin-kolibri/lib/utils.js
index 5669cec61a1..a041193a31e 100644
--- a/packages/eslint-plugin-kolibri/lib/utils.js
+++ b/packages/eslint-plugin-kolibri/lib/utils.js
@@ -46,7 +46,7 @@ module.exports = {
    */
   getWatchersNames(obj) {
     const watchers = Array.from(
-      eslintPluginVueUtils.iterateProperties(obj, new Set([GROUP_WATCH]))
+      eslintPluginVueUtils.iterateProperties(obj, new Set([GROUP_WATCH])),
     );
     return watchers.map(watcher => watcher.name);
   },
@@ -84,7 +84,7 @@ module.exports = {
   executeOnThisExpressionProperty(func) {
     return {
       'MemberExpression[object.type="ThisExpression"][property.type="Identifier"][property.name]'(
-        node
+        node,
       ) {
         func(node.property);
       },
diff --git a/packages/hashi/downloadH5PVendor.js b/packages/hashi/downloadH5PVendor.js
index 6c6b418e2f8..91c0ef4659d 100644
--- a/packages/hashi/downloadH5PVendor.js
+++ b/packages/hashi/downloadH5PVendor.js
@@ -33,7 +33,7 @@ const fileManifest = [
 ];
 
 function downloadFiles() {
-  https.get(url.parse(zipUrl), function(res) {
+  https.get(url.parse(zipUrl), function (res) {
     if (res.statusCode !== 200) {
       logging.log(res);
       // handle error
@@ -44,22 +44,22 @@ function downloadFiles() {
     // don't set the encoding, it will break everything !
     // or, if you must, set it to null. In that case the chunk will be a string.
 
-    res.on('data', function(chunk) {
+    res.on('data', function (chunk) {
       data.push(chunk);
     });
 
-    res.on('end', function() {
+    res.on('end', function () {
       var buf = Buffer.concat(data);
       let i = 0;
       JSZip.loadAsync(buf)
-        .then(function(zip) {
+        .then(function (zip) {
           return Promise.all(
             fileManifest.map(fileRegex => {
               return Promise.all(
                 zip.file(fileRegex).map(file => {
                   const outputPath = path.resolve(
                     targetFolder,
-                    file.name.replace(/h5p-php-library-[^/]+\//, '')
+                    file.name.replace(/h5p-php-library-[^/]+\//, ''),
                   );
                   fs.mkdirSync(path.dirname(outputPath), { recursive: true });
                   return new Promise(resolve => {
@@ -88,15 +88,15 @@ function downloadFiles() {
                       file
                         .nodeStream()
                         .pipe(fs.createWriteStream(outputPath))
-                        .on('finish', function() {
+                        .on('finish', function () {
                           i += 1;
                           resolve();
                         });
                     }
                   });
-                })
+                }),
               );
-            })
+            }),
           );
         })
         .then(() => {
diff --git a/packages/hashi/src/H5P/H5PRunner.js b/packages/hashi/src/H5P/H5PRunner.js
index 0efcd29332b..55f2327fd39 100644
--- a/packages/hashi/src/H5P/H5PRunner.js
+++ b/packages/hashi/src/H5P/H5PRunner.js
@@ -127,7 +127,7 @@ export default class H5PRunner {
     // A fallback URL to the zipcontent endpoint for this H5P file
     this.zipcontentUrl = new URL(
       `../../zipcontent/${this.filepath.substring(this.filepath.lastIndexOf('/') + 1)}`,
-      window.location
+      window.location,
     ).href;
     // Callback to call when H5P has finished loading
     this.loaded = loaded;
@@ -224,7 +224,7 @@ export default class H5PRunner {
     const H5P = contentWindow.H5P;
     const originalGetPath = H5P.getPath;
     const self = this;
-    H5P.getPath = function(path, contentId) {
+    H5P.getPath = function (path, contentId) {
       // Handle files that have a #tmp suffix
       // these are meant to only be used during editing,
       // but it seems possible for these to be exported by H5P editors
@@ -236,12 +236,12 @@ export default class H5PRunner {
       }
       return originalGetPath(path, contentId);
     };
-    H5P.getContentPath = function() {
+    H5P.getContentPath = function () {
       return self.zipcontentUrl + '/content';
     };
     // Shim the user data handling functions so that we return data from our
     // internal data storage for the H5P component.
-    H5P.getUserData = function(contentId, dataId, done, subContentId = 0) {
+    H5P.getUserData = function (contentId, dataId, done, subContentId = 0) {
       const data = get(self.data, [subContentId, dataId]);
       if (data === 'RESET') {
         return done(undefined, null);
@@ -249,11 +249,11 @@ export default class H5PRunner {
       return done(undefined, data);
     };
     // Store data from H5P into our own internal data storage
-    H5P.setUserData = function(
+    H5P.setUserData = function (
       contentId,
       dataId,
       data,
-      { subContentId = 0, errorCallback = null } = {}
+      { subContentId = 0, errorCallback = null } = {},
     ) {
       try {
         data = JSON.stringify(data);
@@ -267,7 +267,7 @@ export default class H5PRunner {
       self.stateUpdated();
     };
     // Delete data from H5P in our internal data storage.
-    H5P.deleteUserData = function(contentId, dataId, subContentId = 0) {
+    H5P.deleteUserData = function (contentId, dataId, subContentId = 0) {
       unset(self.data, [subContentId, dataId]);
       self.stateUpdated();
     };
@@ -281,9 +281,9 @@ export default class H5PRunner {
     // for our blob URLs - if not, this needs to be updated to do
     // a lookup inside our currently parsed packages for the URL.
     const originalContentType = H5P.ContentType;
-    H5P.ContentType = function(isRoot) {
+    H5P.ContentType = function (isRoot) {
       const ct = originalContentType(isRoot);
-      ct.prototype.getLibraryFilePath = function(filePath) {
+      ct.prototype.getLibraryFilePath = function (filePath) {
         const url = self.packageFiles[this.libraryInfo.versionedNameNoSpaces + '/'][filePath];
         // Some H5P libraries use this with a blank filePath argument to get a file path they can
         // append to for retrieving files - which is monumentally stupid, but what can you do?
@@ -299,7 +299,7 @@ export default class H5PRunner {
     };
     // Monkey patch setActor to allow us to inject our own
     // XAPI actor definition
-    H5P.XAPIEvent.prototype.setActor = function() {
+    H5P.XAPIEvent.prototype.setActor = function () {
       if (contentWindow.xAPI) {
         contentWindow.xAPI.prepareStatement(this.data.statement);
       }
@@ -308,7 +308,7 @@ export default class H5PRunner {
     for (const debouncedVerb of debounceVerbs) {
       const verb = XAPIVerbMap[debouncedVerb];
       debouncedHandlers[verb] = debounce(
-        function(statement) {
+        function (statement) {
           contentWindow.xAPI.sendStatement(statement, true).catch(err => {
             // eslint-disable-next-line no-console
             console.error('Statement: ', statement, 'gave the following error: ', err);
@@ -317,11 +317,11 @@ export default class H5PRunner {
         debounceDelay * 1000,
         // Invoke on the leading as well as the trailing edge
         // so that we alert immediately on an event.
-        { leading: true, maxWait: maxDelay * 1000 }
+        { leading: true, maxWait: maxDelay * 1000 },
       );
     }
     // Add event listener to allow us to capture xAPI events
-    H5P.externalDispatcher.on('xAPI', function(event) {
+    H5P.externalDispatcher.on('xAPI', function (event) {
       if (contentWindow.xAPI) {
         const statement = event.data.statement;
         if (
@@ -510,9 +510,9 @@ export default class H5PRunner {
             depPackagePath + 'library.json',
             false,
             visitedPaths,
-            depPackagePath
+            depPackagePath,
           ).then(() => depPackagePath);
-        })
+        }),
       ).then(dependencies => {
         if (packagePath) {
           // If this specification is a package (i.e. not the root)
@@ -544,7 +544,7 @@ export default class H5PRunner {
       }, wholeJS);
     }, '');
     this.javascriptURL = URL.createObjectURL(
-      new Blob([concatenatedJS], { type: 'text/javascript' })
+      new Blob([concatenatedJS], { type: 'text/javascript' }),
     );
   }
 
diff --git a/packages/hashi/src/baseStorage.js b/packages/hashi/src/baseStorage.js
index 0eaa687750e..1ab70ed3161 100644
--- a/packages/hashi/src/baseStorage.js
+++ b/packages/hashi/src/baseStorage.js
@@ -64,7 +64,7 @@ export default class BaseStorage extends BaseShim {
         this.shim,
         ...Object.entries(this.data)
           .filter(entry => !internalKeys.includes(entry[0]))
-          .map(entry => ({ [entry[0]]: entry[1] }))
+          .map(entry => ({ [entry[0]]: entry[1] })),
       );
       // Now remove any keys on the shim that shouldn't be there now.
       const shimProps = Object.keys(this.shim);
diff --git a/packages/hashi/src/cookie.js b/packages/hashi/src/cookie.js
index 2fb9d7642a9..5e4b75ab386 100644
--- a/packages/hashi/src/cookie.js
+++ b/packages/hashi/src/cookie.js
@@ -159,7 +159,7 @@ export default class Cookie extends BaseShim {
               // Don't worry about how far in the future, as, at a minimum, this
               // cookie should persist across this session.
               store.expires = new Date(
-                this.__now().getTime() + (expirationDate.getTime() - Date.now())
+                this.__now().getTime() + (expirationDate.getTime() - Date.now()),
               );
             }
           }
diff --git a/packages/hashi/src/h5pBundle.js b/packages/hashi/src/h5pBundle.js
index 60696c9bcb8..37a54df4de1 100644
--- a/packages/hashi/src/h5pBundle.js
+++ b/packages/hashi/src/h5pBundle.js
@@ -15,7 +15,7 @@ window.H5P = {
   jQuery,
   // H5P complains if this is undefined, but because of our monkey patching
   // this is never used.
-  OfflineRequestQueue: function() {},
+  OfflineRequestQueue: function () {},
   externalEmbed: true,
   preventInit: true,
 };
@@ -24,7 +24,7 @@ window.$ = window.jQuery = jQuery;
 
 window.H5P.jQuery.fn.__originalLoad = window.H5P.jQuery.load;
 
-window.H5P.jQuery.fn.load = function(url) {
+window.H5P.jQuery.fn.load = function (url) {
   /**
    * NOTE:
    * This is needed in order to support old libraries that uses the .load() function
diff --git a/packages/hashi/src/patchIndexedDB.js b/packages/hashi/src/patchIndexedDB.js
index a8c06aea873..c3306e0a03a 100644
--- a/packages/hashi/src/patchIndexedDB.js
+++ b/packages/hashi/src/patchIndexedDB.js
@@ -1,4 +1,4 @@
-export default function(namespace, window) {
+export default function (namespace, window) {
   const nameSpacePrefix = `${namespace}-`;
   const originalIndexDB = window.indexedDB;
   const Shim = {
diff --git a/packages/hashi/src/xAPI/xAPIInterface.js b/packages/hashi/src/xAPI/xAPIInterface.js
index 0be16a255af..67a71a59262 100644
--- a/packages/hashi/src/xAPI/xAPIInterface.js
+++ b/packages/hashi/src/xAPI/xAPIInterface.js
@@ -75,7 +75,7 @@ export default class xAPI extends BaseShim {
         !s.error &&
         (s.verb.id === XAPIVerbMap.mastered ||
           s.verb.id === XAPIVerbMap.passed ||
-          s.verb.id === XAPIVerbMap.completed)
+          s.verb.id === XAPIVerbMap.completed),
     );
     if (successStatement) {
       return 1;
@@ -131,7 +131,7 @@ export default class xAPI extends BaseShim {
             s.object.objectType === OBJECT_TYPES.SUBSTATEMENT && actorsEqual(s.object.actor, agent),
           s => s.context && s.context.instructor && actorsEqual(s.context.instructor, agent),
           s => s.context && s.context.team && actorsEqual(s.context.team, agent),
-          s => s.authority && s.authority && actorsEqual(s.authority, agent)
+          s => s.authority && s.authority && actorsEqual(s.authority, agent),
         );
       }
     }
@@ -159,8 +159,8 @@ export default class xAPI extends BaseShim {
           s =>
             s.context &&
             Object.values(s.context.contextActivities || {}).some(a =>
-              a.some(act => act.id === activity)
-            )
+              a.some(act => act.id === activity),
+            ),
         );
       }
     }
@@ -216,7 +216,7 @@ export default class xAPI extends BaseShim {
 
   getIds(nameSpace, since = '') {
     return Object.keys(this.data[nameSpace] || {}).filter(
-      id => this.data[nameSpace][id].stored > since
+      id => this.data[nameSpace][id].stored > since,
     );
   }
 
diff --git a/packages/hashi/test/SCORM.spec.js b/packages/hashi/test/SCORM.spec.js
index ee053db05a0..e85960b1207 100644
--- a/packages/hashi/test/SCORM.spec.js
+++ b/packages/hashi/test/SCORM.spec.js
@@ -120,7 +120,7 @@ describe('SCORM hashi shim', () => {
           expect(shim.LMSGetLastError()).toEqual(0);
           expect(shim.LMSGetValue(key)).toEqual('');
           expect(shim.LMSGetLastError()).toEqual('404');
-        }
+        },
       );
       it.each(notImplementedValues)(
         'should set with errors, and get %s with errors for not implemented properties',
@@ -129,7 +129,7 @@ describe('SCORM hashi shim', () => {
           expect(shim.LMSGetLastError()).toEqual('401');
           expect(shim.LMSGetValue(key)).toEqual('');
           expect(shim.LMSGetLastError()).toEqual('401');
-        }
+        },
       );
       it('should read language from the userData', () => {
         const language = 'fr-fr';
@@ -147,7 +147,7 @@ describe('SCORM hashi shim', () => {
       it('should count objectives in an interaction properly', () => {
         shim.LMSSetValue('cmi.interactions.0.id', 'test');
         statuses.map((s, i) =>
-          shim.LMSSetValue('cmi.interactions.0.objectives.' + i + '.id', `id${s}`)
+          shim.LMSSetValue('cmi.interactions.0.objectives.' + i + '.id', `id${s}`),
         );
         expect(shim.LMSGetValue('cmi.interactions.0.objectives._count')).toEqual(statuses.length);
       });
diff --git a/packages/hashi/test/kolibri.spec.js b/packages/hashi/test/kolibri.spec.js
index f4d2dfffa71..27b3817d68f 100644
--- a/packages/hashi/test/kolibri.spec.js
+++ b/packages/hashi/test/kolibri.spec.js
@@ -32,7 +32,7 @@ describe('the kolibri hashi shim', () => {
       nameSpace: 'hashi',
     };
     response = { node: { id: 'abc123' } };
-    beforeEach(function() {
+    beforeEach(function () {
       mockMediatorPromise = jest
         .spyOn(kolibri.mediator, 'sendMessageAwaitReply')
         .mockResolvedValue(response);
@@ -55,7 +55,7 @@ describe('the kolibri hashi shim', () => {
   describe('getContentByFilter method', () => {
     const options = { page: 1, pageSize: 50, parent: 'self' };
     response = { page: 1, pageSize: 50, results: [{ id: 'abc123' }, { id: 'def456' }] };
-    beforeEach(function() {
+    beforeEach(function () {
       mockMessage = {
         data: { dataType: 'Collection', options: options },
         event: 'datarequested',
@@ -83,7 +83,7 @@ describe('the kolibri hashi shim', () => {
   describe('getContentById method', () => {
     response = { node: { id: 'abc123' } };
     id = 'abc123';
-    beforeEach(function() {
+    beforeEach(function () {
       mockMessage = {
         data: { dataType: 'Model', id: 'abc123' },
         event: 'datarequested',
@@ -114,7 +114,7 @@ describe('the kolibri hashi shim', () => {
 
   describe('getContext method', () => {
     response = { node_id: 'abc', context: { test: 'test' } };
-    beforeEach(function() {
+    beforeEach(function () {
       mockMessage = {
         data: {},
         event: 'context',
@@ -167,7 +167,7 @@ describe('the kolibri hashi shim', () => {
   });
 
   describe('searchContent method', () => {
-    beforeEach(function() {
+    beforeEach(function () {
       mockMessage = {
         data: {},
         event: 'context',
diff --git a/packages/hashi/test/xAPI.spec.js b/packages/hashi/test/xAPI.spec.js
index aac421c7c26..1757d8d0fdc 100644
--- a/packages/hashi/test/xAPI.spec.js
+++ b/packages/hashi/test/xAPI.spec.js
@@ -262,7 +262,7 @@ describe('xAPI data validation', () => {
               correctResponsesPattern: [resp],
             });
             expect(warnMock).not.toHaveBeenCalled();
-          }
+          },
         );
         test('should give a warning if middle is a correct response', () => {
           ActivityDefinition.clean({
@@ -279,7 +279,7 @@ describe('xAPI data validation', () => {
             expect(() => {
               ActivityDefinition.clean({ interactionType: 'choice', [option]: [{ id: 'test' }] });
             }).toThrowError(xAPIValidationError);
-          }
+          },
         );
         test('should give a warning if correct response is not in choices', () => {
           ActivityDefinition.clean({
@@ -316,7 +316,7 @@ describe('xAPI data validation', () => {
                 [option]: [{ id: 'test' }],
               });
             }).toThrowError(xAPIValidationError);
-          }
+          },
         );
         test('should give a warning if correct response is not in choices', () => {
           ActivityDefinition.clean({
@@ -350,7 +350,7 @@ describe('xAPI data validation', () => {
             expect(() => {
               ActivityDefinition.clean({ interactionType: 'matching', [option]: [{ id: 'test' }] });
             }).toThrowError(xAPIValidationError);
-          }
+          },
         );
         test('should give a warning if correct response is not in source', () => {
           ActivityDefinition.clean({
@@ -417,7 +417,7 @@ describe('xAPI data validation', () => {
                 [option]: [{ id: 'test' }],
               });
             }).toThrowError(xAPIValidationError);
-          }
+          },
         );
         test('should give a warning if correct response is not in steps', () => {
           ActivityDefinition.clean({
@@ -461,7 +461,7 @@ describe('xAPI data validation', () => {
             expect(() => {
               ActivityDefinition.clean({ interactionType: 'likert', [option]: [{ id: 'test' }] });
             }).toThrowError(xAPIValidationError);
-          }
+          },
         );
         test('should give a warning if one of the correct responses is not in scale', () => {
           ActivityDefinition.clean({
@@ -835,7 +835,7 @@ describe('xAPI data validation', () => {
             parent: { id: 'http://example.adlnet.gov/xapi/example/test1' },
             grouping: { id: 'http://example.adlnet.gov/xapi/example/Algebra1' },
           },
-        })
+        }),
       ).toEqual(context);
     });
   });
@@ -932,7 +932,7 @@ describe('xAPI data validation', () => {
           version: '1.0.0',
           ...statement,
         });
-      }
+      },
     );
     it('should add defaults to the statement', () => {
       const statement = {
diff --git a/packages/hashi/webpack.config.h5p.js b/packages/hashi/webpack.config.h5p.js
index 8df66f762df..25e01bbf112 100644
--- a/packages/hashi/webpack.config.h5p.js
+++ b/packages/hashi/webpack.config.h5p.js
@@ -7,9 +7,9 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 function Plugin() {}
 
-Plugin.prototype.apply = function(compiler) {
+Plugin.prototype.apply = function (compiler) {
   if (compiler.hooks) {
-    compiler.hooks.compilation.tap('H5PHashWriterPlugin', function(compilation) {
+    compiler.hooks.compilation.tap('H5PHashWriterPlugin', function (compilation) {
       if (compilation.errors.length > 0) {
         return;
       }
diff --git a/packages/hashi/webpack.config.js b/packages/hashi/webpack.config.js
index 064b5281809..83db0f9d379 100644
--- a/packages/hashi/webpack.config.js
+++ b/packages/hashi/webpack.config.js
@@ -4,9 +4,9 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 function Plugin() {}
 
-Plugin.prototype.apply = function(compiler) {
+Plugin.prototype.apply = function (compiler) {
   if (compiler.hooks) {
-    compiler.hooks.compilation.tap('HashiHashWriterPlugin', function(compilation) {
+    compiler.hooks.compilation.tap('HashiHashWriterPlugin', function (compilation) {
       if (compilation.errors.length > 0) {
         return;
       }
@@ -14,7 +14,7 @@ Plugin.prototype.apply = function(compiler) {
       HtmlWebpackPlugin.getHooks(compilation).afterEmit.tapAsync('HashiWritePlugin', (data, cb) => {
         var outputFilename = path.resolve(
           __dirname,
-          '../../kolibri/core/content/build/hashi_filename'
+          '../../kolibri/core/content/build/hashi_filename',
         );
         fs.mkdirSync(path.dirname(outputFilename), { recursive: true });
 
diff --git a/packages/kolibri-common/components/AccordionContainer.vue b/packages/kolibri-common/components/AccordionContainer.vue
index ff128c47ef6..866d0e8678a 100644
--- a/packages/kolibri-common/components/AccordionContainer.vue
+++ b/packages/kolibri-common/components/AccordionContainer.vue
@@ -55,7 +55,7 @@
 </script>
 
 
-<style lang="scss"  scoped>
+<style lang="scss" scoped>
 
   @import '~kolibri-design-system/lib/styles/definitions';
 
diff --git a/packages/kolibri-common/components/AccordionItem.vue b/packages/kolibri-common/components/AccordionItem.vue
index a3f4275e9d9..500b71b1e9f 100644
--- a/packages/kolibri-common/components/AccordionItem.vue
+++ b/packages/kolibri-common/components/AccordionItem.vue
@@ -41,8 +41,10 @@
 
 
 <style scoped>
-  .item-border{
-    border-bottom:1px solid #DEDEDE ;
-    border-top:1px solid #DEDEDE ;
+
+  .item-border {
+    border-top: 1px solid #dedede;
+    border-bottom: 1px solid #dedede;
   }
+
 </style>
diff --git a/packages/kolibri-common/components/AppError/ReportErrorModal.vue b/packages/kolibri-common/components/AppError/ReportErrorModal.vue
index 255394ec8fc..b29b00a5ea4 100644
--- a/packages/kolibri-common/components/AppError/ReportErrorModal.vue
+++ b/packages/kolibri-common/components/AppError/ReportErrorModal.vue
@@ -7,7 +7,6 @@
     size="large"
     @cancel="$emit('cancel')"
   >
-
     <section>
       <h3 v-if="offline">
         {{ $tr('forumPrompt') }}
@@ -39,7 +38,6 @@
       :text="error"
       :maxHeight="240"
     />
-
   </KModal>
 
 </template>
diff --git a/packages/kolibri-common/components/AppError/TechnicalTextBlock.vue b/packages/kolibri-common/components/AppError/TechnicalTextBlock.vue
index e85c2acac31..c66e65991f4 100644
--- a/packages/kolibri-common/components/AppError/TechnicalTextBlock.vue
+++ b/packages/kolibri-common/components/AppError/TechnicalTextBlock.vue
@@ -8,14 +8,20 @@
       class="error-log"
       wrap="soft"
       aria-hidden="true"
-      :style="[dynamicHeightStyle, {
-        backgroundColor: $themePalette.grey.v_50,
-        border: $themePalette.grey.v_400,
-      }]"
+      :style="[
+        dynamicHeightStyle,
+        {
+          backgroundColor: $themePalette.grey.v_50,
+          border: $themePalette.grey.v_400,
+        },
+      ]"
     >
     </textarea>
     <!-- invisible text block for copying, visible to screenreaders -->
-    <pre ref="textBox" class="visuallyhidden">{{ text }}</pre>
+    <pre
+      ref="textBox"
+      class="visuallyhidden"
+    >{{ text }}</pre>
     <div>
       <KButton
         v-if="clipboardCapable"
diff --git a/packages/kolibri-common/components/AppError/index.vue b/packages/kolibri-common/components/AppError/index.vue
index ab93b820bff..349569684ef 100644
--- a/packages/kolibri-common/components/AppError/index.vue
+++ b/packages/kolibri-common/components/AppError/index.vue
@@ -1,14 +1,19 @@
 <template>
 
-  <div role="alert" class="app-error">
-
-    <img src="./app-error-bird.png">
+  <div
+    role="alert"
+    class="app-error"
+  >
+    <img src="./app-error-bird.png" >
 
     <h1>
       {{ headerText }}
     </h1>
 
-    <p v-for="paragraph in paragraphTexts" :key="paragraph">
+    <p
+      v-for="paragraph in paragraphTexts"
+      :key="paragraph"
+    >
       {{ paragraph }}
     </p>
 
@@ -38,7 +43,6 @@
         :text="$tr('defaultErrorReportPrompt')"
         @click="revealDetailsModal()"
       />
-
     </p>
 
     <ReportErrorModal
@@ -46,7 +50,6 @@
       :error="error"
       @cancel="hideDetailsModal"
     />
-
   </div>
 
 </template>
diff --git a/packages/kolibri-common/components/ExtraDemographics/__tests__/ExtraDemographics.spec.js b/packages/kolibri-common/components/ExtraDemographics/__tests__/ExtraDemographics.spec.js
index ed6cb9bce07..a0e2d2d98c0 100644
--- a/packages/kolibri-common/components/ExtraDemographics/__tests__/ExtraDemographics.spec.js
+++ b/packages/kolibri-common/components/ExtraDemographics/__tests__/ExtraDemographics.spec.js
@@ -74,7 +74,7 @@ describe('ExtraDemographics', () => {
     });
     const extraDemographicFields = wrapper.findAllComponents(ExtraDemographicField);
     expect(extraDemographicFields).toHaveLength(
-      mockFacilityDatasetExtraFields.demographic_fields.length
+      mockFacilityDatasetExtraFields.demographic_fields.length,
     );
   });
 
diff --git a/packages/kolibri-common/components/MissingResourceAlert.vue b/packages/kolibri-common/components/MissingResourceAlert.vue
index 488865d6aa1..568bf8ccea3 100644
--- a/packages/kolibri-common/components/MissingResourceAlert.vue
+++ b/packages/kolibri-common/components/MissingResourceAlert.vue
@@ -12,12 +12,14 @@
       </span>
       <span v-else>
         <span>
-          {{ coreString(
-            multiple ? 'someResourcesMissingOrNotSupported' :
-            'resourceNotFoundOnDevice'
-          ) }}
-        &nbsp;
-          <KButton appearance="basic-link" @click="open = true">
+          {{
+            coreString(multiple ? 'someResourcesMissingOrNotSupported' : 'resourceNotFoundOnDevice')
+          }}
+          &nbsp;
+          <KButton
+            appearance="basic-link"
+            @click="open = true"
+          >
             {{ $tr('learnMore') }}
           </KButton>
         </span>
@@ -32,7 +34,6 @@
       <p>{{ $tr('resourcesUnavailableP1') }}</p>
       <p>{{ $tr('resourcesUnavailableP2') }}</p>
     </KModal>
-
   </div>
 
 </template>
diff --git a/packages/kolibri-common/components/PaginatedListContainerWithBackend.vue b/packages/kolibri-common/components/PaginatedListContainerWithBackend.vue
index 6f565f3fd7b..8aa8a493b65 100644
--- a/packages/kolibri-common/components/PaginatedListContainerWithBackend.vue
+++ b/packages/kolibri-common/components/PaginatedListContainerWithBackend.vue
@@ -14,12 +14,14 @@
     </KGrid>
 
     <div>
-      <slot>
-      </slot>
+      <slot> </slot>
     </div>
 
     <nav class="pagination-nav">
-      <span dir="auto" class="pagination-label">
+      <span
+        dir="auto"
+        class="pagination-label"
+      >
         {{ $tr('pagination', { visibleStartRange, visibleEndRange, numFilteredItems }) }}
       </span>
       <KButtonGroup>
diff --git a/packages/kolibri-common/components/SidePanelModal/index.vue b/packages/kolibri-common/components/SidePanelModal/index.vue
index 9f83f8df8a9..4a98dd01786 100644
--- a/packages/kolibri-common/components/SidePanelModal/index.vue
+++ b/packages/kolibri-common/components/SidePanelModal/index.vue
@@ -17,7 +17,6 @@
           :style="sidePanelStyles"
           :aria-label="ariaLabel"
         >
-
           <!-- Fixed header -->
           <div
             v-show="$slots.header"
@@ -26,8 +25,7 @@
             :style="fixedHeaderStyles"
           >
             <div class="header-content">
-              <slot name="header">
-              </slot>
+              <slot name="header"> </slot>
             </div>
           </div>
 
@@ -42,10 +40,12 @@
           />
 
           <!-- Default slot for inserting content which will scroll on overflow -->
-          <div class="side-panel-content" :style="contentStyles">
+          <div
+            class="side-panel-content"
+            :style="contentStyles"
+          >
             <slot></slot>
           </div>
-
         </section>
       </FocusTrap>
     </transition>
diff --git a/packages/kolibri-common/components/SyncSchedule/EditDeviceSyncSchedule.vue b/packages/kolibri-common/components/SyncSchedule/EditDeviceSyncSchedule.vue
index fa61175c5d0..5e07a7b033e 100644
--- a/packages/kolibri-common/components/SyncSchedule/EditDeviceSyncSchedule.vue
+++ b/packages/kolibri-common/components/SyncSchedule/EditDeviceSyncSchedule.vue
@@ -13,13 +13,12 @@
         gutter="48"
         class="edit-sync-schedule"
       >
-
         <KGridItem>
           <h1>{{ $tr('editSyncScheduleTitle') }}</h1>
         </KGridItem>
 
         <KGridItem>
-          <p>{{ device.device_name }} </p>
+          <p>{{ device.device_name }}</p>
         </KGridItem>
 
         <KGrid class="align-kselects">
@@ -34,11 +33,8 @@
                 :label="$tr('frequency')"
               />
             </KGridItem>
-
           </KGrid>
-          <KGrid
-            v-if="dayRequired"
-          >
+          <KGrid v-if="dayRequired">
             <KGridItem>
               <KSelect
                 v-model="selectedDay"
@@ -48,9 +44,7 @@
                 :options="getDays"
                 :label="$tr('day')"
               />
-
             </KGridItem>
-
           </KGrid>
           <KGrid v-if="timeRequired">
             <KGridItem>
@@ -64,20 +58,18 @@
               />
             </KGridItem>
           </KGrid>
-
         </KGrid>
         <KGridItem>
-
           <p class="spacing">
             {{ $tr('serverTime') }}
             {{
               $formatTime(now, {
-                year: "numeric",
-                month: "numeric",
-                day: "numeric",
-                hour: "numeric",
-                minute: "numeric",
-                second: "numeric",
+                year: 'numeric',
+                month: 'numeric',
+                day: 'numeric',
+                hour: 'numeric',
+                minute: 'numeric',
+                second: 'numeric',
               })
             }}
           </p>
@@ -101,13 +93,9 @@
             >
               {{ $tr('removeDeviceLabel') }}
             </KButton>
-
           </p>
-
         </KGridItem>
-
       </KGrid>
-
     </KPageContainer>
 
     <BottomAppBar>
@@ -175,7 +163,7 @@
   const date = new Date(
     today.getFullYear(),
     today.getMonth(),
-    today.getDate() + (7 - today.getDay())
+    today.getDate() + (7 - today.getDay()),
   );
   for (let i = 0; i < 7; i++) {
     daysOfWeek.push({ value: i, date: new Date(date) });
@@ -426,7 +414,7 @@
               task.facility_id === this.facilityId &&
               task.type === this.taskType &&
               // Only show tasks that are repeating indefinitely
-              task.repeat === null
+              task.repeat === null,
           );
           this.$nextTick(() => {
             if (this.currentTask) {
@@ -550,16 +538,21 @@
 
 
 <style scoped>
-.spacing {
-  margin-top: 10px;
-}
-.loader {
-  margin-top: 5px;
-}
-.edit-sync-schedule {
-  margin-left: 20px;
-}
-.align-kselects {
-  margin-left: 16px;
-}
+
+  .spacing {
+    margin-top: 10px;
+  }
+
+  .loader {
+    margin-top: 5px;
+  }
+
+  .edit-sync-schedule {
+    margin-left: 20px;
+  }
+
+  .align-kselects {
+    margin-left: 16px;
+  }
+
 </style>
diff --git a/packages/kolibri-common/components/SyncSchedule/ManageSyncSchedule.vue b/packages/kolibri-common/components/SyncSchedule/ManageSyncSchedule.vue
index 8352e8d4d6a..7d6b42fc0e6 100644
--- a/packages/kolibri-common/components/SyncSchedule/ManageSyncSchedule.vue
+++ b/packages/kolibri-common/components/SyncSchedule/ManageSyncSchedule.vue
@@ -6,10 +6,8 @@
   >
     <KPageContainer>
       <KGrid gutter="48">
-
         <KGridItem>
           <h1>{{ $tr('syncSchedules') }}</h1>
-
         </KGridItem>
 
         <KGridItem>
@@ -34,7 +32,6 @@
             {{ $tr('addDevice') }}
           </KButton>
         </KGridItem>
-
       </KGrid>
 
       <!--      creating the table-->
@@ -52,13 +49,13 @@
               :key="task.id"
             >
               <td>
-                <span>{{ task.deviceName }}<br>
+                <span>{{ task.deviceName }}<br >
                   {{ task.extra_metadata.baseurl }}
                 </span>
               </td>
               <td>
                 <div>
-                  {{ scheduleTime(task.repeat_interval, task.scheduled_datetime ) }}
+                  {{ scheduleTime(task.repeat_interval, task.scheduled_datetime) }}
                 </div>
               </td>
 
@@ -94,14 +91,13 @@
             <tr>
               <td
                 colspan="3"
-                style="text-align:center"
+                style="text-align: center"
               >
                 <b>{{ $tr('NoSync') }}</b>
               </td>
             </tr>
           </tbody>
         </template>
-
       </CoreTable>
       <SyncFacilityModalGroup
         v-if="deviceModal"
@@ -148,7 +144,7 @@
         {
           subset_of_users_device: false,
         },
-        deviceFilter
+        deviceFilter,
       );
       const devicesById = computed(() => {
         return devices.value.reduce(
@@ -163,7 +159,7 @@
               device_name: kdpNameTranslator.$tr('syncToKDP'),
               base_url: '',
             },
-          }
+          },
         );
       });
       return {
@@ -227,7 +223,7 @@
             t =>
               t.facility_id === this.facilityId &&
               t.repeat === null &&
-              (t.type === TaskTypes.SYNCDATAPORTAL || t.type === TaskTypes.SYNCPEERFULL)
+              (t.type === TaskTypes.SYNCDATAPORTAL || t.type === TaskTypes.SYNCPEERFULL),
           );
           if (this.isPolling) {
             setTimeout(() => {
@@ -344,18 +340,23 @@
 
 
 <style scoped>
-.separate {
-  margin-bottom: 35px;
-  margin-top: 35px;
-}
-.add-space {
-  margin: 4px;
-}
-.right {
-  position: absolute;
-  right: 50px;
-}
-.loader-size {
-  margin-top: 10px;
-}
+
+  .separate {
+    margin-top: 35px;
+    margin-bottom: 35px;
+  }
+
+  .add-space {
+    margin: 4px;
+  }
+
+  .right {
+    position: absolute;
+    right: 50px;
+  }
+
+  .loader-size {
+    margin-top: 10px;
+  }
+
 </style>
diff --git a/packages/kolibri-common/components/SyncSchedule/__tests__/EditDeviceSyncSchedule.spec.js b/packages/kolibri-common/components/SyncSchedule/__tests__/EditDeviceSyncSchedule.spec.js
index 172d17396fd..e0a56162770 100644
--- a/packages/kolibri-common/components/SyncSchedule/__tests__/EditDeviceSyncSchedule.spec.js
+++ b/packages/kolibri-common/components/SyncSchedule/__tests__/EditDeviceSyncSchedule.spec.js
@@ -76,7 +76,7 @@ describe('EditDeviceSyncSchedule', () => {
 
         // assertion
         expect(nextSyncDate.toISOString()).toBe(new Date(expected).toISOString());
-      }
+      },
     );
   });
 });
diff --git a/packages/kolibri-common/strings/enhancedQuizManagementStrings.js b/packages/kolibri-common/strings/enhancedQuizManagementStrings.js
index 0e5955ca31b..67761360a07 100644
--- a/packages/kolibri-common/strings/enhancedQuizManagementStrings.js
+++ b/packages/kolibri-common/strings/enhancedQuizManagementStrings.js
@@ -224,7 +224,7 @@ export function displaySectionTitle(section, index) {
 export function displayQuestionTitle(question, exerciseTitle) {
   return question.title === ''
     ? `${exerciseTitle} (${enhancedQuizManagementStrings.$formatNumber(
-        question.counter_in_exercise
+        question.counter_in_exercise,
       )})`
     : question.title;
 }
diff --git a/packages/kolibri-tools/build_kolibri_tools.js b/packages/kolibri-tools/build_kolibri_tools.js
index d164736a020..245cdf5dfd8 100644
--- a/packages/kolibri-tools/build_kolibri_tools.js
+++ b/packages/kolibri-tools/build_kolibri_tools.js
@@ -42,5 +42,5 @@ fs.writeFileSync(
   JSON.stringify(languageInfo, undefined, 2),
   {
     encoding: 'utf-8',
-  }
+  },
 );
diff --git a/packages/kolibri-tools/jest.conf/index.js b/packages/kolibri-tools/jest.conf/index.js
index 24b9b8dda12..ae45e972f85 100644
--- a/packages/kolibri-tools/jest.conf/index.js
+++ b/packages/kolibri-tools/jest.conf/index.js
@@ -4,10 +4,8 @@ const babelConfig = require('./babel.config');
 
 const moduleNameMapper = {
   '^testUtils$': path.resolve(__dirname, './testUtils'),
-  '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|css)$': path.resolve(
-    __dirname,
-    './fileMock.js'
-  ),
+  '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|css)$':
+    path.resolve(__dirname, './fileMock.js'),
 };
 
 Object.keys(apiSpecAliases).forEach(key => {
diff --git a/packages/kolibri-tools/jest.conf/setup.js b/packages/kolibri-tools/jest.conf/setup.js
index ed7c848121a..5d336a36b91 100644
--- a/packages/kolibri-tools/jest.conf/setup.js
+++ b/packages/kolibri-tools/jest.conf/setup.js
@@ -38,7 +38,7 @@ logging.setLevel('silent');
 // Register Vue plugins and components
 Vue.use(Vuex);
 Vue.mixin({
-  beforeCreate: function() {
+  beforeCreate: function () {
     // This fix some problems between the VueRouter plugin, and Vue-testing-library.
     this.$options.router = this.$options.router || undefined;
   },
@@ -73,7 +73,7 @@ const scheduler = typeof setImmediate === 'function' ? setImmediate : setTimeout
 
 // Copied from https://github.com/kentor/flush-promises/blob/f33ac564190c784019f1f689dd544187f4b77eb2/index.js
 global.flushPromises = function flushPromises() {
-  return new Promise(function(resolve) {
+  return new Promise(function (resolve) {
     scheduler(resolve);
   });
 };
diff --git a/packages/kolibri-tools/lib/alias_import_resolver.js b/packages/kolibri-tools/lib/alias_import_resolver.js
index dbd55e4f8c2..fe56fd6a36b 100644
--- a/packages/kolibri-tools/lib/alias_import_resolver.js
+++ b/packages/kolibri-tools/lib/alias_import_resolver.js
@@ -21,7 +21,7 @@ function opts(file, config) {
       // path.resolve will handle paths relative to CWD
       basedir: path.dirname(path.resolve(file)),
       packageFilter: packageFilter,
-    }
+    },
   );
 }
 
@@ -38,11 +38,11 @@ function nodeResolver(source, file, config) {
 
 const moduleAliases = {};
 
-exports.addAliases = function(aliases) {
+exports.addAliases = function (aliases) {
   Object.assign(moduleAliases, aliases);
 };
 
-exports.resetAliases = function() {
+exports.resetAliases = function () {
   for (const key in moduleAliases) {
     delete moduleAliases[key];
   }
@@ -50,7 +50,7 @@ exports.resetAliases = function() {
 
 exports.interfaceVersion = 2;
 
-exports.resolve = function(source, file, config) {
+exports.resolve = function (source, file, config) {
   // strip loaders
   var finalBang = source.lastIndexOf('!');
   if (finalBang >= 0) {
diff --git a/packages/kolibri-tools/lib/apiSpecExportTools.js b/packages/kolibri-tools/lib/apiSpecExportTools.js
index c3a5ebd64da..f24bc7ea7fb 100644
--- a/packages/kolibri-tools/lib/apiSpecExportTools.js
+++ b/packages/kolibri-tools/lib/apiSpecExportTools.js
@@ -20,7 +20,7 @@ const ecmaVersion = 2023;
 
 // Find the API specification file relative to this file.
 const specFilePath = path.resolve(
-  path.join(__dirname, '../../../kolibri/core/assets/src/core-app/apiSpec.js')
+  path.join(__dirname, '../../../kolibri/core/assets/src/core-app/apiSpec.js'),
 );
 
 function specModule(filePath) {
@@ -42,14 +42,14 @@ function specModule(filePath) {
 
   const pathLookup = {};
 
-  apiSpecTree.body.forEach(function(dec) {
+  apiSpecTree.body.forEach(function (dec) {
     if (dec.type === espree.Syntax.ImportDeclaration) {
       pathLookup[dec.specifiers[0].local.name] = newPath(dec.source.value);
     }
   });
 
   const properties = apiSpecTree.body.find(
-    dec => dec.type === espree.Syntax.ExportDefaultDeclaration
+    dec => dec.type === espree.Syntax.ExportDefaultDeclaration,
   ).declaration.properties;
 
   function recurseProperties(props) {
@@ -120,7 +120,7 @@ const baseAliasSourcePaths = {
   kolibri_app: path.resolve(__dirname, '../../../kolibri/core/assets/src/kolibri_app'),
   content_renderer_module: path.resolve(
     __dirname,
-    '../../../kolibri/core/assets/src/content_renderer_module'
+    '../../../kolibri/core/assets/src/content_renderer_module',
   ),
   plugin_data: path.resolve(__dirname, '../../../kolibri/core/assets/src/utils/plugin_data_src'),
   // To clean up - once we allow for core API elements to be defined as either bundled or not bundled
@@ -157,7 +157,7 @@ function recurseAndCopySpecObject(specObj, targetPath) {
     const sourceTree = espree.parse(sourceContents, { sourceType: 'module', ecmaVersion });
     const importNodes = esquery.query(
       sourceTree,
-      '[type=/(ImportDeclaration|ExportNamedDeclaration|ExportAllDeclaration)/]'
+      '[type=/(ImportDeclaration|ExportNamedDeclaration|ExportAllDeclaration)/]',
     );
     importNodes.forEach(node => {
       if (node.source) {
@@ -239,10 +239,7 @@ function recurseAndCopySpecObject(specObj, targetPath) {
       // Possible that the resolved file is actually an index file inside a folder
       // Check for that case.
       if (path.basename(sourceFile).startsWith('index')) {
-        extraPath = path
-          .dirname(sourceFile)
-          .split(path.sep)
-          .slice(-1)[0];
+        extraPath = path.dirname(sourceFile).split(path.sep).slice(-1)[0];
       }
       // Create the destination file name based on the source file name base name, copy it exactly.
       const destinationFile = path.join(
@@ -251,7 +248,7 @@ function recurseAndCopySpecObject(specObj, targetPath) {
         prefix +
           (destinationFileBase
             ? destinationFileBase + path.extname(sourceFile)
-            : path.basename(sourceFile))
+            : path.basename(sourceFile)),
       );
       // Copy from the source to the destination.
       const sourceContents = fs.readFileSync(sourceFile, { encoding: 'utf-8' });
@@ -284,9 +281,8 @@ function recurseAndCopySpecObject(specObj, targetPath) {
       // Return a relative path to the copied file
       return './' + prefix + path.basename(sourceFile);
     } else {
-      const exportSourcePath = (sourcePath.startsWith('~')
-        ? sourcePath.slice(1)
-        : sourcePath
+      const exportSourcePath = (
+        sourcePath.startsWith('~') ? sourcePath.slice(1) : sourcePath
       ).split('/')[0];
       if (!knownAliases[exportSourcePath] && !externalDependencies[exportSourcePath]) {
         externalDependencies[exportSourcePath] = true;
@@ -326,7 +322,7 @@ const __builder = {
      */
     if (!fs.existsSync(specFilePath)) {
       throw new ReferenceError(
-        'Attempting to build the API Spec from outside the Kolibri source repo'
+        'Attempting to build the API Spec from outside the Kolibri source repo',
       );
     }
   },
@@ -345,11 +341,11 @@ const __builder = {
         if (lastKey) {
           spec[lastKey] = {};
         }
-        Object.keys(obj).forEach(function(key) {
+        Object.keys(obj).forEach(function (key) {
           recurseObjectKeysAndMapToExportedSpec(
             obj[key],
             pathArray.concat(key),
-            spec[lastKey] || spec
+            spec[lastKey] || spec,
           );
         });
       } else {
@@ -397,7 +393,7 @@ function coreExternals() {
   };
   function recurseObjectKeysAndExternalize(obj, pathArray) {
     if (typeof obj === 'object') {
-      Object.keys(obj).forEach(function(key) {
+      Object.keys(obj).forEach(function (key) {
         recurseObjectKeysAndExternalize(obj[key], pathArray.concat(key));
       });
     } else {
@@ -419,7 +415,7 @@ function coreAliases() {
   const aliasesObj = Object.assign({}, baseAliases);
   function recurseObjectKeysAndAlias(obj, pathArray) {
     if (typeof obj === 'object') {
-      Object.keys(obj).forEach(function(key) {
+      Object.keys(obj).forEach(function (key) {
         recurseObjectKeysAndAlias(obj[key], pathArray.concat(key));
       });
     } else {
@@ -430,7 +426,7 @@ function coreAliases() {
       if (obj.startsWith('.')) {
         // Map from the requireName to a resolved path (relative to the apiSpecFile) to the module in question.
         aliasesObj[requireName(pathArray)] = path.resolve(
-          path.join(path.dirname(specFilePath), obj)
+          path.join(path.dirname(specFilePath), obj),
         );
       } else if (!obj.startsWith('.')) {
         aliasesObj[requireName(pathArray)] = obj;
diff --git a/packages/kolibri-tools/lib/clean.js b/packages/kolibri-tools/lib/clean.js
index fcbeea11947..8661cd3ea02 100644
--- a/packages/kolibri-tools/lib/clean.js
+++ b/packages/kolibri-tools/lib/clean.js
@@ -2,11 +2,11 @@ var path = require('node:path');
 var fs = require('node:fs');
 var logging = require('./logging');
 
-var deleteRecursive = function(p) {
+var deleteRecursive = function (p) {
   logging.info('Scanning ' + p);
   if (fs.existsSync(p)) {
     if (fs.lstatSync(p).isDirectory()) {
-      fs.readdirSync(p).forEach(function(name) {
+      fs.readdirSync(p).forEach(function (name) {
         deleteRecursive(path.join(p, name));
       });
       logging.info('Removing ' + p);
@@ -19,7 +19,7 @@ var deleteRecursive = function(p) {
 };
 
 module.exports = function clean(plugins) {
-  plugins.forEach(function(plugin) {
+  plugins.forEach(function (plugin) {
     deleteRecursive(path.resolve(plugin.static_dir, plugin.name));
     deleteRecursive(path.resolve(plugin.stats_file));
   });
diff --git a/packages/kolibri-tools/lib/cli.js b/packages/kolibri-tools/lib/cli.js
index 51907cce497..dbd4ee97e9a 100755
--- a/packages/kolibri-tools/lib/cli.js
+++ b/packages/kolibri-tools/lib/cli.js
@@ -208,13 +208,13 @@ program
     '--plugins <plugins...>',
     'An explicit comma separated list of plugins that should be built',
     list,
-    []
+    [],
   )
   .option(
     '--pluginPath <pluginPath>',
     'A system path to the plugin or module that should be added to the Python path so that it can be imported during build time',
     String,
-    ''
+    '',
   )
   .option('--parallel <parallel>', 'Run multiple bundles in parallel', Number, 0)
   .option('-h, --hot', 'Use hot module reloading in the webpack devserver', false)
@@ -227,20 +227,20 @@ program
     '--watchonly [plugins...]',
     'An explicit comma separated list of plugins that should be watched - all others will be built once only',
     list,
-    []
+    [],
   )
   .option(
     '--require-kds-path',
     'Flag to check if yarn command is run using devserver-with-kds',
-    false
+    false,
   )
   .option('--kds-path <kdsPath>', 'Full path to local kds directory', String, '')
   .option('--write-to-disk', 'Write files to disk instead of using webpack devserver', false)
-  .action(function(mode, options) {
+  .action(function (mode, options) {
     if (options.requireKdsPath) {
       if (!options.kdsPath) {
         cliLogging.error(
-          'The --require-kds-path flag was specified, but no --kds-path value was provided. Please include the path to the local KDS directory.'
+          'The --require-kds-path flag was specified, but no --kds-path value was provided. Please include the path to the local KDS directory.',
         );
         process.exit(1);
       }
@@ -328,7 +328,7 @@ program
 
     if (options.writeToDisk && mode === modes.DEV) {
       cliLogging.warn(
-        'Enabling write-to-disk mode may fill up your developer machine with lots of different built files if frequent changes are made.'
+        'Enabling write-to-disk mode may fill up your developer machine with lots of different built files if frequent changes are made.',
       );
     }
 
@@ -397,18 +397,18 @@ program
                 } else {
                   return Promise.resolve(0);
                 }
-              })
+              }),
             ).then(sources => {
               return sources.reduce((code, result) => {
                 return Math.max(code, result);
               }, noChange);
             });
-          })
+          }),
         ).then(sources => {
           process.exit(
             sources.reduce((code, result) => {
               return Math.max(code, result);
-            }, noChange)
+            }, noChange),
           );
         });
       }
@@ -420,7 +420,7 @@ program
   .command('test')
   .option('--config [config]', 'Set configuration for jest tests')
   .allowUnknownOption()
-  .action(function(options) {
+  .action(function (options) {
     const baseConfigPath = path.resolve(__dirname, '../jest.conf');
     if (process.env.NODE_ENV == null) {
       process.env.NODE_ENV = 'test';
@@ -445,7 +445,7 @@ program
   .command('compress')
   .arguments('[files...]', 'List of custom file globs or file names to compress')
   .allowUnknownOption()
-  .action(function(files) {
+  .action(function (files) {
     if (!files.length) {
       program.command('compress').help();
     } else {
@@ -455,16 +455,16 @@ program
         files.map(file => {
           const matches = glob.sync(file);
           return Promise.all(matches.map(compressFile));
-        })
+        }),
       );
     }
   });
 
 const localeDataFolderDefault = filePath(
-  get(config, configSectionPath.concat(['locale_data_folder']))
+  get(config, configSectionPath.concat(['locale_data_folder'])),
 );
 const globalWebpackConfigDefault = filePath(
-  get(config, configSectionPath.concat(['webpack_config']))
+  get(config, configSectionPath.concat(['webpack_config'])),
 );
 const langInfoConfigDefault = filePath(get(config, configSectionPath.concat(['lang_info'])));
 const langIgnoreDefaults = list(get(config, configSectionPath.concat(['ignore']), ''));
@@ -476,8 +476,8 @@ const _kolibriLangInfoPath = path.join(__dirname, '../../../kolibri/locale/langu
 const langInfoDefault = langInfoConfigDefault
   ? langInfoConfigDefault
   : fs.existsSync(_kolibriLangInfoPath)
-  ? _kolibriLangInfoPath
-  : path.join(__dirname, './i18n/language_info.json');
+    ? _kolibriLangInfoPath
+    : path.join(__dirname, './i18n/language_info.json');
 
 // I18N Intl and Vue-Intl Polyfill Code Generation
 program
@@ -486,14 +486,14 @@ program
     '--lang-info <langInfo>',
     'Set path for file that contains language information',
     filePath,
-    langInfoDefault
+    langInfoDefault,
   )
   .option(
     '--output-dir <outputDir>',
     'Directory in which to write JS intl polyfill files',
-    filePath
+    filePath,
   )
-  .action(function(options) {
+  .action(function (options) {
     const intlCodeGen = require('./i18n/intl_code_gen');
     intlCodeGen(options.outputDir, options.langInfo);
   });
@@ -529,7 +529,7 @@ function _generatePathInfo({
           entry,
           aliases,
         };
-      })
+      }),
     );
   }
   if (namespace.length && namespace.length == searchPath.length) {
@@ -575,52 +575,52 @@ function _addPathOptions(cmd) {
       '-p, --plugins <plugins...>',
       'An explicit comma separated list of plugins that should be built',
       list,
-      []
+      [],
     )
     .option(
       '--pluginPath <pluginPath>',
       'A system path to the plugin or module that should be added to the Python path so that it can be imported during build time',
       String,
-      ''
+      '',
     )
     .option(
       '-i, --ignore <patterns...>',
       'Ignore these comma separated patterns',
       list,
-      langIgnoreDefaults.length ? langIgnoreDefaults : ignoreDefaults
+      langIgnoreDefaults.length ? langIgnoreDefaults : ignoreDefaults,
     )
     .option(
       '-n , --namespace <namespace>',
       'Set namespace for string extraction; this may be specified multiple times, but there must be an equal number of --searchPath arguments',
       _collect,
-      []
+      [],
     )
     .option(
       '--localeDataFolder <localeDataFolder>',
       'Set path to write locale files to',
       filePath,
-      localeDataFolderDefault
+      localeDataFolderDefault,
     )
     .option(
       '--searchPath <searchPath>',
       'Set path to search for files containing strings to be extracted; this may be specified multiple times, but there must be an equal number of --namespace arguments',
       _collect,
-      []
+      [],
     )
     .option(
       '--webpackConfig <webpackConfig>',
       'Set a webpack config to use for module aliases',
       filePath,
-      globalWebpackConfigDefault
+      globalWebpackConfigDefault,
     )
     .option(
       '--verbose',
-      'Verbose debug messages. Only errors are printed unless this flag is set.'
+      'Verbose debug messages. Only errors are printed unless this flag is set.',
     );
 }
 
 // I18N Message Handling
-_addPathOptions(program.command('i18n-extract-messages')).action(function(options) {
+_addPathOptions(program.command('i18n-extract-messages')).action(function (options) {
   const pathInfo = _generatePathInfo(options);
   if (!pathInfo) {
     program.command('i18n-extract-messages').help();
@@ -629,7 +629,7 @@ _addPathOptions(program.command('i18n-extract-messages')).action(function(option
   extractMessages(pathInfo, options.ignore, options.localeDataFolder, options.verbose);
 });
 
-_addPathOptions(program.command('i18n-transfer-context')).action(function(options) {
+_addPathOptions(program.command('i18n-transfer-context')).action(function (options) {
   const pathInfo = _generatePathInfo(options);
   if (!pathInfo) {
     program.command('i18n-transfer-context').help();
@@ -644,9 +644,9 @@ _addPathOptions(program.command('i18n-create-message-files'))
     '--lang-info <langInfo>',
     'Set path for file that contains language information',
     filePath,
-    langInfoDefault
+    langInfoDefault,
   )
-  .action(function(options) {
+  .action(function (options) {
     const pathInfo = _generatePathInfo(options);
     if (!pathInfo) {
       program.command('i18n-create-message-files').help();
@@ -657,7 +657,7 @@ _addPathOptions(program.command('i18n-create-message-files'))
       options.ignore,
       options.langInfo,
       options.localeDataFolder,
-      options.verbose
+      options.verbose,
     );
   });
 
@@ -667,9 +667,9 @@ _addPathOptions(program.command('i18n-untranslated-messages'))
     '--lang-info <langInfo>',
     'Set path for file that contains language information',
     filePath,
-    langInfoDefault
+    langInfoDefault,
   )
-  .action(function(options) {
+  .action(function (options) {
     const pathInfo = _generatePathInfo(options);
     if (!pathInfo) {
       program.command('i18n-untranslated-messages').help();
@@ -680,7 +680,7 @@ _addPathOptions(program.command('i18n-untranslated-messages'))
       options.ignore,
       options.langInfo,
       options.localeDataFolder,
-      options.verbose
+      options.verbose,
     );
   });
 
@@ -689,9 +689,9 @@ _addPathOptions(program.command('i18n-profile'))
   .option(
     '--output-file <outputFile>',
     'File path and name to which to write out the profile to',
-    filePath
+    filePath,
   )
-  .action(function(options) {
+  .action(function (options) {
     const pathInfo = _generatePathInfo(options);
     if (!pathInfo) {
       program.command('i18n-profile').help();
@@ -705,14 +705,14 @@ _addPathOptions(program.command('i18n-audit'))
   .option(
     '--output-file <outputFile>',
     'File path and name to which to write out the audit to',
-    filePath
+    filePath,
   )
   .option(
     '--ditto-file <dittoFile>',
     'File paths of the CSV files to read the ditto strings from',
-    filePath
+    filePath,
   )
-  .action(function(options) {
+  .action(function (options) {
     const pathInfo = _generatePathInfo(options);
     if (!pathInfo) {
       program.command('i18n-audit').help();
@@ -723,7 +723,7 @@ _addPathOptions(program.command('i18n-audit'))
       options.ignore,
       [options.dittoFile],
       options.outputFile,
-      options.verbose
+      options.verbose,
     );
   });
 
diff --git a/packages/kolibri-tools/lib/i18n/ExtractMessages.js b/packages/kolibri-tools/lib/i18n/ExtractMessages.js
index b75f931cad2..364e3462f00 100644
--- a/packages/kolibri-tools/lib/i18n/ExtractMessages.js
+++ b/packages/kolibri-tools/lib/i18n/ExtractMessages.js
@@ -108,7 +108,7 @@ function toCSV(csvPath, namespace, messages) {
   return csvWriter.writeRecords(sortBy(csvData, 'identifier'));
 }
 
-module.exports = function(pathInfo, ignore, localeDataFolder, verbose) {
+module.exports = function (pathInfo, ignore, localeDataFolder, verbose) {
   // An object for storing our messages.
   const extractedMessages = {};
   forEachPathInfo(pathInfo, pathData => {
@@ -119,7 +119,7 @@ module.exports = function(pathInfo, ignore, localeDataFolder, verbose) {
         const nameSpaceMessages = extractedMessages[otherNamespace];
         if (checkForDuplicateIds(nameSpaceMessages, filePathMessages)) {
           logging.error(
-            `Duplicate message ids across namespaces ${namespace} and ${otherNamespace}`
+            `Duplicate message ids across namespaces ${namespace} and ${otherNamespace}`,
           );
         }
       }
@@ -134,12 +134,12 @@ module.exports = function(pathInfo, ignore, localeDataFolder, verbose) {
     return toCSV(csvPath, namespace, extractedMessages[namespace]);
   });
   Promise.all(PromisesToWriteCSVs).then(() =>
-    logging.info('Messages successfully written to CSV files.')
+    logging.info('Messages successfully written to CSV files.'),
   );
 
   let messageCount = 0;
   Object.keys(extractedMessages).forEach(
-    ns => (messageCount += Object.keys(extractedMessages[ns]).length)
+    ns => (messageCount += Object.keys(extractedMessages[ns]).length),
   );
 
   logging.info(`Successfully extracted ${messageCount} messages!`);
diff --git a/packages/kolibri-tools/lib/i18n/ProfileStrings.js b/packages/kolibri-tools/lib/i18n/ProfileStrings.js
index fccd7c713e8..b853a713d99 100644
--- a/packages/kolibri-tools/lib/i18n/ProfileStrings.js
+++ b/packages/kolibri-tools/lib/i18n/ProfileStrings.js
@@ -29,7 +29,7 @@ const COMMON_NAMESPACES = {
 function logKeyError(namespace, key) {
   logging.warn(
     `No string found for '${namespace}.${key}' ` +
-      '(either not defined, or the key was passed as a variable and not a string)'
+      '(either not defined, or the key was passed as a variable and not a string)',
   );
 }
 
@@ -88,7 +88,7 @@ function profileToCSV(profile) {
       csv = [...csv, ...dataRows];
       return csv;
     },
-    []
+    [],
   );
 }
 
@@ -142,7 +142,7 @@ function profileVueScript(profile, ast, pathname, namespace, allMessages) {
   let common = false;
   try {
     traverse(ast, {
-      pre: function(node) {
+      pre: function (node) {
         // The CallExpressions will find all potential $tr and commont$tr calls.
         if (node.type === 'CallExpression') {
           if (node.callee.property) {
@@ -157,7 +157,7 @@ function profileVueScript(profile, ast, pathname, namespace, allMessages) {
               if (isCommonFn(node.callee.property.name)) {
                 key = keyFromArguments(
                   node.arguments,
-                  COMMON_NAMESPACES[node.callee.property.name]
+                  COMMON_NAMESPACES[node.callee.property.name],
                 );
                 common = true;
               }
@@ -197,7 +197,7 @@ function profileVueTemplate(profile, ast, pathname, namespace, allMessages) {
   let common = false;
   try {
     traverse(ast, {
-      pre: function(node) {
+      pre: function (node) {
         // The CallExpressions will find all potential $tr and commont$tr calls.
         // NOTE: This differs from the above - this AST is conveniently slightly
         // different in structure - so there are not `property` objects here.
@@ -247,7 +247,7 @@ function profileJSFile(profile, ast, pathname, allMessages) {
   // Process the AST
   try {
     traverse(ast, {
-      pre: function(node) {
+      pre: function (node) {
         // Seek out any place where a createTranslator() function is called.
         if (node.type === 'VariableDeclarator') {
           if (node.init && node.init.type === 'CallExpression') {
@@ -332,7 +332,7 @@ function getVueTemplateAST(filePath) {
   return parseAST(render);
 }
 
-module.exports = function(pathInfo, ignore, outputFile, verbose) {
+module.exports = function (pathInfo, ignore, outputFile, verbose) {
   const allMessages = {};
   /**
    * An object where "Translation strings" are the keys.
@@ -353,7 +353,7 @@ module.exports = function(pathInfo, ignore, outputFile, verbose) {
         pathData.entry,
         moduleFilePath,
         ignore,
-        verbose
+        verbose,
       );
     } else {
       bundleMessages = getAllMessagesFromFilePath(moduleFilePath, ignore, verbose);
diff --git a/packages/kolibri-tools/lib/i18n/SyncContext.js b/packages/kolibri-tools/lib/i18n/SyncContext.js
index 262ae64d28b..27842e1586b 100644
--- a/packages/kolibri-tools/lib/i18n/SyncContext.js
+++ b/packages/kolibri-tools/lib/i18n/SyncContext.js
@@ -136,7 +136,7 @@ function modifyCreateTranslatorASTNodes(ast, definitions) {
         const namespace = node.arguments[0].value;
 
         const translatorDefinitions = definitions.filter(o =>
-          o['Identifier'].startsWith(namespace)
+          o['Identifier'].startsWith(namespace),
         );
         if (namespace && node.arguments[1].properties) {
           // Go through all of the properties and update the nodes as needed.
@@ -206,13 +206,13 @@ function processJSFiles(files, definitions) {
     .filter(Boolean);
 }
 
-module.exports = function(pathInfo, ignore, localeDataFolder) {
+module.exports = function (pathInfo, ignore, localeDataFolder) {
   logging.info('Transferring context...');
 
   // An object for storing our updated files.
   const updatedFiles = [];
   const csvDefinitions = parseCSVDefinitions(localeDataFolder).filter(
-    definition => definition['Context'] && extractContext(definition['Context']) !== ''
+    definition => definition['Context'] && extractContext(definition['Context']) !== '',
   );
 
   if (!csvDefinitions.length) {
@@ -229,7 +229,7 @@ module.exports = function(pathInfo, ignore, localeDataFolder) {
     // Get the updated files
     const vueFilesToWrite = processVueFiles(vueFiles, csvDefinitions);
     logging.info(
-      `Parsed ${vueFiles.length} Vue components, added context to ${vueFilesToWrite.length}`
+      `Parsed ${vueFiles.length} Vue components, added context to ${vueFilesToWrite.length}`,
     );
     updatedFiles.push(...vueFilesToWrite);
 
diff --git a/packages/kolibri-tools/lib/i18n/astUtils.js b/packages/kolibri-tools/lib/i18n/astUtils.js
index 2181901b683..2165821af8b 100644
--- a/packages/kolibri-tools/lib/i18n/astUtils.js
+++ b/packages/kolibri-tools/lib/i18n/astUtils.js
@@ -118,7 +118,7 @@ function stringFromAnyLiteral(node) {
     logging.error(
       'Tried to get string value from a node that is not a Literal, TemplateLiteral or a StringLiteral',
       '\n\n',
-      get(node, 'init.properties[0].key.name', '')
+      get(node, 'init.properties[0].key.name', ''),
     );
   }
 }
@@ -138,10 +138,10 @@ function getObjectifiedValue(nodePropertyValue) {
     context = '';
   } else {
     const contextNode = get(nodePropertyValue, 'properties', []).find(
-      n => n.key.name === 'context'
+      n => n.key.name === 'context',
     );
     const messageNode = get(nodePropertyValue, 'properties', []).find(
-      n => n.key.name === 'message'
+      n => n.key.name === 'message',
     );
 
     if (!messageNode) {
@@ -152,7 +152,7 @@ function getObjectifiedValue(nodePropertyValue) {
           'Available keys on the message object include:\n' +
           get(nodePropertyValue, 'properties', [])
             .map(p => p.key.name)
-            .join(', ')
+            .join(', '),
       );
     }
 
@@ -171,7 +171,7 @@ function getObjectifiedValue(nodePropertyValue) {
       'The above error is unrecoverable (✖╭╮✖). This indicates a bug that needs fixing. Sorry.' +
       nodePropertyValue.properties
         ? nodePropertyValue.properties[0].value.value
-        : nodePropertyValue.value
+        : nodePropertyValue.value,
     );
   }
   return { message, context: `${CONTEXT_LINE}${context}` };
@@ -187,7 +187,7 @@ function getFileNameForImport(importPath, filePath) {
   ) {
     // Just throw up here if we don't have another worthy attempt
     throw new ReferenceError(
-      `Attempted to resolve an import in ${filePath} for module ${importPath} but could not be resolved as a Javascript or Vue file`
+      `Attempted to resolve an import in ${filePath} for module ${importPath} but could not be resolved as a Javascript or Vue file`,
     );
   }
   return resolveAttempt.path;
@@ -262,12 +262,12 @@ function getPropertyKey(node, ast, filePath) {
         ) {
           try {
             foundValue = stringFromAnyLiteral(
-              get(astNode, 'init.properties', []).find(p => get(p, 'key.name') === prop)
+              get(astNode, 'init.properties', []).find(p => get(p, 'key.name') === prop),
             );
           } catch (e) {
             logging.error(
               `Tried to get the value of ${obj}.${prop} from ${filePath} but failed.\n`,
-              'This is an unrecoverable error.'
+              'This is an unrecoverable error.',
             );
             logging.error(e);
             process.exit(1);
@@ -289,7 +289,7 @@ function getPropertyKey(node, ast, filePath) {
             targetFile = getFileNameForImport(fileImportedFrom, filePath);
           } catch (e) {
             logging.error(
-              "A message's key was defined using the value of a variable imported from a JS file."
+              "A message's key was defined using the value of a variable imported from a JS file.",
             );
             logging.error(e);
             process.exit(1);
@@ -314,12 +314,12 @@ function getPropertyKey(node, ast, filePath) {
                   foundValue = stringFromAnyLiteral(
                     // get the matching property's `value` (a node) to give to stringFromAnyLiteral
                     get(importedNode, 'init.properties', []).find(p => get(p, 'key.name') === prop)
-                      .value
+                      .value,
                   );
                 } catch (e) {
                   logging.error(
                     `Tried to get the value of ${obj}.${prop} from ${filePath} but failed.\n`,
-                    'This is an unrecoverable error.'
+                    'This is an unrecoverable error.',
                   );
                   logging.error(e);
                   process.exit(1);
@@ -332,7 +332,7 @@ function getPropertyKey(node, ast, filePath) {
           // show an error and leave
           if (!foundValue) {
             logging.error(
-              `Tried to import ${targetFile} to find ${obj}.${prop} but could not extract the value.`
+              `Tried to import ${targetFile} to find ${obj}.${prop} but could not extract the value.`,
             );
             process.exit(1);
           }
@@ -405,7 +405,7 @@ function extract$trs(ast, filePath) {
 
         if (!messageNamespace) {
           logging.error(
-            `I found $trs in ${filePath} but cannot get the name of the component. This is certainly a bug with the extraction.`
+            `I found $trs in ${filePath} but cannot get the name of the component. This is certainly a bug with the extraction.`,
           );
           process.exit(1);
         }
@@ -492,7 +492,7 @@ function extractCreateTranslator(ast, filePath) {
             logging.error(
               `Could not find variable called ${varToken} where strings for ${messageNamespace} should be defined.\n\n`,
               `This may be indicative of createTranslator's second argument being given as an empty object, which is pointless and therefore forbidden.`,
-              'The above error is unrecoverable (✖╭╮✖). This indicates a bug that needs fixing that might be in this code or your code and I cannot give you much more information than that. Continuing would mean some strings will be missed which would be unacceptable. Sorry.'
+              'The above error is unrecoverable (✖╭╮✖). This indicates a bug that needs fixing that might be in this code or your code and I cannot give you much more information than that. Continuing would mean some strings will be missed which would be unacceptable. Sorry.',
             );
             process.exit(1);
           }
@@ -503,7 +503,7 @@ function extractCreateTranslator(ast, filePath) {
       }
       Object.assign(
         results,
-        generateMessagesFromASTNode(messageNodeProperties, messageNamespace, ast, filePath)
+        generateMessagesFromASTNode(messageNodeProperties, messageNamespace, ast, filePath),
       );
     },
   });
@@ -639,7 +639,7 @@ function getMessagesFromFile(filePath, verbose = false) {
     return messages;
   } catch (_) {
     logging.error(
-      `Tried to find parsable Javascript in ${filePath} but could not. Will skip the file for now. This is a problem if you are expecting to translate any messages in that file - otherwise - you may ignore this message.`
+      `Tried to find parsable Javascript in ${filePath} but could not. Will skip the file for now. This is a problem if you are expecting to translate any messages in that file - otherwise - you may ignore this message.`,
     );
     return;
   }
diff --git a/packages/kolibri-tools/lib/i18n/auditMessages.js b/packages/kolibri-tools/lib/i18n/auditMessages.js
index b8184ee51eb..64300a72a05 100644
--- a/packages/kolibri-tools/lib/i18n/auditMessages.js
+++ b/packages/kolibri-tools/lib/i18n/auditMessages.js
@@ -27,12 +27,12 @@ function writeAuditToCSV(audit, outputFile) {
         ...a,
         messageIds: a.messageIds.join(', '),
         namespaces: a.namespaces.join(', '),
-      }))
+      })),
     )
     .then(() => logging.log(`Audit CSV written to ${outputFile}`));
 }
 
-module.exports = function(pathInfo, ignore, dittoFilePaths, outputFile, verbose) {
+module.exports = function (pathInfo, ignore, dittoFilePaths, outputFile, verbose) {
   // An object for storing our messages.
   const extractedMessages = {};
   forEachPathInfo(pathInfo, pathData => {
@@ -43,7 +43,7 @@ module.exports = function(pathInfo, ignore, dittoFilePaths, outputFile, verbose)
         const nameSpaceMessages = extractedMessages[otherNamespace];
         if (checkForDuplicateIds(nameSpaceMessages, filePathMessages)) {
           logging.error(
-            `Duplicate message ids across namespaces ${namespace} and ${otherNamespace}`
+            `Duplicate message ids across namespaces ${namespace} and ${otherNamespace}`,
           );
         }
       }
diff --git a/packages/kolibri-tools/lib/i18n/csvToJSON.js b/packages/kolibri-tools/lib/i18n/csvToJSON.js
index 2fdf80fb28f..493677ece96 100644
--- a/packages/kolibri-tools/lib/i18n/csvToJSON.js
+++ b/packages/kolibri-tools/lib/i18n/csvToJSON.js
@@ -4,7 +4,7 @@ const logging = require('../logging');
 const { forEachPathInfo, parseCSVDefinitions, toLocale } = require('./utils');
 const { getAllMessagesFromEntryFiles, getAllMessagesFromFilePath } = require('./astUtils');
 
-module.exports = function(pathInfo, ignore, langInfo, localeDataFolder, verbose) {
+module.exports = function (pathInfo, ignore, langInfo, localeDataFolder, verbose) {
   const languageInfo = require(langInfo);
   // A map per webpack bundle designating which messages
   // are needed for full translation. Will be a map from:
@@ -29,7 +29,7 @@ module.exports = function(pathInfo, ignore, langInfo, localeDataFolder, verbose)
     const crowdinCode = langObject['crowdin_code'];
     const intlCode = langObject['intl_code'];
     logging.info(
-      `Converting CSV files to JSON for crowdin code ${crowdinCode} / Intl code ${intlCode}`
+      `Converting CSV files to JSON for crowdin code ${crowdinCode} / Intl code ${intlCode}`,
     );
     const csvDefinitions = parseCSVDefinitions(localeDataFolder, intlCode);
     let messagesExist = false;
@@ -64,7 +64,7 @@ module.exports = function(pathInfo, ignore, langInfo, localeDataFolder, verbose)
           filename,
           // pretty print and sort keys
           JSON.stringify(messages, Object.keys(messages).sort(), 2),
-          { encoding: 'utf-8' }
+          { encoding: 'utf-8' },
         );
         messagesExist = true;
       } else {
@@ -76,7 +76,7 @@ module.exports = function(pathInfo, ignore, langInfo, localeDataFolder, verbose)
     if (messagesExist) {
       fs.writeFileSync(
         path.join(localeFolder, 'README.md'),
-        'The JSON messages files in this folder were generated by kolibri-tools csvToJSON.js\n'
+        'The JSON messages files in this folder were generated by kolibri-tools csvToJSON.js\n',
       );
     }
   }
diff --git a/packages/kolibri-tools/lib/i18n/intl_code_gen.js b/packages/kolibri-tools/lib/i18n/intl_code_gen.js
index f51424a509c..6bf7c6d368c 100644
--- a/packages/kolibri-tools/lib/i18n/intl_code_gen.js
+++ b/packages/kolibri-tools/lib/i18n/intl_code_gen.js
@@ -4,7 +4,7 @@ const writeSourceToFile = require('./writeSourceToFile');
 
 const logging = logger.getLogger('Kolibri Intl Data');
 
-module.exports = function(outputDir, languageInfoPath) {
+module.exports = function (outputDir, languageInfoPath) {
   const languageInfo = require(languageInfoPath);
 
   const commonHeader = `
@@ -43,7 +43,7 @@ module.exports = function(outputDir, languageInfoPath) {
           require.resolve(module_path);
         } catch (e) {
           logging.error(
-            `${vue_intl_code} not available from vue-intl locale data and no kolibri-tools locale data found`
+            `${vue_intl_code} not available from vue-intl locale data and no kolibri-tools locale data found`,
           );
           throw new Error('No vue-intl locale data');
         }
@@ -117,7 +117,7 @@ module.exports = function(outputDir, languageInfoPath) {
           require.resolve(module_path);
         } catch (e) {
           logging.error(
-            `${language.intl_code} not available from intl locale data and no kolibri-tools locale data found`
+            `${language.intl_code} not available from intl locale data and no kolibri-tools locale data found`,
           );
           throw new Error('No intl locale data');
         }
diff --git a/packages/kolibri-tools/lib/i18n/locale-data/vue-intl/ht.js b/packages/kolibri-tools/lib/i18n/locale-data/vue-intl/ht.js
index 28a1e7be6e8..6c1a31f81c8 100644
--- a/packages/kolibri-tools/lib/i18n/locale-data/vue-intl/ht.js
+++ b/packages/kolibri-tools/lib/i18n/locale-data/vue-intl/ht.js
@@ -1,23 +1,23 @@
-!(function(e, a) {
+!(function (e, a) {
   'object' == typeof exports && 'undefined' != typeof module
     ? (module.exports = a())
     : 'function' == typeof define && define.amd // eslint-disable-line no-undef
-    ? define(a) // eslint-disable-line no-undef
-    : ((e.ReactIntlLocaleData = e.ReactIntlLocaleData || {}), (e.ReactIntlLocaleData.en = a()));
-})(this, function() {
+      ? define(a) // eslint-disable-line no-undef
+      : ((e.ReactIntlLocaleData = e.ReactIntlLocaleData || {}), (e.ReactIntlLocaleData.en = a()));
+})(this, function () {
   'use strict';
   return [
     {
       locale: 'ht',
-      pluralRuleFunction: function(e, a) {
+      pluralRuleFunction: function (e, a) {
         return a ? (1 == e ? 'one' : 'other') : 0 <= e && e < 2 ? 'one' : 'other';
       },
       fields: {
         year: {
           displayName: 'ane',
           relative: {
-            '0': 'ane sa a',
-            '1': 'ane pwochèn',
+            0: 'ane sa a',
+            1: 'ane pwochèn',
             '-1': 'ane pase',
           },
           relativeTime: {
@@ -34,8 +34,8 @@
         'year-short': {
           displayName: 'ane.',
           relative: {
-            '0': 'ane sa a.',
-            '1': 'ane pwochèn.',
+            0: 'ane sa a.',
+            1: 'ane pwochèn.',
             '-1': 'ane pase.',
           },
           relativeTime: {
@@ -52,8 +52,8 @@
         month: {
           displayName: 'mwa',
           relative: {
-            '0': 'mwa sa a',
-            '1': 'mwa pwochèn',
+            0: 'mwa sa a',
+            1: 'mwa pwochèn',
             '-1': 'mwa pase',
           },
           relativeTime: {
@@ -70,8 +70,8 @@
         'month-short': {
           displayName: 'mwa.',
           relative: {
-            '0': 'mwa sa a.',
-            '1': 'mwa pwochèn.',
+            0: 'mwa sa a.',
+            1: 'mwa pwochèn.',
             '-1': 'mwa pase.',
           },
           relativeTime: {
@@ -88,8 +88,8 @@
         day: {
           displayName: 'jou',
           relative: {
-            '0': 'jodi a',
-            '1': 'demen',
+            0: 'jodi a',
+            1: 'demen',
             '-1': 'yè',
           },
           relativeTime: {
@@ -106,8 +106,8 @@
         'day-short': {
           displayName: 'jou',
           relative: {
-            '0': 'jodi a',
-            '1': 'demen',
+            0: 'jodi a',
+            1: 'demen',
             '-1': 'yè',
           },
           relativeTime: {
@@ -124,7 +124,7 @@
         hour: {
           displayName: 'lè',
           relative: {
-            '0': 'nan lè sa a',
+            0: 'nan lè sa a',
           },
           relativeTime: {
             future: {
@@ -140,7 +140,7 @@
         'hour-short': {
           displayName: 'lè/èdtan',
           relative: {
-            '0': 'nan lè sa a',
+            0: 'nan lè sa a',
           },
           relativeTime: {
             future: {
@@ -156,7 +156,7 @@
         minute: {
           displayName: 'minit',
           relative: {
-            '0': 'minit sa a',
+            0: 'minit sa a',
           },
           relativeTime: {
             future: {
@@ -172,7 +172,7 @@
         'minute-short': {
           displayName: 'minit.',
           relative: {
-            '0': 'minit sa a',
+            0: 'minit sa a',
           },
           relativeTime: {
             future: {
@@ -188,7 +188,7 @@
         second: {
           displayName: 'segonn',
           relative: {
-            '0': 'kounye a',
+            0: 'kounye a',
           },
           relativeTime: {
             future: {
@@ -204,7 +204,7 @@
         'second-short': {
           displayName: 'segonn.',
           relative: {
-            '0': 'kounye a',
+            0: 'kounye a',
           },
           relativeTime: {
             future: {
diff --git a/packages/kolibri-tools/lib/i18n/untranslatedMessages.js b/packages/kolibri-tools/lib/i18n/untranslatedMessages.js
index bf9fe164a18..cb8ebbf4826 100644
--- a/packages/kolibri-tools/lib/i18n/untranslatedMessages.js
+++ b/packages/kolibri-tools/lib/i18n/untranslatedMessages.js
@@ -5,7 +5,7 @@ const { getAllMessagesFromEntryFiles, getAllMessagesFromFilePath } = require('./
 
 const logging = logger.getLogger('Kolibri Intl Data');
 
-module.exports = function(pathInfo, ignore, langInfo, localeDataFolder, verbose) {
+module.exports = function (pathInfo, ignore, langInfo, localeDataFolder, verbose) {
   const languageInfo = require(langInfo);
   // A map per webpack bundle designating which messages
   // are needed for full translation. Will be a map from:
@@ -19,7 +19,7 @@ module.exports = function(pathInfo, ignore, langInfo, localeDataFolder, verbose)
         pathData.entry,
         moduleFilePath,
         ignore,
-        verbose
+        verbose,
       );
     } else {
       requiredMessages[name] = getAllMessagesFromFilePath(moduleFilePath, ignore, verbose);
@@ -44,7 +44,7 @@ module.exports = function(pathInfo, ignore, langInfo, localeDataFolder, verbose)
     }
     const untranslatedWordCount = Object.values(missingMessages).reduce(
       (acc, message) => acc + message.split(' ').length,
-      0
+      0,
     );
     table.push([crowdinCode, intlCode, Object.keys(missingMessages).length, untranslatedWordCount]);
   }
diff --git a/packages/kolibri-tools/lib/i18n/utils.js b/packages/kolibri-tools/lib/i18n/utils.js
index c20f9e99732..51f71b042ce 100644
--- a/packages/kolibri-tools/lib/i18n/utils.js
+++ b/packages/kolibri-tools/lib/i18n/utils.js
@@ -18,7 +18,7 @@ function checkForDuplicateIds(obj1, obj2) {
     const message2 = obj2[potentialDuplicate].message;
     if (message1 !== message1) {
       logging.error(
-        `${potentialDuplicate} messageId is repeated with different strings '${message1}' and '${message2}'`
+        `${potentialDuplicate} messageId is repeated with different strings '${message1}' and '${message2}'`,
       );
       actualDuplicates.push(potentialDuplicate);
     }
diff --git a/packages/kolibri-tools/lib/read_webpack_json.js b/packages/kolibri-tools/lib/read_webpack_json.js
index b0d139e43d4..49265f2bdf0 100644
--- a/packages/kolibri-tools/lib/read_webpack_json.js
+++ b/packages/kolibri-tools/lib/read_webpack_json.js
@@ -57,7 +57,7 @@ function readPythonPlugins({ pluginFile, plugins, pluginPath }) {
   return [];
 }
 
-module.exports = function({ pluginFile, plugins, pluginPath }) {
+module.exports = function ({ pluginFile, plugins, pluginPath }) {
   const parsedResult = readPythonPlugins({ pluginFile, plugins, pluginPath });
   const output = [];
   parsedResult.forEach(pythonData => {
diff --git a/packages/kolibri-tools/lib/webpack.config.plugin.js b/packages/kolibri-tools/lib/webpack.config.plugin.js
index 4cd9ccb7cab..3b299ac6565 100644
--- a/packages/kolibri-tools/lib/webpack.config.plugin.js
+++ b/packages/kolibri-tools/lib/webpack.config.plugin.js
@@ -45,7 +45,7 @@ module.exports = (
     transpile = false,
     devServer = false,
     kdsPath = '',
-  } = {}
+  } = {},
 ) => {
   if (
     typeof data.name === 'undefined' ||
@@ -173,7 +173,7 @@ module.exports = (
   if (isCoreBundle && mode === 'production') {
     bundle.plugins.push(
       // requires >= v3.0.0, which is specified in the kolibri-core yarn workspace
-      new webpack.NormalModuleReplacementPlugin(/^vue-intl$/, 'vue-intl/dist/vue-intl.prod.min.js')
+      new webpack.NormalModuleReplacementPlugin(/^vue-intl$/, 'vue-intl/dist/vue-intl.prod.min.js'),
     );
   }
 
diff --git a/packages/kolibri-tools/lib/webpackBundleTracker.js b/packages/kolibri-tools/lib/webpackBundleTracker.js
index 8243aa7b1fc..50414169077 100644
--- a/packages/kolibri-tools/lib/webpackBundleTracker.js
+++ b/packages/kolibri-tools/lib/webpackBundleTracker.js
@@ -102,7 +102,7 @@ class BundleTrackerPlugin {
     fs.mkdirSync(this.outputTrackerDir, { recursive: true, mode: 0o755 });
     fs.writeFileSync(
       this.outputTrackerFile,
-      JSON.stringify(this.contents, null, this.options.indent)
+      JSON.stringify(this.contents, null, this.options.indent),
     );
   }
   /**
@@ -114,10 +114,7 @@ class BundleTrackerPlugin {
     // we set a default value on _setParamsFromCompiler
     return this.options.integrityHashes
       .map(algorithm => {
-        const hash = crypto
-          .createHash(algorithm)
-          .update(content, 'utf8')
-          .digest('base64');
+        const hash = crypto.createHash(algorithm).update(content, 'utf8').digest('base64');
 
         return `${algorithm}-${hash}`;
       })
diff --git a/packages/kolibri-tools/lib/webpackMessages.js b/packages/kolibri-tools/lib/webpackMessages.js
index 4244a1b1f8d..a4163fe3a39 100644
--- a/packages/kolibri-tools/lib/webpackMessages.js
+++ b/packages/kolibri-tools/lib/webpackMessages.js
@@ -54,10 +54,7 @@ function formatMessage(message) {
   }
 
   // Reassemble & Strip internal tracing, except `webpack:` -- (create-react-app/pull/1050)
-  return lines
-    .join('\n')
-    .replace(stackRegex, '')
-    .trim();
+  return lines.join('\n').replace(stackRegex, '').trim();
 }
 
 const format = stats => {
diff --git a/packages/kolibri-tools/lib/webpackRtlPlugin.js b/packages/kolibri-tools/lib/webpackRtlPlugin.js
index 8ff1f942ae7..5f3978d2db6 100644
--- a/packages/kolibri-tools/lib/webpackRtlPlugin.js
+++ b/packages/kolibri-tools/lib/webpackRtlPlugin.js
@@ -44,7 +44,7 @@ class WebpackRTLPlugin {
               const rtlSource = rtlcss.process(
                 baseSource,
                 this.options.options,
-                this.options.plugins
+                this.options.plugins,
               );
 
               const newFilename = `${path.basename(asset, '.css')}.rtl`;
@@ -53,7 +53,7 @@ class WebpackRTLPlugin {
               compilation.emitAsset(filename, new webpack.sources.RawSource(rtlSource));
             }
           }
-        }
+        },
       );
     });
   }
diff --git a/packages/kolibri-tools/test/fixtures/TestComponent.vue b/packages/kolibri-tools/test/fixtures/TestComponent.vue
index fb65a5ef4c7..a58ab391386 100644
--- a/packages/kolibri-tools/test/fixtures/TestComponent.vue
+++ b/packages/kolibri-tools/test/fixtures/TestComponent.vue
@@ -13,7 +13,6 @@
     :appBarTitle="coreString('coachLabel')"
     :showSubNav="false"
   >
-
     <template #sub-nav>
       <TopNavbar />
     </template>
@@ -40,8 +39,14 @@
           <th>{{ coachString('learnersLabel') }}</th>
         </template>
         <template #tbody>
-          <transition-group tag="tbody" name="list">
-            <tr v-for="classObj in classList" :key="classObj.id">
+          <transition-group
+            tag="tbody"
+            name="list"
+          >
+            <tr
+              v-for="classObj in classList"
+              :key="classObj.id"
+            >
               <td>
                 <KRouterLink
                   :text="classObj.name"
@@ -60,7 +65,6 @@
         </template>
       </CoreTable>
     </KPageContainer>
-
   </CoreBase>
 
 </template>
@@ -121,5 +125,4 @@
       noClassesInFacility: 'There are no classes yet',
     },
   };
-
 </script>
diff --git a/packages/kolibri-tools/test/test_apiSpecExportTools.spec.js b/packages/kolibri-tools/test/test_apiSpecExportTools.spec.js
index 5d856e562fa..8933d55c2c7 100644
--- a/packages/kolibri-tools/test/test_apiSpecExportTools.spec.js
+++ b/packages/kolibri-tools/test/test_apiSpecExportTools.spec.js
@@ -22,83 +22,83 @@ const twoDeepLocal = {
   test: oneDeepLocal,
 };
 
-describe('coreExternals', function() {
+describe('coreExternals', function () {
   // Note: all externals objects will have at least one entry for the Kolibri object itself.
   function expectLengthOfCoreExternals(apiSpec, length) {
     expect(Object.keys(apiSpecExportTools.coreExternals('test_global'))).toHaveLength(length);
   }
-  describe('top level with special keys', function() {
-    it('should have one entry', function() {
+  describe('top level with special keys', function () {
+    it('should have one entry', function () {
       apiSpecExportTools.__set__('apiSpec', {});
       expectLengthOfCoreExternals(apiSpecExportTools, 1);
     });
   });
-  describe('1 nested valid spec for non-local module', function() {
-    it('should have three entries', function() {
+  describe('1 nested valid spec for non-local module', function () {
+    it('should have three entries', function () {
       apiSpecExportTools.__set__('apiSpec', oneDeepSpec);
       expectLengthOfCoreExternals(apiSpecExportTools, 3);
     });
   });
-  describe('2 nested valid spec for non-local module', function() {
-    it('should have three entries', function() {
+  describe('2 nested valid spec for non-local module', function () {
+    it('should have three entries', function () {
       apiSpecExportTools.__set__('apiSpec', twoDeepSpec);
       expectLengthOfCoreExternals(apiSpecExportTools, 3);
     });
   });
-  describe('1 nested valid spec for local module', function() {
-    it('should have two entries', function() {
+  describe('1 nested valid spec for local module', function () {
+    it('should have two entries', function () {
       apiSpecExportTools.__set__('apiSpec', oneDeepLocal);
       expectLengthOfCoreExternals(apiSpecExportTools, 2);
     });
   });
-  describe('2 nested valid spec for local module', function() {
-    it('should have two entries', function() {
+  describe('2 nested valid spec for local module', function () {
+    it('should have two entries', function () {
       apiSpecExportTools.__set__('apiSpec', twoDeepLocal);
       expectLengthOfCoreExternals(apiSpecExportTools, 2);
     });
   });
 });
 
-describe('coreAliases', function() {
+describe('coreAliases', function () {
   const baseAliasesLength = Object.keys(apiSpecExportTools.baseAliases).length;
   function expectLengthCoreAliases(apiSpec, length) {
     expect(Object.keys(apiSpecExportTools.coreAliases())).toHaveLength(length);
   }
 
-  describe('top level with special keys no local import', function() {
-    it('should have no extra entries', function() {
+  describe('top level with special keys no local import', function () {
+    it('should have no extra entries', function () {
       apiSpecExportTools.__set__('apiSpec', {});
       expectLengthCoreAliases(apiSpecExportTools, baseAliasesLength);
     });
   });
-  describe('1 deep nested valid spec no local import', function() {
-    it('should have 1 extra entry', function() {
+  describe('1 deep nested valid spec no local import', function () {
+    it('should have 1 extra entry', function () {
       apiSpecExportTools.__set__('apiSpec', oneDeepSpec);
       expectLengthCoreAliases(apiSpecExportTools, baseAliasesLength + 1);
     });
   });
-  describe('2 deep nested valid spec no local import', function() {
-    it('should have 1 extra entry', function() {
+  describe('2 deep nested valid spec no local import', function () {
+    it('should have 1 extra entry', function () {
       apiSpecExportTools.__set__('apiSpec', twoDeepSpec);
       expectLengthCoreAliases(apiSpecExportTools, baseAliasesLength + 1);
     });
   });
-  describe('1 nested valid spec with local import', function() {
-    it('should have 1 extra entry', function() {
+  describe('1 nested valid spec with local import', function () {
+    it('should have 1 extra entry', function () {
       apiSpecExportTools.__set__('apiSpec', oneDeepLocal);
       expectLengthCoreAliases(apiSpecExportTools, baseAliasesLength + 1);
     });
-    it('should have a path of kolibri.test', function() {
+    it('should have a path of kolibri.test', function () {
       apiSpecExportTools.__set__('apiSpec', oneDeepLocal);
       expect(Object.keys(apiSpecExportTools.coreAliases())).toContain('kolibri.test');
     });
   });
-  describe('2 nested valid spec with local import', function() {
-    it('should have 1 extra entry', function() {
+  describe('2 nested valid spec with local import', function () {
+    it('should have 1 extra entry', function () {
       apiSpecExportTools.__set__('apiSpec', twoDeepLocal);
       expectLengthCoreAliases(apiSpecExportTools, baseAliasesLength + 1);
     });
-    it('should have a path of kolibri.test.test', function() {
+    it('should have a path of kolibri.test.test', function () {
       apiSpecExportTools.__set__('apiSpec', twoDeepLocal);
       expect(Object.keys(apiSpecExportTools.coreAliases())).toContain('kolibri.test.test');
     });
diff --git a/packages/kolibri-tools/test/test_i18nSyncContext.spec.js b/packages/kolibri-tools/test/test_i18nSyncContext.spec.js
index e883ed11b59..627cdc43f76 100644
--- a/packages/kolibri-tools/test/test_i18nSyncContext.spec.js
+++ b/packages/kolibri-tools/test/test_i18nSyncContext.spec.js
@@ -59,13 +59,13 @@ const newContextDefs = parseCSVDefinitions(fixturePath + '/csv-new-context');
  * Actual Tests
  */
 
-describe('is$trs() during node traversal', function() {
+describe('is$trs() during node traversal', function () {
   const vueAst = recast.parse(vueScript1, recastOptions);
   let countVue$trs = 0;
   const jsAst = recast.parse(JS1, recastOptions);
   let countJS$trs = 0;
 
-  it('should return true when reaching a node with a property key called `$trs`', function() {
+  it('should return true when reaching a node with a property key called `$trs`', function () {
     traverse(vueAst, {
       pre: node => {
         if (is$trs(node)) {
@@ -77,7 +77,7 @@ describe('is$trs() during node traversal', function() {
     expect(countVue$trs).toEqual(1);
   });
 
-  it('should never return true if there is no object with an $trs property', function() {
+  it('should never return true if there is no object with an $trs property', function () {
     traverse(jsAst, {
       pre: node => {
         if (is$trs(node)) {
@@ -90,12 +90,12 @@ describe('is$trs() during node traversal', function() {
   });
 });
 
-describe('isCreateTranslator() during node traversal', function() {
+describe('isCreateTranslator() during node traversal', function () {
   // No calls to createTranslator in this Vue file.
   const vueAst1 = recast.parse(vueScript1, recastOptions);
   let countVue1 = 0;
 
-  it('should always return false for nodes that are not calling createTranslator', function() {
+  it('should always return false for nodes that are not calling createTranslator', function () {
     traverse(vueAst1, {
       pre: node => {
         if (isCreateTranslator(node)) {
@@ -110,7 +110,7 @@ describe('isCreateTranslator() during node traversal', function() {
   const vueAst2 = recast.parse(vueScript2, recastOptions);
   let countVue2 = 0;
 
-  it('should return true if found in a Vue file', function() {
+  it('should return true if found in a Vue file', function () {
     traverse(vueAst2, {
       pre: node => {
         if (isCreateTranslator(node)) {
@@ -125,7 +125,7 @@ describe('isCreateTranslator() during node traversal', function() {
   const jsAst1 = recast.parse(JS1, recastOptions);
   let countJS1 = 0;
 
-  it('should count multiple calls', function() {
+  it('should count multiple calls', function () {
     traverse(jsAst1, {
       pre: node => {
         if (isCreateTranslator(node)) {
@@ -140,7 +140,7 @@ describe('isCreateTranslator() during node traversal', function() {
   const jsAst2 = recast.parse(JS2, recastOptions);
   let countJS2 = 0;
 
-  it('should return true if found in a Vue file', function() {
+  it('should return true if found in a Vue file', function () {
     traverse(jsAst2, {
       pre: node => {
         if (isCreateTranslator(node)) {
@@ -152,8 +152,8 @@ describe('isCreateTranslator() during node traversal', function() {
   });
 });
 
-describe('processVueFiles', function() {
-  it('returns an empty array when no files change', function() {
+describe('processVueFiles', function () {
+  it('returns an empty array when no files change', function () {
     // Note: Passing [] for definitions means nothing ought to change.
     const unchanged = processVueFiles(VueFilePaths, []);
     expect(unchanged).toEqual([]);
@@ -165,17 +165,17 @@ describe('processVueFiles', function() {
   // that all right-side values in $trs are (String|Template)Literal nodes.
   const noContextUpdatedFiles = processVueFiles(VueFilePaths, noContextDefs);
 
-  it('returns an array of objects mapping filepaths (key) to changed files', function() {
+  it('returns an array of objects mapping filepaths (key) to changed files', function () {
     noContextUpdatedFiles.forEach(delta => {
       expect(fs.existsSync(Object.keys(delta)[0])).toEqual(true);
     });
   });
 
-  it('removes context that were previously defined if empty in definitions', function() {
+  it('removes context that were previously defined if empty in definitions', function () {
     // Ensure that context was removed from all of the files.
     const checkForNoContext = property => {
       expect(
-        property.value.type === 'StringLiteral' || property.value.type === 'TemplateLiteral'
+        property.value.type === 'StringLiteral' || property.value.type === 'TemplateLiteral',
       ).toEqual(true);
     };
     noContextUpdatedFiles.forEach(delta => {
@@ -190,7 +190,7 @@ describe('processVueFiles', function() {
   // Also - this ensures that old contexts are overwritten by new ones.
   const ADDED_CONTEXT = 'Added Context';
   const newContextUpdatedFiles = processVueFiles(VueFilePaths, newContextDefs);
-  it('updates context definitions to match the definitions given', function() {
+  it('updates context definitions to match the definitions given', function () {
     const checkForUpdatedContext = property => {
       // Ensure every property has an object assigned to it
       expect(property.value.type).toEqual('ObjectExpression');
@@ -212,8 +212,8 @@ describe('processVueFiles', function() {
   });
 });
 
-describe('processJSFiles', function() {
-  it('returns an empty array when no files change', function() {
+describe('processJSFiles', function () {
+  it('returns an empty array when no files change', function () {
     // Note: Passing [] for definitions means nothing ought to change.
     const unchanged = processJSFiles(JSFilePaths, []);
     expect(unchanged).toEqual([]);
@@ -225,17 +225,17 @@ describe('processJSFiles', function() {
   // that all right-side values in $trs are (String|Template)Literal nodes.
   const noContextUpdatedFiles = processJSFiles(JSFilePaths, noContextDefs);
 
-  it('returns an array of objects mapping filepaths (key) to changed files', function() {
+  it('returns an array of objects mapping filepaths (key) to changed files', function () {
     noContextUpdatedFiles.forEach(delta => {
       expect(fs.existsSync(Object.keys(delta)[0])).toEqual(true);
     });
   });
 
-  it('removes context that were previously defined if empty in definitions', function() {
+  it('removes context that were previously defined if empty in definitions', function () {
     // Ensure that context was removed from all of the files.
     const checkForNoContext = property => {
       expect(
-        property.value.type === 'StringLiteral' || property.value.type === 'TemplateLiteral'
+        property.value.type === 'StringLiteral' || property.value.type === 'TemplateLiteral',
       ).toEqual(true);
     };
     noContextUpdatedFiles.forEach(delta => {
@@ -250,7 +250,7 @@ describe('processJSFiles', function() {
   // Also - this ensures that old contexts are overwritten by new ones.
   const ADDED_CONTEXT = 'Added Context';
   const newContextUpdatedFiles = processJSFiles(JSFilePaths, newContextDefs);
-  it('updates context definitions to match the definitions given', function() {
+  it('updates context definitions to match the definitions given', function () {
     const checkForUpdatedContext = property => {
       // Ensure every property has an object assigned to it
       expect(property.value.type).toEqual('ObjectExpression');
diff --git a/packages/kolibri-tools/test/test_webpack.config.plugin.spec.js b/packages/kolibri-tools/test/test_webpack.config.plugin.spec.js
index 467ffcd4fa1..046a8da5b5a 100644
--- a/packages/kolibri-tools/test/test_webpack.config.plugin.spec.js
+++ b/packages/kolibri-tools/test/test_webpack.config.plugin.spec.js
@@ -23,7 +23,7 @@ jest.mock(
       entry: 'test',
     },
   }),
-  { virtual: true }
+  { virtual: true },
 );
 
 const baseData = {
@@ -39,47 +39,47 @@ const baseData = {
   index: null,
 };
 
-describe('webpackConfigPlugin', function() {
+describe('webpackConfigPlugin', function () {
   let data;
-  beforeEach(function() {
+  beforeEach(function () {
     data = _.clone(baseData);
   });
-  describe('input is valid, bundles output', function() {
-    it('should have one entry', function() {
+  describe('input is valid, bundles output', function () {
+    it('should have one entry', function () {
       expect(Object.keys(webpackConfigPlugin(data).entry)).toHaveLength(1);
     });
-    it('should add plugin node modules to resolve paths', function() {
+    it('should add plugin node modules to resolve paths', function () {
       expect(webpackConfigPlugin(data).resolve.modules).toContain(
-        path.join(data.plugin_path, 'node_modules')
+        path.join(data.plugin_path, 'node_modules'),
       );
     });
-    it('should add plugin node modules first to resolve paths', function() {
+    it('should add plugin node modules first to resolve paths', function () {
       expect(webpackConfigPlugin(data).resolve.modules[0]).toEqual(
-        path.join(data.plugin_path, 'node_modules')
+        path.join(data.plugin_path, 'node_modules'),
       );
     });
-    it('should add plugin node modules to resolve loader paths', function() {
+    it('should add plugin node modules to resolve loader paths', function () {
       expect(webpackConfigPlugin(data).resolveLoader.modules).toContain(
-        path.join(data.plugin_path, 'node_modules')
+        path.join(data.plugin_path, 'node_modules'),
       );
     });
-    it('should add plugin node modules first to resolve loader paths', function() {
+    it('should add plugin node modules first to resolve loader paths', function () {
       expect(webpackConfigPlugin(data).resolveLoader.modules[0]).toEqual(
-        path.join(data.plugin_path, 'node_modules')
+        path.join(data.plugin_path, 'node_modules'),
       );
     });
-    it('should set the name to data.name', function() {
+    it('should set the name to data.name', function () {
       expect(webpackConfigPlugin(data).name).toEqual(data.name);
     });
-    it('should set the output path to the correct subdir in static', function() {
+    it('should set the output path to the correct subdir in static', function () {
       expect(webpackConfigPlugin(data).output.path).toEqual(
-        path.resolve(path.join(data.static_dir, data.name))
+        path.resolve(path.join(data.static_dir, data.name)),
       );
     });
-    it('should include the version in the output filename', function() {
+    it('should include the version in the output filename', function () {
       expect(webpackConfigPlugin(data).output.filename).toContain(data.version);
     });
-    it('should include the version in the output chunk filename', function() {
+    it('should include the version in the output chunk filename', function () {
       expect(webpackConfigPlugin(data).output.chunkFilename).toContain(data.version);
     });
   });
@@ -88,44 +88,44 @@ describe('webpackConfigPlugin', function() {
     expect(webpackConfigPlugin(data)).toBeUndefined();
   }
 
-  describe('input is missing name, bundles output', function() {
-    it('should be undefined', function() {
+  describe('input is missing name, bundles output', function () {
+    it('should be undefined', function () {
       delete data.name;
       expectParsedDataIsUndefined(data);
     });
   });
-  describe('input is missing config_path, bundles output', function() {
-    it('should be undefined', function() {
+  describe('input is missing config_path, bundles output', function () {
+    it('should be undefined', function () {
       delete data.config_path;
       expectParsedDataIsUndefined(data);
     });
   });
-  describe('input is missing stats_file, bundles output', function() {
-    it('should be undefined', function() {
+  describe('input is missing stats_file, bundles output', function () {
+    it('should be undefined', function () {
       delete data.stats_file;
       expectParsedDataIsUndefined(data);
     });
   });
-  describe('input is missing static_dir, bundles output', function() {
-    it('should be undefined', function() {
+  describe('input is missing static_dir, bundles output', function () {
+    it('should be undefined', function () {
       delete data.static_dir;
       expectParsedDataIsUndefined(data);
     });
   });
-  describe('input is missing locale_data_folder, bundles output', function() {
-    it('should be undefined', function() {
+  describe('input is missing locale_data_folder, bundles output', function () {
+    it('should be undefined', function () {
       delete data.locale_data_folder;
       expectParsedDataIsUndefined(data);
     });
   });
-  describe('input is missing plugin_path, bundles output', function() {
-    it('should be undefined', function() {
+  describe('input is missing plugin_path, bundles output', function () {
+    it('should be undefined', function () {
       delete data.plugin_path;
       expectParsedDataIsUndefined(data);
     });
   });
-  describe('input is missing version, bundles output', function() {
-    it('should be undefined', function() {
+  describe('input is missing version, bundles output', function () {
+    it('should be undefined', function () {
       delete data.version;
       expectParsedDataIsUndefined(data);
     });
diff --git a/packages/kolibri-zip/src/fileUtils.js b/packages/kolibri-zip/src/fileUtils.js
index f1ff0a0d28d..ecdfced3b6a 100644
--- a/packages/kolibri-zip/src/fileUtils.js
+++ b/packages/kolibri-zip/src/fileUtils.js
@@ -37,7 +37,7 @@ export function getCSSPaths(fileContents) {
 }
 
 export function replaceCSSPaths(fileContents, packageFiles) {
-  return fileContents.replace(cssPathRegex, function(match, p1, p2, p3, p4) {
+  return fileContents.replace(cssPathRegex, function (match, p1, p2, p3, p4) {
     try {
       // Look to see if there is a URL in our packageFiles mapping that
       // that has this as the source path.
@@ -82,8 +82,8 @@ export function getDOMPaths(fileContents, mimeType) {
       attributes
         .map(a => element.getAttribute(a))
         .filter(Boolean)
-        .map(url => url.replace(queryParamRegex, '$1'))
-    )
+        .map(url => url.replace(queryParamRegex, '$1')),
+    ),
   );
 }
 
diff --git a/packages/kolibri-zip/src/index.js b/packages/kolibri-zip/src/index.js
index 35ae5abec1e..19faf3365dc 100644
--- a/packages/kolibri-zip/src/index.js
+++ b/packages/kolibri-zip/src/index.js
@@ -85,7 +85,7 @@ export default class ZipFile {
         const newFileContents = mapper.replacePaths(replacementFileMap);
         file.obj = strToU8(newFileContents);
         return file;
-      }
+      },
     );
   }
 
@@ -110,7 +110,7 @@ export default class ZipFile {
                 this._extractedFileCache[name] = extractedFile;
                 return extractedFile;
               });
-            })
+            }),
           ).then(extractedFiles => {
             resolve(extractedFiles.concat(alreadyUnzipped));
           });
diff --git a/packages/kolibri-zip/src/loadBinary.js b/packages/kolibri-zip/src/loadBinary.js
index 6d782c2e32f..250bc245bba 100644
--- a/packages/kolibri-zip/src/loadBinary.js
+++ b/packages/kolibri-zip/src/loadBinary.js
@@ -6,7 +6,7 @@
  * @param  {string} path    The path to the resource to GET.
  * @return {Promise}
  */
-export default function(path) {
+export default function (path) {
   return new Promise((resolve, reject) => {
     try {
       const xhr = new window.XMLHttpRequest();
@@ -15,7 +15,7 @@ export default function(path) {
 
       xhr.responseType = 'arraybuffer';
 
-      xhr.onreadystatechange = function() {
+      xhr.onreadystatechange = function () {
         // use `xhr` and not `this`... thanks IE
         if (xhr.readyState === 4) {
           if (xhr.status === 200 || xhr.status === 0) {
diff --git a/packages/kolibri-zip/test/fileUtils.spec.js b/packages/kolibri-zip/test/fileUtils.spec.js
index a21ed5e75c0..2ee69192b10 100644
--- a/packages/kolibri-zip/test/fileUtils.spec.js
+++ b/packages/kolibri-zip/test/fileUtils.spec.js
@@ -13,7 +13,7 @@ describe('File Path replacement', () => {
     });
     it('should resolve a more complex relative path', () => {
       expect(getAbsoluteFilePath('package/css/test.css', '../fonts/test.woff')).toEqual(
-        'package/fonts/test.woff'
+        'package/fonts/test.woff',
       );
     });
   });
@@ -59,7 +59,7 @@ describe('File Path replacement', () => {
         '../fonts/test.woff': 'different',
       };
       expect(replaceCSSPaths('url("../fonts/test.woff")', packageFiles)).toEqual(
-        'url("different")'
+        'url("different")',
       );
     });
     it('should replace paths that use single quotes', () => {
@@ -67,7 +67,7 @@ describe('File Path replacement', () => {
         '../fonts/test.woff': 'different',
       };
       expect(replaceCSSPaths("url('../fonts/test.woff')", packageFiles)).toEqual(
-        "url('different')"
+        "url('different')",
       );
     });
     it('should replace paths that use no quotes', () => {
@@ -81,7 +81,7 @@ describe('File Path replacement', () => {
         '../fonts/test.woff': 'different',
       };
       expect(replaceCSSPaths('url(../fonts/test.woff?iefix)', packageFiles)).toEqual(
-        'url(different)'
+        'url(different)',
       );
     });
     it('should not replace urls that are not a registered path', () => {
@@ -89,7 +89,7 @@ describe('File Path replacement', () => {
         '../../../../audio/test.mp3': 'different',
       };
       expect(replaceCSSPaths('url(../../../../fonts/test.woff)', packageFiles)).toEqual(
-        'url(../../../../fonts/test.woff)'
+        'url(../../../../fonts/test.woff)',
       );
     });
     it('should not replace urls that are not a valid path', () => {
@@ -98,7 +98,7 @@ describe('File Path replacement', () => {
         'package/audio/test.mp3': 'different',
       };
       expect(replaceCSSPaths('url(flob a dob dib dob)', packageFiles)).toEqual(
-        'url(flob a dob dib dob)'
+        'url(flob a dob dib dob)',
       );
     });
   });
@@ -117,7 +117,7 @@ describe('File Path replacement', () => {
     it('should find a more complex relative path with query parameters', () => {
       const packageFiles = ['../fonts/test.png'];
       expect(getDOMPaths(htmlTemplate(attr, '../fonts/test.png?iefix'), mimeType)).toEqual(
-        packageFiles
+        packageFiles,
       );
     });
   });
@@ -128,7 +128,7 @@ describe('File Path replacement', () => {
         './test.png': 'different',
       };
       expect(replaceDOMPaths(htmlTemplate(attr, './test.png'), packageFiles, mimeType)).toEqual(
-        htmlTemplate(attr, 'different')
+        htmlTemplate(attr, 'different'),
       );
     });
     it('should replace a more complex relative path', () => {
@@ -136,7 +136,7 @@ describe('File Path replacement', () => {
         '../fonts/test.png': 'different',
       };
       expect(
-        replaceDOMPaths(htmlTemplate(attr, '../fonts/test.png'), packageFiles, mimeType)
+        replaceDOMPaths(htmlTemplate(attr, '../fonts/test.png'), packageFiles, mimeType),
       ).toEqual(htmlTemplate(attr, 'different'));
     });
     it('should replace paths with query parameters', () => {
@@ -144,7 +144,7 @@ describe('File Path replacement', () => {
         '../fonts/test.png': 'different',
       };
       expect(
-        replaceDOMPaths(htmlTemplate(attr, '../fonts/test.png?iefix'), packageFiles, mimeType)
+        replaceDOMPaths(htmlTemplate(attr, '../fonts/test.png?iefix'), packageFiles, mimeType),
       ).toEqual(htmlTemplate(attr, 'different'));
     });
   });
@@ -163,7 +163,7 @@ describe('File Path replacement', () => {
     it('should find a more complex relative path with query parameters', () => {
       const packageFiles = ['../fonts/test.png'];
       expect(getDOMPaths(xmlTemplate(attr, '../fonts/test.png?iefix'), mimeType)).toEqual(
-        packageFiles
+        packageFiles,
       );
     });
   });
@@ -174,7 +174,7 @@ describe('File Path replacement', () => {
         './test.png': 'different',
       };
       expect(replaceDOMPaths(xmlTemplate(attr, './test.png'), packageFiles, mimeType)).toEqual(
-        xmlTemplate(attr, 'different')
+        xmlTemplate(attr, 'different'),
       );
     });
     it('should replace a more complex relative path', () => {
@@ -182,7 +182,7 @@ describe('File Path replacement', () => {
         '../fonts/test.png': 'different',
       };
       expect(
-        replaceDOMPaths(xmlTemplate(attr, '../fonts/test.png'), packageFiles, mimeType)
+        replaceDOMPaths(xmlTemplate(attr, '../fonts/test.png'), packageFiles, mimeType),
       ).toEqual(xmlTemplate(attr, 'different'));
     });
     it('should replace paths with query parameters', () => {
@@ -190,7 +190,7 @@ describe('File Path replacement', () => {
         '../fonts/test.png': 'different',
       };
       expect(
-        replaceDOMPaths(xmlTemplate(attr, '../fonts/test.png?iefix'), packageFiles, mimeType)
+        replaceDOMPaths(xmlTemplate(attr, '../fonts/test.png?iefix'), packageFiles, mimeType),
       ).toEqual(xmlTemplate(attr, 'different'));
     });
   });
diff --git a/packages/publish.js b/packages/publish.js
index 6d47de45e1e..39f84c1c844 100644
--- a/packages/publish.js
+++ b/packages/publish.js
@@ -7,7 +7,7 @@ const versionTools = require('./kolibri-tools/lib/version');
  */
 
 const version = versionTools.setVersion(
-  path.resolve(__dirname, 'kolibri-core-for-export/package.json')
+  path.resolve(__dirname, 'kolibri-core-for-export/package.json'),
 );
 
 /*
@@ -28,7 +28,7 @@ versionTools.setVersion(path.resolve(__dirname, 'eslint-plugin-kolibri/package.j
 
 versionTools.setVersion(
   path.resolve(__dirname, 'browserslist-config-kolibri/package.json'),
-  version
+  version,
 );
 
 /*
@@ -39,18 +39,18 @@ versionTools.setVersion(
 versionTools.setDependencyVersion(
   'kolibri',
   path.resolve(__dirname, 'kolibri-tools/package.json'),
-  version
+  version,
 );
 versionTools.setDependencyVersion(
   'eslint-plugin-kolibri',
   path.resolve(__dirname, 'kolibri-tools/package.json'),
-  version
+  version,
 );
 
 versionTools.setDependencyVersion(
   'browserslist-config-kolibri',
   path.resolve(__dirname, 'kolibri-tools/package.json'),
-  version
+  version,
 );
 
 /*
@@ -59,7 +59,7 @@ versionTools.setDependencyVersion(
 versionTools.setDependencyVersion(
   'browserslist-config-kolibri',
   path.resolve(__dirname, 'hashi/package.json'),
-  version
+  version,
 );
 
 // If the version is a prerelease use the 'next' tag to prevent auto upgrades, otherwise use latest.
@@ -76,7 +76,7 @@ function publishCommand(workspace) {
 }
 
 ['browserslist-config-kolibri', 'eslint-plugin-kolibri', 'kolibri', 'kolibri-tools'].forEach(
-  publishCommand
+  publishCommand,
 );
 
 process.chdir(currentCwd);

From 671246b44872fd1969db758e706015d0ba7d5f88 Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Wed, 15 May 2024 16:42:53 -0700
Subject: [PATCH 11/12] Update ignoring of v-html warnings.

---
 .../assets/src/views/plan/LessonContentPreviewPage/index.vue   | 3 ++-
 .../coach/assets/src/views/reports/ReportsResourceHeader.vue   | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/index.vue
index 240d773f9ca..de76b78d040 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonContentPreviewPage/index.vue
@@ -56,11 +56,12 @@
           :maxHeight="96"
           :showViewMore="true"
         >
-          <!-- eslint-disable-next-line vue/no-v-html -->
+          <!-- eslint-disable vue/no-v-html -->
           <p
             dir="auto"
             v-html="description"
           ></p>
+          <!-- eslint-enable -->
         </SlotTruncator>
         <template>
           <HeaderTable>
diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsResourceHeader.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsResourceHeader.vue
index 3eecaa2a769..33ac369a1b9 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsResourceHeader.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsResourceHeader.vue
@@ -39,11 +39,12 @@
       :maxHeight="96"
       :showViewMore="true"
     >
-      <!-- eslint-disable-next-line vue/no-v-html -->
+      <!-- eslint-disable vue/no-v-html -->
       <p
         dir="auto"
         v-html="description"
       ></p>
+      <!-- eslint-enable -->
     </SlotTruncator>
 
     <HeaderTable>

From 689363c65cc4dbe2b33fa66f587582061aac4b09 Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Wed, 15 May 2024 16:51:12 -0700
Subject: [PATCH 12/12] Ignore large scale automatic linting commits.

---
 .git-blame-ignore-revs   | 8 ++++++++
 docs/getting_started.rst | 6 ++++++
 2 files changed, 14 insertions(+)
 create mode 100644 .git-blame-ignore-revs

diff --git a/.git-blame-ignore-revs b/.git-blame-ignore-revs
new file mode 100644
index 00000000000..e7598d0e860
--- /dev/null
+++ b/.git-blame-ignore-revs
@@ -0,0 +1,8 @@
+# Run this command to always ignore formatting commits in `git blame`
+# git config blame.ignoreRevsFile .git-blame-ignore-revs
+
+# Applied black to the codebase
+7dadc107cebd3ab4597f1aa4f159940872466dec
+
+# Reformatted all frontend code using prettier v3
+42efde27bac137734f05057278c4827168d119f2
diff --git a/docs/getting_started.rst b/docs/getting_started.rst
index 58ccf67a53f..351777bd9e2 100644
--- a/docs/getting_started.rst
+++ b/docs/getting_started.rst
@@ -47,6 +47,12 @@ Next, initialize Git LFS:
   cd kolibri  # Enter the Kolibri directory
   git lfs install
 
+To make git blame more informative, we keep track of commits that make a lot of changes to the codebase but are not directly related to the code itself, like large scale automatic code formatting. To prevent these commits appearing in the blame output, run:
+
+.. code-block:: bash
+
+  git config blame.ignoreRevsFile .git-blame-ignore-revs
+
 Finally, add the Learning Equality repo as a remote called `upstream`. That way you can keep your local checkout updated with the most recent changes: