Fix link for frontend

Modify links in version tab for AGPL compliance
Hide "Public timeline" when local timeline is disabled in Akkoma
2024-09-25 11:54:06 +10:00 · 2024-09-25 11:49:11 +10:00 · 2024-09-22 23:35:02 +10:00 · 2024-02-24 13:55:57 +00:00 · 2024-02-24 13:55:10 +00:00 · 2024-02-20 16:24:40 +00:00
123 changed files with 5682 additions and 6899 deletions
--- a/.eslintignore
+++ b/.eslintignore
@ -0,0 +1,2 @@
+build/*.js
+config/*.js
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -0,0 +1,30 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: '@babel/eslint-parser',
+    sourceType: 'module'
+  },
+  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+  extends: [
+    'plugin:vue/recommended'
+  ],
+  // required to lint *.vue files
+  plugins: [
+    'vue',
+    'import'
+  ],
+  // add your custom rules here
+  rules: {
+    // allow paren-less arrow functions
+    'arrow-parens': 0,
+    // allow async-await
+    'generator-star-spacing': 0,
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    'vue/require-prop-types': 0,
+    'vue/no-unused-vars': 0,
+    'no-tabs': 0,
+    'vue/multi-word-component-names': 0,
+    'vue/no-reserved-component-names': 0
+  }
+}
--- a/.node-version
+++ b/.node-version
@ -0,0 +1 @@
+7.2.1
--- a/.tool-versions
+++ b/.tool-versions
@ -1 +0,0 @@
-nodejs 20.12.2
--- a/.woodpecker.yml
+++ b/.woodpecker.yml
@ -1,21 +1,20 @@
-labels:
-  platform: linux/amd64
-
-steps:
+platform: linux/amd64
+pipeline:
  lint:
    when:
      event:
      - pull_request
-    image: node:20
+    image: node:18
    commands:
    - yarn
    - yarn lint
+    #- yarn stylelint

  test:
    when:
      event:
      - pull_request
-    image: node:20
+    image: node:18
    commands:
    - apt update
    - apt install firefox-esr -y --no-install-recommends
@ -29,7 +28,7 @@ steps:
      branch:
      - develop
      - stable
-    image: node:20
+    image: node:18
    commands:
    - yarn
    - yarn build
@ -41,15 +40,15 @@ steps:
      branch:
      - develop
      - stable
-    image: node:20
+    image: node:18
    secrets:
    - SCW_ACCESS_KEY
    - SCW_SECRET_KEY
    - SCW_DEFAULT_ORGANIZATION_ID
    commands:
      - apt-get update && apt-get install -y rclone wget zip
-      - wget https://github.com/scaleway/scaleway-cli/releases/download/v2.30.0/scaleway-cli_2.30.0_linux_amd64
-      - mv scaleway-cli_2.30.0_linux_amd64 scaleway-cli
+      - wget https://github.com/scaleway/scaleway-cli/releases/download/v2.5.1/scaleway-cli_2.5.1_linux_amd64
+      - mv scaleway-cli_2.5.1_linux_amd64 scaleway-cli
      - chmod +x scaleway-cli
      - ./scaleway-cli object config install type=rclone
      - zip akkoma-fe.zip -r dist
@ -71,8 +70,8 @@ steps:
    - SCW_DEFAULT_ORGANIZATION_ID
    commands:
    - apt-get update && apt-get install -y rclone wget git zip
-    - wget https://github.com/scaleway/scaleway-cli/releases/download/v2.30.0/scaleway-cli_2.30.0_linux_amd64
-    - mv scaleway-cli_2.30.0_linux_amd64 scaleway-cli
+    - wget https://github.com/scaleway/scaleway-cli/releases/download/v2.5.1/scaleway-cli_2.5.1_linux_amd64
+    - mv scaleway-cli_2.5.1_linux_amd64 scaleway-cli
    - chmod +x scaleway-cli
    - ./scaleway-cli object config install type=rclone
    - cd docs
--- a/README.md
+++ b/README.md
@ -20,8 +20,6 @@ To use Akkoma-FE in Akkoma, use the [frontend](https://docs.akkoma.dev/stable/ad

 ## Build Setup

-Make sure you have [Node.js](https://nodejs.org/) installed. You can check `/.woodpecker.yml` for which node version the Akkoma CI currently uses.
-
 ``` bash
 # install dependencies
 corepack enable
--- a/build/build.js
+++ b/build/build.js
@ -1,36 +1,36 @@
 // https://github.com/shelljs/shelljs
-require("./check-versions")();
-require("shelljs/global");
-env.NODE_ENV = "production";
+require('./check-versions')()
+require('shelljs/global')
+env.NODE_ENV = 'production'

-var path = require("path");
-var config = require("../config");
-var webpack = require("webpack");
-var webpackConfig = require("./webpack.prod.conf");
+var path = require('path')
+var config = require('../config')
+var ora = require('ora')
+var webpack = require('webpack')
+var webpackConfig = require('./webpack.prod.conf')

 console.log(
-  "  Tip:\n" +
-    "  Built files are meant to be served over an HTTP server.\n" +
-    "  Opening index.html over file:// won't work.\n",
-);
+  '  Tip:\n' +
+  '  Built files are meant to be served over an HTTP server.\n' +
+  '  Opening index.html over file:// won\'t work.\n'
+)

-var assetsPath = path.join(
-  config.build.assetsRoot,
-  config.build.assetsSubDirectory,
-);
-rm("-rf", assetsPath);
-mkdir("-p", assetsPath);
-cp("-R", "static/*", assetsPath);
+var spinner = ora('building for production...')
+spinner.start()
+
+var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory)
+rm('-rf', assetsPath)
+mkdir('-p', assetsPath)
+cp('-R', 'static/*', assetsPath)

 webpack(webpackConfig, function (err, stats) {
-  if (err) throw err;
-  process.stdout.write(
-    stats.toString({
+  spinner.stop()
+  if (err) throw err
+  process.stdout.write(stats.toString({
    colors: true,
    modules: false,
    children: false,
    chunks: false,
-      chunkModules: false,
-    }) + "\n",
-  );
-});
+    chunkModules: false
+  }) + '\n')
+})
--- a/build/dev-server.js
+++ b/build/dev-server.js
@ -5,7 +5,7 @@ var path = require('path')
 var express = require('express')
 var webpack = require('webpack')
 var opn = require('opn')
-const { createProxyMiddleware } = require('http-proxy-middleware');
+var proxyMiddleware = require('http-proxy-middleware')
 var webpackConfig = process.env.NODE_ENV === 'testing'
  ? require('./webpack.prod.conf')
  : require('./webpack.dev.conf')
@ -36,13 +36,7 @@ Object.keys(proxyTable).forEach(function (context) {
  if (typeof options === 'string') {
    options = { target: options }
  }
-  const targetUrl = new URL(options.target);
-  // add path
-  targetUrl.pathname = context;
-  options.target = targetUrl.toString();
-
-  console.log("Proxying", context, "to", options.target);
-  app.use(context, createProxyMiddleware(options))
+  app.use(proxyMiddleware(context, options))
 })

 // handle fallback for HTML5 history API
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@ -3,7 +3,6 @@ var config = require('../config')
 var utils = require('./utils')
 var projectRoot = path.resolve(__dirname, '../')
 var { VueLoaderPlugin } = require('vue-loader')
-const ESLintPlugin = require('eslint-webpack-plugin');

 var env = process.env.NODE_ENV
 // check env & config/index.js to decide weither to enable CSS Sourcemaps for the
@ -36,7 +35,6 @@ module.exports = {
    ],
    fallback: {
      "url": require.resolve("url/"),
-      querystring: require.resolve("querystring-es3")
    },
    alias: {
      'static': path.resolve(__dirname, '../static'),
@ -49,6 +47,20 @@ module.exports = {
  module: {
    noParse: /node_modules\/localforage\/dist\/localforage.js/,
    rules: [
+      {
+        enforce: 'pre',
+        test: /\.(js|vue)$/,
+        include: projectRoot,
+        exclude: /node_modules/,
+        use: {
+          loader: 'eslint-loader',
+          options: {
+            formatter: require('eslint-friendly-formatter'),
+            sourceMap: config.build.productionSourceMap,
+            extract: true
+          }
+        }
+      },
      {
        enforce: 'post',
        test: /\.(json5?|ya?ml)$/, // target json, json5, yaml and yml files
@ -106,9 +118,6 @@ module.exports = {
    ]
  },
  plugins: [
-    new VueLoaderPlugin(),
-    new ESLintPlugin({
-      configType: 'flat'
-    })
+    new VueLoaderPlugin()
  ]
 }
--- a/config/test.env.js
+++ b/config/test.env.js
@ -2,4 +2,5 @@ var { merge } = require('webpack-merge')
 var devEnv = require('./dev.env')

 module.exports = merge(devEnv, {
+  NODE_ENV: '"testing"'
 })
--- a/eslint.config.js
+++ b/eslint.config.js
@ -1,31 +0,0 @@
-const pluginVue = require('eslint-plugin-vue')
-const pluginImport = require('eslint-plugin-import')
-
-module.exports = [
-  ...pluginVue.configs['flat/recommended'],
-  {
-    languageOptions: {
-      parserOptions: {
-        parser: '@babel/eslint-parser',
-        sourceType: 'module'
-      }
-    },
-    rules: {
-      // allow paren-less arrow functions
-      'arrow-parens': 0,
-      // allow async-await
-      'generator-star-spacing': 0,
-      // allow debugger during development
-      'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
-      'vue/require-prop-types': 0,
-      'vue/no-unused-vars': 0,
-      'no-tabs': 0,
-      'vue/multi-word-component-names': 0,
-      'vue/no-reserved-component-names': 0
-    },
-    ignores: [
-      'build/*.js',
-      'config/*.js'
-    ]
-  }
-]
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "pleroma_fe",
-  "version": "3.10.0",
+  "version": "3.11.0",
  "description": "A frontend for Akkoma instances",
  "author": "Roger Braun <roger@rogerbraun.net>",
  "private": true,
@ -12,118 +12,120 @@
    "e2e": "node test/e2e/runner.js",
    "test": "npm run unit && npm run e2e",
    "stylelint": "stylelint src/**/*.scss",
-    "lint": "eslint src test/unit/specs test/e2e/specs",
-    "lint-fix": "eslint --fix src test/unit/specs test/e2e/specs"
+    "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs",
+    "lint-fix": "eslint --fix --ext .js,.vue src test/unit/specs test/e2e/specs"
  },
  "dependencies": {
    "@babel/runtime": "7.17.8",
-    "@chenfengyuan/vue-qrcode": "^2.0.0",
+    "@chenfengyuan/vue-qrcode": "2.0.0",
    "@floatingghost/pinch-zoom-element": "^1.3.1",
-    "@fortawesome/fontawesome-svg-core": "^6.5.2",
-    "@fortawesome/free-regular-svg-icons": "^6.5.2",
-    "@fortawesome/free-solid-svg-icons": "^6.5.2",
-    "@fortawesome/vue-fontawesome": "^3.0.8",
-    "@vuelidate/core": "^2.0.3",
-    "@vuelidate/validators": "^2.0.4",
-    "blurhash": "^2.0.5",
-    "body-scroll-lock": "^3.1.5",
-    "chromatism": "^3.0.0",
-    "click-outside-vue3": "^4.0.1",
-    "cropperjs": "^1.6.2",
-    "diff": "^5.2.0",
-    "escape-html": "^1.0.3",
+    "@fortawesome/fontawesome-svg-core": "1.3.0",
+    "@fortawesome/free-regular-svg-icons": "^6.1.2",
+    "@fortawesome/free-solid-svg-icons": "^6.2.0",
+    "@fortawesome/vue-fontawesome": "3.0.1",
+    "@vuelidate/core": "^2.0.0",
+    "@vuelidate/validators": "^2.0.0",
+    "blurhash": "^2.0.4",
+    "body-scroll-lock": "2.7.1",
+    "chromatism": "3.0.0",
+    "click-outside-vue3": "4.0.1",
+    "cropperjs": "1.5.12",
+    "diff": "3.5.0",
+    "escape-html": "1.0.3",
    "iso-639-1": "^2.1.15",
    "js-cookie": "^3.0.1",
-    "localforage": "^1.10.0",
+    "localforage": "1.10.0",
    "parse-link-header": "^2.0.0",
-    "phoenix": "^1.7.12",
-    "punycode.js": "^2.3.1",
-    "qrcode": "^1.5.3",
-    "querystring-es3": "^0.2.1",
-    "url": "^0.11.3",
-    "vue": "^3.4.38",
-    "vue-i18n": "^9.14.0",
-    "vue-router": "^4.4.3",
-    "vue-template-compiler": "^2.7.16",
-    "vuex": "^4.1.0"
+    "phoenix": "1.6.2",
+    "punycode.js": "2.1.0",
+    "qrcode": "1",
+    "url": "^0.11.0",
+    "vue": "^3.2.31",
+    "vue-i18n": "^9.2.2",
+    "vue-router": "4.0.14",
+    "vue-template-compiler": "2.6.11",
+    "vuex": "4.0.2"
  },
  "devDependencies": {
-    "@babel/core": "^7.24.6",
+    "@babel/core": "7.17.8",
    "@babel/eslint-parser": "^7.19.1",
-    "@babel/plugin-transform-runtime": "^7.24.6",
-    "@babel/preset-env": "^7.24.6",
-    "@babel/register": "^7.24.6",
+    "@babel/plugin-transform-runtime": "7.17.0",
+    "@babel/preset-env": "7.16.11",
+    "@babel/register": "7.17.7",
    "@intlify/vue-i18n-loader": "^5.0.0",
-    "@ungap/event-target": "^0.2.4",
-    "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
-    "@vue/babel-plugin-jsx": "^1.2.2",
+    "@ungap/event-target": "0.2.3",
+    "@vue/babel-helper-vue-jsx-merge-props": "1.2.1",
+    "@vue/babel-plugin-jsx": "1.1.1",
    "@vue/compiler-sfc": "^3.1.0",
    "@vue/test-utils": "^2.0.2",
-    "autoprefixer": "^10.4.19",
+    "autoprefixer": "6.7.7",
    "babel-loader": "^9.1.0",
-    "babel-plugin-lodash": "^3.3.4",
+    "babel-plugin-lodash": "3.3.4",
    "chai": "^4.3.7",
-    "chalk": "^1.1.3",
-    "chromedriver": "^119.0.1",
+    "chalk": "1.1.3",
+    "chromedriver": "^107.0.3",
    "connect-history-api-fallback": "^2.0.0",
    "cross-spawn": "^7.0.3",
-    "css-loader": "^7.1.2",
+    "css-loader": "^6.7.2",
    "custom-event-polyfill": "^1.0.7",
-    "eslint": "^9.3.0",
-    "eslint-config-standard": "^17.1.0",
+    "eslint": "^7.32.0",
+    "eslint-config-standard": "^17.0.0",
    "eslint-friendly-formatter": "^4.0.1",
-    "eslint-plugin-import": "^2.29.1",
+    "eslint-loader": "^4.0.2",
+    "eslint-plugin-import": "^2.26.0",
    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.2.0",
+    "eslint-plugin-promise": "^6.1.1",
    "eslint-plugin-standard": "^5.0.0",
-    "eslint-plugin-vue": "^9.26.0",
-    "eslint-webpack-plugin": "^4.2.0",
-    "eventsource-polyfill": "^0.9.6",
-    "express": "^4.19.2",
+    "eslint-plugin-vue": "^9.7.0",
+    "eventsource-polyfill": "0.9.6",
+    "express": "4.17.3",
    "file-loader": "^6.2.0",
-    "function-bind": "^1.1.2",
+    "function-bind": "1.1.1",
    "html-webpack-plugin": "^5.5.0",
-    "http-proxy-middleware": "^3.0.0",
-    "json-loader": "^0.5.7",
-    "karma": "^6.4.3",
-    "karma-coverage": "^2.2.1",
-    "karma-firefox-launcher": "^2.1.3",
-    "karma-mocha": "^2.0.1",
-    "karma-mocha-reporter": "^2.2.5",
-    "karma-sinon-chai": "^2.0.2",
-    "karma-sourcemap-loader": "^0.4.0",
-    "karma-spec-reporter": "^0.0.36",
+    "http-proxy-middleware": "0.21.0",
+    "inject-loader": "2.0.1",
+    "isparta-loader": "2.0.0",
+    "json-loader": "0.5.7",
+    "karma": "6.3.17",
+    "karma-coverage": "1.1.2",
+    "karma-firefox-launcher": "1.3.0",
+    "karma-mocha": "2.0.1",
+    "karma-mocha-reporter": "2.2.5",
+    "karma-sinon-chai": "2.0.2",
+    "karma-sourcemap-loader": "0.3.8",
+    "karma-spec-reporter": "0.0.33",
    "karma-webpack": "^5.0.0",
-    "lodash": "^4.17.21",
-    "lolex": "^6.0.0",
-    "mini-css-extract-plugin": "^2.9.0",
-    "mocha": "^10.4.0",
-    "nightwatch": "^3.6.3",
-    "opn": "^6.0.0",
+    "lodash": "4.17.21",
+    "lolex": "1.6.0",
+    "mini-css-extract-plugin": "0.12.0",
+    "mocha": "3.5.3",
+    "nightwatch": "0.9.21",
+    "opn": "4.0.2",
+    "ora": "0.4.1",
    "postcss-html": "^1.5.0",
-    "postcss-loader": "^8.1.1",
+    "postcss-loader": "3.0.0",
    "postcss-sass": "^0.5.0",
-    "raw-loader": "^4.0.2",
-    "sass": "^1.77.2",
-    "sass-loader": "^14.2.1",
-    "selenium-server": "^3.141.59",
-    "semver": "^7.6.2",
-    "shelljs": "^0.8.5",
-    "sinon": "^18.0.0",
-    "sinon-chai": "^3.7.0",
+    "raw-loader": "0.5.1",
+    "sass": "^1.56.0",
+    "sass-loader": "^13.2.0",
+    "selenium-server": "2.53.1",
+    "semver": "5.7.1",
+    "shelljs": "0.8.5",
+    "sinon": "2.4.1",
+    "sinon-chai": "2.14.0",
    "stylelint": "^14.15.0",
    "stylelint-config-recommended-vue": "^1.4.0",
    "stylelint-config-standard": "^29.0.0",
    "stylelint-config-standard-scss": "^6.1.0",
    "stylelint-rscss": "^0.4.0",
    "url-loader": "^4.1.1",
-    "vue-loader": "^17.4.2",
-    "vue-style-loader": "^4.1.3",
-    "webpack": "^5.91.0",
-    "webpack-dev-middleware": "^7.2.1",
-    "webpack-hot-middleware": "^2.26.1",
-    "webpack-merge": "^5.10.0",
-    "workbox-webpack-plugin": "^7.1.0"
+    "vue-loader": "^17.0.0",
+    "vue-style-loader": "^4.1.2",
+    "webpack": "^5.75.0",
+    "webpack-dev-middleware": "^5.3.3",
+    "webpack-hot-middleware": "^2.25.1",
+    "webpack-merge": "^5.8.0",
+    "workbox-webpack-plugin": "^6.5.4"
  },
  "engines": {
    "node": ">= 16.0.0",
--- a/src/components/about/about.vue
+++ b/src/components/about/about.vue
@ -9,7 +9,7 @@
  </div>
 </template>

-<script src="./about.js"></script>
+<script src="./about.js" ></script>

 <style lang="scss">
 </style>
--- a/src/components/account_actions/account_actions.vue
+++ b/src/components/account_actions/account_actions.vue
@ -6,7 +6,7 @@
      :bound-to="{ x: 'container' }"
      remove-padding
    >
-      <template #content>
+      <template v-slot:content>
        <div class="dropdown-menu">
          <template v-if="relationship.following">
            <button
@ -71,7 +71,7 @@
          </button>
        </div>
      </template>
-      <template #trigger>
+      <template v-slot:trigger>
        <button class="button-unstyled ellipsis-button">
          <FAIcon
            class="icon"
@ -93,7 +93,7 @@
          keypath="user_card.block_confirm"
          tag="span"
        >
-          <template #user>
+          <template v-slot:user>
            <span
              v-text="user.screen_name_ui"
            />
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@ -246,8 +246,8 @@
          ref="flash"
          class="flash"
          :src="attachment.large_thumb_url || attachment.url"
-          @player-opened="setFlashLoaded(true)"
-          @player-closed="setFlashLoaded(false)"
+          @playerOpened="setFlashLoaded(true)"
+          @playerClosed="setFlashLoaded(false)"
        />
      </span>
    </div>
--- a/src/components/avatar_list/avatar_list.vue
+++ b/src/components/avatar_list/avatar_list.vue
@ -14,7 +14,7 @@
  </div>
 </template>

-<script src="./avatar_list.js"></script>
+<script src="./avatar_list.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/checkbox/checkbox.vue
+++ b/src/components/checkbox/checkbox.vue
@ -22,12 +22,12 @@

 <script>
 export default {
+  emits: ['update:modelValue'],
  props: [
    'modelValue',
    'indeterminate',
    'disabled'
-  ],
-  emits: ['update:modelValue']
+  ]
 }
 </script>

--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@ -14,7 +14,7 @@
      :model-value="present"
      :disabled="disabled"
      class="opt"
-      @update:model-value="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
+      @update:modelValue="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
    />
    <div class="input color-input-field">
      <input
@ -46,6 +46,7 @@
    </div>
  </div>
 </template>
+<style lang="scss" src="./color_input.scss"></style>
 <script>
 import Checkbox from '../checkbox/checkbox.vue'
 import { hex2rgb } from '../../services/color_convert/color_convert.js'
@ -107,7 +108,6 @@ export default {
  }
 }
 </script>
-<style lang="scss" src="./color_input.scss"></style>

 <style lang="scss">
 .color-control {
--- a/src/components/confirm_modal/confirm_modal.vue
+++ b/src/components/confirm_modal/confirm_modal.vue
@ -25,8 +25,6 @@
  </dialog-modal>
 </template>

-<script src="./confirm_modal.js"></script>
-
 <style lang="scss" scoped>
@import '../../_variables';

@ -37,3 +35,5 @@
  }
 }
 </style>
+
+<script src="./confirm_modal.js"></script>
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@ -267,11 +267,11 @@ const conversation = {
    },
    replies () {
      let i = 1
-       
+      // eslint-disable-next-line camelcase
      return reduce(this.conversation, (result, { id, in_reply_to_status_id }) => {
-         
+        /* eslint-disable camelcase */
        const irid = in_reply_to_status_id
-         
+        /* eslint-enable camelcase */
        if (irid) {
          result[irid] = result[irid] || []
          result[irid].push({
--- a/src/components/conversation/conversation.vue
+++ b/src/components/conversation/conversation.vue
@ -91,7 +91,7 @@
              :controlled-set-media-playing="(newVal) => toggleStatusContentProperty(status.id, 'mediaPlaying', newVal)"

              @goto="setHighlight"
-              @toggle-expanded="toggleExpanded"
+              @toggleExpanded="toggleExpanded"
            />
            <div
              v-if="showOtherRepliesButtonBelowStatus && getReplies(status.id).length > 1"
@ -184,7 +184,7 @@
          :toggle-status-content-property="toggleStatusContentProperty"

          @goto="setHighlight"
-          @toggle-expanded="toggleExpanded"
+          @toggleExpanded="toggleExpanded"
        />
      </div>
    </div>
--- a/src/components/desktop_nav/desktop_nav.vue
+++ b/src/components/desktop_nav/desktop_nav.vue
@ -44,9 +44,9 @@
            />
          </router-link>
          <router-link
-            v-if="publicTimelineVisible"
            :to="{ name: 'public-timeline' }"
            class="nav-icon"
+            v-if="publicTimelineVisible"
          >
            <FAIcon
              fixed-width
@ -68,9 +68,9 @@
            />
          </router-link>
          <router-link
-            v-if="federatedTimelineVisible"
            :to="{ name: 'public-external-timeline' }"
            class="nav-icon"
+            v-if="federatedTimelineVisible"
          >
            <FAIcon
              fixed-width
--- a/src/components/domain_mute_card/domain_mute_card.vue
+++ b/src/components/domain_mute_card/domain_mute_card.vue
@ -9,7 +9,7 @@
      class="btn button-default"
    >
      {{ $t('domain_mute_card.unmute') }}
-      <template #progress>
+      <template v-slot:progress>
        {{ $t('domain_mute_card.unmute_progress') }}
      </template>
    </ProgressButton>
@ -19,7 +19,7 @@
      class="btn button-default"
    >
      {{ $t('domain_mute_card.mute') }}
-      <template #progress>
+      <template v-slot:progress>
        {{ $t('domain_mute_card.mute_progress') }}
      </template>
    </ProgressButton>
--- a/src/components/edit_status_modal/edit_status_modal.vue
+++ b/src/components/edit_status_modal/edit_status_modal.vue
@ -2,7 +2,7 @@
  <Modal
    v-if="isFormVisible"
    class="edit-form-modal-view"
-    @backdrop-clicked="closeModal"
+    @backdropClicked="closeModal"
  >
    <div class="edit-form-modal-panel panel">
      <div class="panel-heading">
@ -11,10 +11,10 @@
      <PostStatusForm
        class="panel-body"
        v-bind="params"
-        :disable-polls="true"
-        :disable-visibility-selector="true"
-        :post-handler="doEditStatus"
        @posted="closeModal"
+        :disablePolls="true"
+        :disableVisibilitySelector="true"
+        :post-handler="doEditStatus"
      />
    </div>
  </Modal>
--- a/src/components/emoji_input/emoji_input.vue
+++ b/src/components/emoji_input/emoji_input.vue
@ -43,10 +43,7 @@
          :class="{ highlighted: index === highlighted }"
          @click.stop.prevent="onClick($event, suggestion)"
        >
-          <span
-            v-if="!suggestion.mfm"
-            class="image"
-          >
+          <span v-if="!suggestion.mfm" class="image">
            <img
              v-if="suggestion.img"
              :src="suggestion.img"
--- a/src/components/emoji_input/suggestor.js
+++ b/src/components/emoji_input/suggestor.js
@ -122,14 +122,14 @@ export const suggestUsers = ({ dispatch, state }) => {
      const screenNameAlphabetically = a.screen_name > b.screen_name ? 1 : -1

      return diff + nameAlphabetically + screenNameAlphabetically
-       
+      /* eslint-disable camelcase */
    }).map(({ screen_name, screen_name_ui, name, profile_image_url_original }) => ({
      displayText: screen_name_ui,
      detailText: name,
      imageUrl: profile_image_url_original,
      replacement: '@' + screen_name + ' '
    }))
-     
+    /* eslint-enable camelcase */

    suggestions = newSuggestions || []
    return suggestions
--- a/src/components/emoji_reactions/emoji_reactions.vue
+++ b/src/components/emoji_reactions/emoji_reactions.vue
@ -42,7 +42,7 @@
  </div>
 </template>

-<script src="./emoji_reactions.js"></script>
+<script src="./emoji_reactions.js" ></script>
 <style lang="scss">
@import '../../_variables.scss';

--- a/src/components/extra_buttons/extra_buttons.vue
+++ b/src/components/extra_buttons/extra_buttons.vue
@ -7,7 +7,7 @@
    :bound-to="{ x: 'container' }"
    remove-padding
  >
-    <template #content="{close}">
+    <template v-slot:content="{close}">
      <div class="dropdown-menu">
        <button
          v-if="canMute && !status.thread_muted"
@ -172,7 +172,7 @@
        </button>
      </div>
    </template>
-    <template #trigger>
+    <template v-slot:trigger>
      <button class="button-unstyled popover-trigger">
        <FAIcon
          class="fa-scale-110 fa-old-padding"
@ -205,7 +205,7 @@
  </Popover>
 </template>

-<script src="./extra_buttons.js"></script>
+<script src="./extra_buttons.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/favorite_button/favorite_button.vue
+++ b/src/components/favorite_button/favorite_button.vue
@ -35,7 +35,7 @@
  </div>
 </template>

-<script src="./favorite_button.js"></script>
+<script src="./favorite_button.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/features_panel/features_panel.vue
+++ b/src/components/features_panel/features_panel.vue
@ -23,7 +23,7 @@
  </div>
 </template>

-<script src="./features_panel.js"></script>
+<script src="./features_panel.js" ></script>

 <style lang="scss">
  .features-panel li {
--- a/src/components/follow_request_card/follow_request_card.vue
+++ b/src/components/follow_request_card/follow_request_card.vue
@ -1,8 +1,5 @@
 <template>
-  <basic-user-card
-    v-if="show"
-    :user="user"
-  >
+  <basic-user-card :user="user" v-if="show">
    <div class="follow-request-card-content-container">
      <button
        class="btn button-default"
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@ -47,7 +47,7 @@
  </div>
 </template>

-<script src="./font_control.js"></script>
+<script src="./font_control.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/gallery/gallery.vue
+++ b/src/components/gallery/gallery.vue
@ -31,8 +31,8 @@
            :description="descriptions && descriptions[attachment.id]"
            :hide-description="size === 'small' || tooManyAttachments && hidingLong"
            :style="itemStyle(attachment.id, row.items)"
-            @set-media="onMedia"
-            @natural-size-load="onNaturalSizeLoad"
+            @setMedia="onMedia"
+            @naturalSizeLoad="onNaturalSizeLoad"
          />
        </div>
      </div>
--- a/src/components/hashtag_link/hashtag_link.vue
+++ b/src/components/hashtag_link/hashtag_link.vue
@ -14,6 +14,6 @@
  </span>
 </template>

-<script src="./hashtag_link.js" />
+<script src="./hashtag_link.js"/>

-<style lang="scss" src="./hashtag_link.scss" />
+<style lang="scss" src="./hashtag_link.scss"/>
--- a/src/components/instance_specific_panel/instance_specific_panel.vue
+++ b/src/components/instance_specific_panel/instance_specific_panel.vue
@ -10,4 +10,4 @@
  </div>
 </template>

-<script src="./instance_specific_panel.js"></script>
+<script src="./instance_specific_panel.js" ></script>
--- a/src/components/list/list.vue
+++ b/src/components/list/list.vue
@ -42,7 +42,6 @@ export default {
@import '../../_variables.scss';

 .list {
-  min-height: 1em;
  &-item:not(:last-child) {
    border-bottom: 1px solid;
    border-bottom-color: $fallback--border;
--- a/src/components/local_bubble_panel/local_bubble_panel.vue
+++ b/src/components/local_bubble_panel/local_bubble_panel.vue
@ -10,7 +10,7 @@
        </div>
      </div>
      <div class="panel-body">
-        <p>{{ $t("about.bubble_instances_description") }}:</p>
+        <p>{{ $t("about.bubble_instances_description")}}:</p>
        <ul>
          <li
            v-for="instance in bubbleInstances"
--- a/src/components/login_form/login_form.vue
+++ b/src/components/login_form/login_form.vue
@ -90,7 +90,7 @@
  </div>
 </template>

-<script src="./login_form.js"></script>
+<script src="./login_form.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/media_modal/media_modal.vue
+++ b/src/components/media_modal/media_modal.vue
@ -2,7 +2,7 @@
  <Modal
    v-if="showing"
    class="media-modal-view"
-    @backdrop-clicked="hideIfNotSwiped"
+    @backdropClicked="hideIfNotSwiped"
  >
    <SwipeClick
      v-if="type === 'image'"
--- a/src/components/media_upload/media_upload.js
+++ b/src/components/media_upload/media_upload.js
@ -42,7 +42,7 @@ const mediaUpload = {
        .then((fileData) => {
          self.$emit('uploaded', fileData)
          self.decreaseUploadCount()
-        }, (error) => {  
+        }, (error) => { // eslint-disable-line handle-callback-err
          self.$emit('upload-failed', 'default')
          self.decreaseUploadCount()
        })
--- a/src/components/media_upload/media_upload.vue
+++ b/src/components/media_upload/media_upload.vue
@ -26,7 +26,7 @@
  </label>
 </template>

-<script src="./media_upload.js"></script>
+<script src="./media_upload.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/mention_link/mention_link.vue
+++ b/src/components/mention_link/mention_link.vue
@ -66,6 +66,6 @@
  </span>
 </template>

-<script src="./mention_link.js" />
+<script src="./mention_link.js"/>

-<style lang="scss" src="./mention_link.scss" />
+<style lang="scss" src="./mention_link.scss"/>
--- a/src/components/mentions_line/mentions_line.vue
+++ b/src/components/mentions_line/mentions_line.vue
@ -37,5 +37,5 @@
    </span>
  </span>
 </template>
-<script src="./mentions_line.js"></script>
+<script src="./mentions_line.js" ></script>
 <style lang="scss" src="./mentions_line.scss" />
--- a/src/components/mfa_form/recovery_form.vue
+++ b/src/components/mfa_form/recovery_form.vue
@ -69,4 +69,4 @@
    </div>
  </div>
 </template>
-<script src="./recovery_form.js"></script>
+<script src="./recovery_form.js" ></script>
--- a/src/components/mfa_form/totp_form.vue
+++ b/src/components/mfa_form/totp_form.vue
@ -18,7 +18,6 @@
          <input
            id="code"
            v-model="code"
-            autocomplete="one-time-code"
            class="form-control"
          >
        </div>
--- a/src/components/mod_modal/tabs/reports_tab/report_card.vue
+++ b/src/components/mod_modal/tabs/reports_tab/report_card.vue
@ -4,7 +4,7 @@
      class="panel-heading"
      @click="toggleHidden"
    >
-      <h4>{{ $t('moderation.reports.report') + ' ' + account.screen_name }}</h4>
+      <h4>{{ $t('moderation.reports.report') + ' ' + this.account.screen_name }}</h4>
      <button
        v-if="isOpen"
        class="button-default"
@ -35,10 +35,7 @@
        <div v-if="content">
          {{ decode(content) }}
        </div>
-        <i
-          v-else
-          class="faint"
-        >
+        <i v-else class="faint">
          {{ $t('moderation.reports.no_content') }}
        </i>
        <div class="report-author">
@ -46,12 +43,12 @@
            class="small-avatar"
            :user="actor"
          />
-          {{ actor.screen_name }}
+          {{ this.actor.screen_name }}
        </div>
      </div>
      <div
-        v-if="!hidden && statuses.length > 0"
        class="dropdown"
+        v-if="!hidden && this.statuses.length > 0"
      >
        <button
          class="button button-unstyled dropdown-header"
@ -77,8 +74,8 @@
        </div>
      </div>
      <div
-        v-if="!hidden && notes.length > 0"
        class="dropdown"
+        v-if="!hidden && this.notes.length > 0"
      >
        <button
          class="button button-unstyled dropdown-header"
@ -102,9 +99,9 @@
      </div>
      <div class="report-add-note">
        <textarea
-          v-model.trim="note"
          rows="1"
          cols="1"
+          v-model.trim="note"
          :placeholder="$t('moderation.reports.note_placeholder')"
        />
        <button
@ -137,7 +134,7 @@
        :offset="{ y: 5 }"
        remove-padding
      >
-        <template #trigger>
+        <template v-slot:trigger>
          <button
            class="btn button-default"
            :disabled="!tagPolicyEnabled"
@ -150,7 +147,7 @@
            />
          </button>
        </template>
-        <template #content="{close}">
+        <template v-slot:content="{close}">
          <div
            class="dropdown-menu"
            :disabled="!tagPolicyEnabled"
--- a/src/components/mod_modal/tabs/reports_tab/report_note.vue
+++ b/src/components/mod_modal/tabs/reports_tab/report_note.vue
@ -6,7 +6,7 @@
          class="small-avatar"
          :user="user"
        />
-        {{ user.screen_name }}
+        {{ this.user.screen_name }}
      </div>
      <div class="header-right">
        <Timeago
--- a/src/components/modal/modal.vue
+++ b/src/components/modal/modal.vue
@ -22,9 +22,6 @@ export default {
      default: false
    }
  },
-  emits: [
-    'backdropClicked',
-  ],
  computed: {
    classes () {
      return {
--- a/src/components/moderation_tools/moderation_tools.vue
+++ b/src/components/moderation_tools/moderation_tools.vue
@ -8,7 +8,7 @@
      @show="setToggled(true)"
      @close="setToggled(false)"
    >
-      <template #content>
+      <template v-slot:content>
        <div class="dropdown-menu">
          <span v-if="user.is_local">
            <button
@ -122,7 +122,7 @@
          </span>
        </div>
      </template>
-      <template #trigger>
+      <template v-slot:trigger>
        <button
          class="btn button-default btn-block moderation-tools-button"
          :class="{ toggled }"
@ -137,11 +137,11 @@
        v-if="showDeleteUserDialog"
        :on-cancel="deleteUserDialog.bind(this, false)"
      >
-        <template #header>
+        <template v-slot:header>
          {{ $t('user_card.admin_menu.delete_user') }}
        </template>
        <p>{{ $t('user_card.admin_menu.delete_user_confirmation') }}</p>
-        <template #footer>
+        <template v-slot:footer>
          <button
            class="btn button-default"
            @click="deleteUserDialog(false)"
--- a/src/components/nav_panel/nav_panel.vue
+++ b/src/components/nav_panel/nav_panel.vue
@ -102,7 +102,7 @@
  </div>
 </template>

-<script src="./nav_panel.js"></script>
+<script src="./nav_panel.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@ -6,7 +6,6 @@ import UserCard from '../user_card/user_card.vue'
 import Timeago from '../timeago/timeago.vue'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import StillImage from '../still-image/still-image.vue'
 import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
 import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
@ -51,8 +50,7 @@ const Notification = {
    Timeago,
    Status,
    RichContent,
-    ConfirmModal,
-    StillImage
+    ConfirmModal
  },
  methods: {
    toggleUserExpanded () {
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@ -116,13 +116,12 @@
                  scope="global"
                  keypath="notifications.reacted_with"
                >
-                  <still-image
+                  <img
                    v-if="notification.emoji_url !== null"
                    class="notification-reaction-emoji"
                    :src="notification.emoji_url"
-                    :title="notification.emoji"
-                    :alt="notification.emoji"
-                  />
+                    :name="notification.emoji"
+                  >
                  <span
                    v-else
                    class="emoji-reaction-emoji"
--- a/src/components/notifications/notification_filters.vue
+++ b/src/components/notifications/notification_filters.vue
@ -5,7 +5,7 @@
    placement="bottom"
    :bound-to="{ x: 'container' }"
  >
-    <template #content>
+    <template v-slot:content>
      <div class="dropdown-menu">
        <button
          class="button-default dropdown-item"
@ -72,7 +72,7 @@
        </button>
      </div>
    </template>
-    <template #trigger>
+    <template v-slot:trigger>
      <button class="filter-trigger-button button-unstyled">
        <FAIcon icon="filter" />
      </button>
--- a/src/components/opacity_input/opacity_input.vue
+++ b/src/components/opacity_input/opacity_input.vue
@ -14,7 +14,7 @@
      :model-value="present"
      :disabled="disabled"
      class="opt"
-      @update:model-value="$emit('update:modelValue', !present ? fallback : undefined)"
+      @update:modelValue="$emit('update:modelValue', !present ? fallback : undefined)"
    />
    <input
      :id="name"
--- a/src/components/pinch_zoom/pinch_zoom.vue
+++ b/src/components/pinch_zoom/pinch_zoom.vue
@ -2,6 +2,7 @@
  <pinch-zoom
    class="pinch-zoom-parent"
    v-bind="$attrs"
+    v-on="$listeners"
  >
    <slot />
  </pinch-zoom>
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@ -9,12 +9,11 @@ import StatusContent from '../status_content/status_content.vue'
 import fileTypeService from '../../services/file_type/file_type.service.js'
 import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
 import { reject, map, uniqBy, debounce } from 'lodash'
-import { usePostLanguageOptions } from 'src/lib/post_language'
 import suggestor from '../emoji_input/suggestor.js'
 import { mapGetters, mapState } from 'vuex'
 import Checkbox from '../checkbox/checkbox.vue'
 import Select from '../select/select.vue'
-
+import iso6391 from 'iso-639-1'

 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@ -63,13 +62,6 @@ const deleteDraft = (draftKey) => {
 	localStorage.setItem('drafts', JSON.stringify(draftData));
 }

-const interfaceToISOLanguage = (ilang) => {
-    const sep = ilang.indexOf("_");
-    return sep < 0 ?
-        ilang :
-        ilang.substr(0, sep);
-}
-
 const PostStatusForm = {
  props: [
    'statusId',
@ -137,13 +129,6 @@ const PostStatusForm = {
      this.$refs.textarea.focus()
    }
  },
-  setup() {
-    const {postLanguageOptions} = usePostLanguageOptions()
-
-    return {
-      postLanguageOptions,
-    }
-  },
  data () {
    const preset = this.$route.query.message
    let statusText = preset || ''
@ -153,8 +138,7 @@ const PostStatusForm = {
      statusText = buildMentionsString({ user: this.repliedUser, attentions: this.attentions }, currentUser)
    }

-    const { postContentType: contentType, postLanguage: defaultPostLanguage, sensitiveByDefault, sensitiveIfSubject, interfaceLanguage, alwaysShowSubjectInput } = this.$store.getters.mergedConfig
-    const postLanguage = defaultPostLanguage || interfaceToISOLanguage(interfaceLanguage)
+    const { postContentType: contentType, sensitiveByDefault, sensitiveIfSubject, interfaceLanguage, alwaysShowSubjectInput } = this.$store.getters.mergedConfig

    let statusParams = {
      spoilerText: this.subject || '',
@ -165,7 +149,7 @@ const PostStatusForm = {
      poll: {},
      mediaDescriptions: {},
      visibility: this.suggestedVisibility(),
-      language: postLanguage,
+      language: interfaceLanguage,
      contentType
    }

@ -180,7 +164,7 @@ const PostStatusForm = {
        poll: this.statusPoll || {},
        mediaDescriptions: this.statusMediaDescriptions || {},
        visibility: this.statusScope || this.suggestedVisibility(),
-        language: this.statusLanguage || postLanguage,
+        language: this.statusLanguage || interfaceLanguage,
        contentType: statusContentType
      }
    }
@ -325,6 +309,9 @@ const PostStatusForm = {
    ...mapState({
      mobileLayout: state => state.interface.mobileLayout
    }),
+    isoLanguages () {
+      return iso6391.getAllCodes();
+    }
  },
  watch: {
    'newStatus': {
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@ -118,8 +118,8 @@
          />
        </div>
        <EmojiInput
-          v-if="subjectVisible"
          ref="subject-emoji-input"
+          v-if="subjectVisible"
          v-model="newStatus.spoilerText"
          enable-emoji-picker
          hide-emoji-button
@ -170,7 +170,7 @@
            cols="1"
            :disabled="posting && !optimisticPosting"
            class="form-post-body"
-            :class="{ 'scrollable-form': !!maxHeight, '-has-subject': subjectVisible }"
+            :class="{ 'scrollable-form': !!maxHeight }"
            @keydown.exact.enter="submitOnEnter && postStatus($event, newStatus)"
            @keydown.meta.enter="postStatus($event, newStatus)"
            @keydown.ctrl.enter="!submitOnEnter && postStatus($event, newStatus)"
@ -190,7 +190,6 @@
        <div
          v-if="!disableScopeSelector"
          class="visibility-tray"
-          :class="{ 'visibility-tray-edit': isEdit }"
        >
          <scope-selector
            v-if="!disableVisibilitySelector"
@ -201,9 +200,7 @@
          />

          <div
-            class="format-selector-container">
-            <div
-              class="format-selector"
+            class="language-selector"
            >
            <Select
              id="post-language"
@ -211,17 +208,17 @@
              class="form-control"
            >
              <option
-                  v-for="language in postLanguageOptions"
-                  :key="language.key"
-                  :value="language.value"
+                v-for="language in isoLanguages"
+                :key="language"
+                :value="language"
              >
-                  {{ language.label }}
+                {{ language }}
              </option>
            </Select>
          </div>
          <div
            v-if="postFormats.length > 1"
-              class="text-format format-selector"
+            class="text-format"
          >
            <Select
              id="post-content-type"
@ -239,7 +236,7 @@
          </div>
          <div
            v-if="postFormats.length === 1 && postFormats[0] !== 'text/plain'"
-              class="text-format format-selector"
+            class="text-format"
          >
            <span class="only-format">
              {{ $t(`post_status.content_type["${postFormats[0]}"]`) }}
@ -247,7 +244,6 @@
          </div>
        </div>
      </div>
-      </div>
      <poll-form
        v-if="pollsAvailable"
        ref="pollForm"
@ -464,10 +460,6 @@
    align-items: baseline;
  }

-  .visibility-tray-edit {
-    justify-content: right;
-  }
-
  .visibility-notice.edit-warning {
    > :first-child {
      margin-top: 0;
@ -478,12 +470,6 @@
    }
  }

-  .format-selector-container {
-    .format-selector {
-      display: inline-block;
-    }
-  }
-
  .media-upload-icon, .poll-icon, .emoji-icon, .spoiler-icon {
    font-size: 1.85em;
    line-height: 1.1;
@ -584,11 +570,6 @@
    line-height: 1.85;
  }

-  .form-post-subject {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
  .form-post-body {
    // TODO: make a resizable textarea component?
    box-sizing: content-box; // needed for easier computation of dynamic size
@ -601,11 +582,6 @@
    min-height: calc(var(--post-line-height) * 1em);
    resize: none;

-    &.-has-subject {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
-    }
-
    &.scrollable-form {
      overflow-y: auto;
    }
--- a/src/components/post_status_modal/post_status_modal.vue
+++ b/src/components/post_status_modal/post_status_modal.vue
@ -3,7 +3,7 @@
    v-if="isLoggedIn && !resettingForm"
    :is-open="modalActivated"
    class="post-form-modal-view"
-    @backdrop-clicked="closeModal"
+    @backdropClicked="closeModal"
  >
    <div class="post-form-modal-panel panel">
      <div class="panel-heading">
--- a/src/components/react_button/react_button.vue
+++ b/src/components/react_button/react_button.vue
@ -8,13 +8,13 @@
    remove-padding
    @show="focusInput"
  >
-    <template #content="{close}">
+    <template v-slot:content="{close}">
      <EmojiPicker
        :enable-sticker-picker="false"
        @emoji="addReaction($event, close)"
      />
    </template>
-    <template #trigger>
+    <template v-slot:trigger>
      <button
        class="button-unstyled popover-trigger"
        :title="$t('tool_tip.add_reaction')"
@ -28,7 +28,7 @@
  </Popover>
 </template>

-<script src="./react_button.js"></script>
+<script src="./react_button.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/remote_follow/remote_follow.js
+++ b/src/components/remote_follow/remote_follow.js
@ -2,7 +2,7 @@ export default {
  props: [ 'user' ],
  computed: {
    subscribeUrl () {
-       
+      // eslint-disable-next-line no-undef
      const serverUrl = new URL(this.user.statusnet_profile_url)
      return `${serverUrl.protocol}//${serverUrl.host}/main/ostatus`
    }
--- a/src/components/retweet_button/retweet_button.vue
+++ b/src/components/retweet_button/retweet_button.vue
@ -54,7 +54,7 @@
  </div>
 </template>

-<script src="./retweet_button.js"></script>
+<script src="./retweet_button.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/selectable_list/selectable_list.vue
+++ b/src/components/selectable_list/selectable_list.vue
@ -24,7 +24,7 @@
      :items="items"
      :get-key="getKey"
    >
-      <template #item="{item}">
+      <template v-slot:item="{item}">
        <div
          class="selectable-list-item-inner"
          :class="{ 'selectable-list-item-selected-inner': isSelected(item) }"
@ -41,7 +41,7 @@
          />
        </div>
      </template>
-      <template #empty>
+      <template v-slot:empty>
        <slot name="empty" />
      </template>
    </List>
--- a/src/components/settings_modal/helpers/boolean_setting.vue
+++ b/src/components/settings_modal/helpers/boolean_setting.vue
@ -6,7 +6,7 @@
    <Checkbox
      :model-value="state"
      :disabled="disabled"
-      @update:model-value="update"
+      @update:modelValue="update"
    >
      <span
        v-if="!!$slots.default"
--- a/src/components/settings_modal/helpers/choice_setting.vue
+++ b/src/components/settings_modal/helpers/choice_setting.vue
@ -8,7 +8,7 @@
    <Select
      :model-value="state"
      :disabled="disabled"
-      @update:model-value="update"
+      @update:modelValue="update"
    >
      <option
        v-for="option in options"
--- a/src/components/settings_modal/helpers/modified_indicator.vue
+++ b/src/components/settings_modal/helpers/modified_indicator.vue
@ -6,14 +6,14 @@
    <Popover
      trigger="hover"
    >
-      <template #trigger>
+      <template v-slot:trigger>
        &nbsp;
        <FAIcon
          icon="wrench"
          :aria-label="$t('settings.setting_changed')"
        />
      </template>
-      <template #content>
+      <template v-slot:content>
        <div class="modified-tooltip">
          {{ $t('settings.setting_changed') }}
        </div>
--- a/src/components/settings_modal/helpers/server_side_indicator.vue
+++ b/src/components/settings_modal/helpers/server_side_indicator.vue
@ -6,14 +6,14 @@
    <Popover
      trigger="hover"
    >
-      <template #trigger>
+      <template v-slot:trigger>
        &nbsp;
        <FAIcon
          icon="server"
          :aria-label="$t('settings.setting_server_side')"
        />
      </template>
-      <template #content>
+      <template v-slot:content>
        <div class="serverside-tooltip">
          {{ $t('settings.setting_server_side') }}
        </div>
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@ -69,7 +69,7 @@ const SettingsModal = {
      this.$store.dispatch('closeSettingsModal')
    },
    logout () {
-      this.$router.replace(this.$store.state.instance.redirectRootNoLogin || '/main/all')
+      this.$router.replace('/main/public')
      this.$store.dispatch('closeSettingsModal')
      this.$store.dispatch('logout')
    },
--- a/src/components/settings_modal/settings_modal.vue
+++ b/src/components/settings_modal/settings_modal.vue
@ -108,7 +108,7 @@
        <Checkbox
          :model-value="!!expertLevel"
          class="expertMode"
-          @update:model-value="expertLevel = Number($event)"
+          @update:modelValue="expertLevel = Number($event)"
        >
          {{ $t("settings.expert_mode") }}
        </Checkbox>
--- a/src/components/settings_modal/tabs/data_import_export_tab.js
+++ b/src/components/settings_modal/tabs/data_import_export_tab.js
@ -72,7 +72,7 @@ const DataImportExportTab = {
        // check is it's a local user
        if (user && user.is_local) {
          // append the instance address
-           
+          // eslint-disable-next-line no-undef
          return user.screen_name + '@' + location.hostname
        }
        return user.screen_name
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@ -4,7 +4,6 @@ import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'

-import { usePostLanguageOptions } from 'src/lib/post_language'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import ServerSideIndicator from '../helpers/server_side_indicator.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
@ -18,11 +17,6 @@ library.add(
 )

 const GeneralTab = {
-  setup() {
-    const {postLanguageOptions} = usePostLanguageOptions()
-
-    return {postLanguageOptions}
-  },
  data () {
    return {
      subjectLineOptions: ['email', 'noop', 'masto'].map(mode => ({
@ -124,12 +118,6 @@ const GeneralTab = {
        this.$store.dispatch('setOption', { name: 'translationLanguage', value: val })
      }
    },
-    postLanguage: {
-      get: function () { return this.$store.getters.mergedConfig.postLanguage },
-      set: function (val) {
-        this.$store.dispatch('setOption', { name: 'postLanguage', value: val })
-      }
-    },
    ...SharedComputedObject()
  },
  methods: {
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@ -44,6 +44,7 @@
          <template
            v-if="profilesExpanded"
          >
+
            <div
              v-for="profile in settingsProfiles"
              :key="profile.id"
@ -72,24 +73,15 @@
                </button>
              </template>
            </div>
-            <button
-              class="btn button-default"
-              @click="refreshProfiles()"
-            >
+            <button class="btn button-default" @click="refreshProfiles()">
              {{ $t('settings.settings_profiles_refresh') }}
-              <FAIcon
-                icon="sync"
-                @click="refreshProfiles()"
-              />
+              <FAIcon icon="sync" @click="refreshProfiles()" />
            </button>
            <h3>{{ $t('settings.settings_profile_creation') }}</h3>
            <label for="settings-profile-new-name">
              {{ $t('settings.settings_profile_creation_new_name_label') }}
            </label>
-            <input
-              id="settings-profile-new-name"
-              v-model="newProfileName"
-            >
+            <input v-model="newProfileName" id="settings-profile-new-name">
            <button
              class="btn button-default"
              @click="createSettingsProfile"
@ -593,15 +585,6 @@
            {{ $t('settings.post_status_content_type') }}
          </ChoiceSetting>
        </li>
-        <li>
-          <ChoiceSetting
-            id="postLanguage"
-            path="postLanguage"
-            :options="postLanguageOptions"
-          >
-            {{ $t('settings.post_language') }}
-          </ChoiceSetting>
-        </li>
        <li>
          <BooleanSetting
            path="alwaysShowNewPostButton"
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@ -85,7 +85,7 @@ const MutesAndBlocks = {
        // check is it's a local user
        if (user && user.is_local) {
          // append the instance address
-           
+          // eslint-disable-next-line no-undef
          return user.screen_name + '@' + location.hostname
        }
        return user.screen_name
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.vue
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.vue
@ -10,7 +10,7 @@
          :query="queryUserIds"
          :placeholder="$t('settings.search_user_to_block')"
        >
-          <template #default="row">
+          <template v-slot="row">
            <BlockCard
              :user-id="row.item"
            />
@ -21,7 +21,7 @@
        :refresh="true"
        :get-key="i => i"
      >
-        <template #header="{selected}">
+        <template v-slot:header="{selected}">
          <div class="bulk-actions">
            <ProgressButton
              v-if="selected.length > 0"
@ -29,7 +29,7 @@
              :click="() => blockUsers(selected)"
            >
              {{ $t('user_card.block') }}
-              <template #progress>
+              <template v-slot:progress>
                {{ $t('user_card.block_progress') }}
              </template>
            </ProgressButton>
@ -39,16 +39,16 @@
              :click="() => unblockUsers(selected)"
            >
              {{ $t('user_card.unblock') }}
-              <template #progress>
+              <template v-slot:progress>
                {{ $t('user_card.unblock_progress') }}
              </template>
            </ProgressButton>
          </div>
        </template>
-        <template #item="{item}">
+        <template v-slot:item="{item}">
          <BlockCard :user-id="item" />
        </template>
-        <template #empty>
+        <template v-slot:empty>
          {{ $t('settings.no_blocks') }}
        </template>
      </BlockList>
@ -63,7 +63,7 @@
              :query="queryUserIds"
              :placeholder="$t('settings.search_user_to_mute')"
            >
-              <template #default="row">
+              <template v-slot="row">
                <MuteCard
                  :user-id="row.item"
                />
@ -74,7 +74,7 @@
            :refresh="true"
            :get-key="i => i"
          >
-            <template #header="{selected}">
+            <template v-slot:header="{selected}">
              <div class="bulk-actions">
                <ProgressButton
                  v-if="selected.length > 0"
@ -82,7 +82,7 @@
                  :click="() => muteUsers(selected)"
                >
                  {{ $t('user_card.mute') }}
-                  <template #progress>
+                  <template v-slot:progress>
                    {{ $t('user_card.mute_progress') }}
                  </template>
                </ProgressButton>
@ -92,16 +92,16 @@
                  :click="() => unmuteUsers(selected)"
                >
                  {{ $t('user_card.unmute') }}
-                  <template #progress>
+                  <template v-slot:progress>
                    {{ $t('user_card.unmute_progress') }}
                  </template>
                </ProgressButton>
              </div>
            </template>
-            <template #item="{item}">
+            <template v-slot:item="{item}">
              <MuteCard :user-id="item" />
            </template>
-            <template #empty>
+            <template v-slot:empty>
              {{ $t('settings.no_mutes') }}
            </template>
          </MuteList>
@ -114,7 +114,7 @@
              :query="queryKnownDomains"
              :placeholder="$t('settings.type_domains_to_mute')"
            >
-              <template #default="row">
+              <template v-slot="row">
                <DomainMuteCard
                  :domain="row.item"
                />
@ -125,7 +125,7 @@
            :refresh="true"
            :get-key="i => i"
          >
-            <template #header="{selected}">
+            <template v-slot:header="{selected}">
              <div class="bulk-actions">
                <ProgressButton
                  v-if="selected.length > 0"
@ -133,16 +133,16 @@
                  :click="() => unmuteDomains(selected)"
                >
                  {{ $t('domain_mute_card.unmute') }}
-                  <template #progress>
+                  <template v-slot:progress>
                    {{ $t('domain_mute_card.unmute_progress') }}
                  </template>
                </ProgressButton>
              </div>
            </template>
-            <template #item="{item}">
+            <template v-slot:item="{item}">
              <DomainMuteCard :domain="item" />
            </template>
-            <template #empty>
+            <template v-slot:empty>
              {{ $t('settings.no_mutes') }}
            </template>
          </DomainMuteList>
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@ -130,7 +130,7 @@ const ProfileTab = {
        note: this.newBio,
        locked: this.newLocked,
        // Backend notation.
-         
+        /* eslint-disable camelcase */
        display_name: this.newName,
        fields_attributes: this.newFields.filter(el => el != null),
        bot: this.bot,
@ -138,7 +138,7 @@ const ProfileTab = {
        status_ttl_days: this.expirePosts ? this.newPostTTLDays : -1,
        permit_followback: this.permit_followback,
        accepts_direct_messages_from: this.userAcceptsDirectMessagesFrom
-         
+        /* eslint-enable camelcase */
      }

      if (this.emailLanguage) {
@ -187,7 +187,7 @@ const ProfileTab = {
        })
        return
      }
-       
+      // eslint-disable-next-line no-undef
      const reader = new FileReader()
      reader.onload = ({ target }) => {
        const img = target.result
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@ -110,9 +110,11 @@
          max="730"
          class="expire-posts-days"
          :placeholder="$t('settings.expire_posts_input_placeholder')"
-        >
+        />
+      </p>
+      <p>
+
      </p>
-      <p />
      <p>
        <interface-language-switcher
          :prompt-text="$t('settings.email_language')"
--- a/src/components/settings_modal/tabs/version_tab.js
+++ b/src/components/settings_modal/tabs/version_tab.js
@ -1,22 +1,20 @@
-import { extractCommit } from 'src/services/version/version.service'
-
-const pleromaFeCommitUrl = 'https://akkoma.dev/AkkomaGang/pleroma-fe/commit/'
-const pleromaBeCommitUrl = 'https://akkoma.dev/AkkomaGang/akkoma/commit/'
+const pleromaFeCommitUrl = 'https://akkoma.dev/srxl/akkoma-fe/src/branch/wl-stable'
+const pleromaBeCommitUrl = 'https://akkoma.dev/srxl/akkoma/src/branch/wl-stable'

 const VersionTab = {
  data () {
    const instance = this.$store.state.instance
    return {
-      backendVersion: instance.backendVersion,
-      frontendVersion: instance.frontendVersion
+      backendVersion: `${instance.backendVersion} (with Website League patches)`,
+      frontendVersion: `${instance.frontendVersion} (with Website League patches)`
    }
  },
  computed: {
    frontendVersionLink () {
-      return pleromaFeCommitUrl + this.frontendVersion
+      return pleromaFeCommitUrl
    },
    backendVersionLink () {
-      return pleromaBeCommitUrl + extractCommit(this.backendVersion)
+      return pleromaBeCommitUrl
    }
  }
 }
--- a/src/components/shadow_control/shadow_control.vue
+++ b/src/components/shadow_control/shadow_control.vue
@ -215,7 +215,7 @@
  </div>
 </template>

-<script src="./shadow_control.js"></script>
+<script src="./shadow_control.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/side_drawer/side_drawer.vue
+++ b/src/components/side_drawer/side_drawer.vue
@ -218,7 +218,7 @@
  </div>
 </template>

-<script src="./side_drawer.js"></script>
+<script src="./side_drawer.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/staff_panel/staff_panel.vue
+++ b/src/components/staff_panel/staff_panel.vue
@ -24,7 +24,7 @@
  </div>
 </template>

-<script src="./staff_panel.js"></script>
+<script src="./staff_panel.js" ></script>

 <style lang="scss">

--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@ -266,16 +266,6 @@
      color: $fallback--cGreen;
      color: var(--cGreen, $fallback--cGreen);
    }
-
-    .right-side {
-      display: flex;
-      align-items: center;
-      gap: 0.3em;
-    }
-
-    .repeat-tooltip {
-      flex-shrink: 0;
-    }
  }

  .repeater-avatar {
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@ -83,7 +83,7 @@
          :user="statusoid.user"
        />
        <div class="right-side faint">
-          <div
+          <span
            class="status-username repeater-name"
            :title="retweeter"
          >
@ -100,12 +100,8 @@
              v-else
              :to="retweeterProfileLink"
            >{{ retweeter }}</router-link>
-          </div>
+          </span>
          {{ ' ' }}
-
-          <div
-            class="repeat-tooltip"
-          >
          <FAIcon
            icon="retweet"
            class="repeat-icon"
@ -114,7 +110,6 @@
          {{ $t('timeline.repeated') }}
        </div>
      </div>
-      </div>

      <div
        v-if="!deleted"
@ -373,7 +368,7 @@
              :controlled-toggle-showing-long-subject="controlledToggleShowingLongSubject"
              @mediaplay="addMediaPlaying($event)"
              @mediapause="removeMediaPlaying($event)"
-              @parse-ready="setHeadTailLinks"
+              @parseReady="setHeadTailLinks"
            />
          </div>

@ -481,8 +476,8 @@
            />
            <extra-buttons
              :status="status"
-              @on-error="showError"
-              @on-success="clearError"
+              @onError="showError"
+              @onSuccess="clearError"
            />
          </div>
        </div>
--- a/src/components/status_body/status_body.vue
+++ b/src/components/status_body/status_body.vue
@ -54,7 +54,7 @@
            :mfm="renderMisskeyMarkdown && (status.media_type === 'text/x.misskeymarkdown')"
            :greentext="mergedConfig.greentext"
            :attentions="status.attentions"
-            @parse-ready="onParseReady"
+            @parseReady="onParseReady"
          />
          <div
            v-if="status.translation"
@ -70,7 +70,7 @@
              :mfm="renderMisskeyMarkdown && (status.media_type === 'text/x.misskeymarkdown')"
              :greentext="mergedConfig.greentext"
              :attentions="status.attentions"
-              @parse-ready="onParseReady"
+              @parseReady="onParseReady"
            />
            <div>
              <label class="label">{{ $t('status.override_translation_source_language') }}</label>
@ -89,10 +89,7 @@
                </option>
              </Select>
              {{ ' ' }}
-              <button
-                class="btn button-default"
-                @click="translateStatus"
-              >
+              <button @click="translateStatus" class="btn button-default">
                {{ $t('status.translate') }}
              </button>
            </div>
@ -141,5 +138,5 @@
    <slot v-if="!hideSubjectStatus" />
  </div>
 </template>
-<script src="./status_body.js"></script>
+<script src="./status_body.js" ></script>
 <style lang="scss" src="./status_body.scss" />
--- a/src/components/status_content/status_content.vue
+++ b/src/components/status_content/status_content.vue
@ -14,7 +14,7 @@
      :toggle-showing-tall="toggleShowingTall"
      :toggle-expanding-subject="toggleExpandingSubject"
      :toggle-showing-long-subject="toggleShowingLongSubject"
-      @parse-ready="$emit('parseReady', $event)"
+      @parseReady="$emit('parseReady', $event)"
    >
      <div v-if="status.poll && status.poll.options && !compact">
        <Poll
@ -63,7 +63,7 @@
  </div>
 </template>

-<script src="./status_content.js"></script>
+<script src="./status_content.js" ></script>
 <style lang="scss">
 .StatusContent {
  flex: 1;
--- a/src/components/status_history_modal/status_history_modal.vue
+++ b/src/components/status_history_modal/status_history_modal.vue
@ -2,7 +2,7 @@
  <Modal
    v-if="modalActivated"
    class="status-history-modal-view"
-    @backdrop-clicked="closeModal"
+    @backdropClicked="closeModal"
  >
    <div class="status-history-modal-panel panel">
      <div class="panel-heading">
@ -17,7 +17,7 @@
            v-for="status in history"
            :key="status.id"
            :statusoid="status"
-            :is-preview="true"
+            :isPreview="true"
            class="conversation-status status-fadein panel-body"
        />
        </div>
--- a/src/components/status_popover/status_popover.vue
+++ b/src/components/status_popover/status_popover.vue
@ -5,10 +5,10 @@
    :bound-to="{ x: 'container' }"
    @show="enter"
  >
-    <template #trigger>
+    <template v-slot:trigger>
      <slot />
    </template>
-    <template #content>
+    <template v-slot:content>
      <Status
        v-if="status"
        :is-preview="true"
@ -35,7 +35,7 @@
  </Popover>
 </template>

-<script src="./status_popover.js"></script>
+<script src="./status_popover.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/still-image/still-image.vue
+++ b/src/components/still-image/still-image.vue
@ -7,8 +7,7 @@
  >
    <div
      v-if="animated && imageTypeLabel"
-      class="image-type-label"
-    >
+      class="image-type-label">
        {{ imageTypeLabel }}
    </div>
    <canvas
--- a/src/components/terms_of_service_panel/terms_of_service_panel.vue
+++ b/src/components/terms_of_service_panel/terms_of_service_panel.vue
@ -13,7 +13,7 @@
  </div>
 </template>

-<script src="./terms_of_service_panel.js"></script>
+<script src="./terms_of_service_panel.js" ></script>

 <style lang="scss">
 .tos-content {
--- a/src/components/thread_tree/thread_tree.vue
+++ b/src/components/thread_tree/thread_tree.vue
@ -32,7 +32,7 @@
      :dive="dive ? () => dive(status.id) : undefined"

      @goto="setHighlight"
-      @toggle-expanded="toggleExpanded"
+      @toggleExpanded="toggleExpanded"
    />
    <div
      v-if="currentReplies.length && threadShowing"
--- a/src/components/timeline/timeline.scss
+++ b/src/components/timeline/timeline.scss
@ -28,7 +28,4 @@
      }
    }
  }
-  .timeline {
-    min-height: 1em;
-  }
 }
--- a/src/components/timeline/timeline_quick_settings.vue
+++ b/src/components/timeline/timeline_quick_settings.vue
@ -4,7 +4,7 @@
    class="TimelineQuickSettings"
    :bound-to="{ x: 'container' }"
  >
-    <template #content>
+    <template v-slot:content>
      <div class="dropdown-menu">
        <div v-if="loggedIn">
          <button
@ -80,7 +80,7 @@
        </button>
      </div>
    </template>
-    <template #trigger>
+    <template v-slot:trigger>
      <button class="button-unstyled">
        <FAIcon icon="filter" />
      </button>
--- a/src/components/timeline_menu/timeline_menu.vue
+++ b/src/components/timeline_menu/timeline_menu.vue
@ -9,12 +9,12 @@
    @show="openMenu"
    @close="() => isOpen = false"
  >
-    <template #content>
+    <template v-slot:content>
      <div class="timeline-menu-popover popover-default">
        <TimelineMenuContent />
      </div>
    </template>
-    <template #trigger>
+    <template v-slot:trigger>
      <button class="button-unstyled title timeline-menu-title">
        <span class="timeline-title">{{ timelineName() }}</span>
        <span>
@ -32,7 +32,7 @@
  </Popover>
 </template>

-<script src="./timeline_menu.js"></script>
+<script src="./timeline_menu.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/timeline_menu/timeline_menu_content.vue
+++ b/src/components/timeline_menu/timeline_menu_content.vue
@ -62,6 +62,7 @@
          :title="$t('nav.twkn_timeline_description')"
          :aria-label="$t('nav.twkn_timeline_description')"
        >{{ $t("nav.twkn") }}</span>
+
      </router-link>
    </li>
    <li v-if="currentUser">
@ -99,7 +100,7 @@
  </ul>
 </template>

-<script src="./timeline_menu_content.js"></script>
+<script src="./timeline_menu_content.js" ></script>

 <style lang="scss">
@import "../../_variables.scss";
--- a/src/components/timeline_menu_tabs/timeline_menu_content.vue
+++ b/src/components/timeline_menu_tabs/timeline_menu_content.vue
@ -99,7 +99,7 @@
  </ul>
 </template>

-<script src="./timeline_menu_content.js"></script>
+<script src="./timeline_menu_content.js" ></script>

 <style lang="scss">
@import "../../_variables.scss";
--- a/src/components/timeline_menu_tabs/timeline_menu_tabs.vue
+++ b/src/components/timeline_menu_tabs/timeline_menu_tabs.vue
@ -16,9 +16,9 @@
      />
    </router-link>
    <router-link
-      v-if="publicTimelineVisible"
      :to="{ name: 'public-timeline' }"
      class="nav-icon"
+      v-if="publicTimelineVisible"
    >
      <FAIcon
        fixed-width
@ -40,9 +40,9 @@
      />
    </router-link>
    <router-link
-      v-if="federatedTimelineVisible"
      :to="{ name: 'public-external-timeline' }"
      class="nav-icon"
+      v-if="federatedTimelineVisible"
    >
      <FAIcon
        fixed-width
@ -55,7 +55,7 @@
  </div>
 </template>

-<script src="./timeline_menu_tabs.js"></script>
+<script src="./timeline_menu_tabs.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@ -66,7 +66,7 @@ export default {
      return this.user.id !== this.$store.state.users.currentUser.id
    },
    subscribeUrl () {
-       
+      // eslint-disable-next-line no-undef
      const serverUrl = new URL(this.user.statusnet_profile_url)
      return `${serverUrl.protocol}//${serverUrl.host}/main/ostatus`
    },
--- a/src/components/user_list_popover/user_list_popover.vue
+++ b/src/components/user_list_popover/user_list_popover.vue
@ -4,10 +4,10 @@
    placement="top"
    :offset="{ y: 5 }"
  >
-    <template #trigger>
+    <template v-slot:trigger>
      <slot />
    </template>
-    <template #content>
+    <template v-slot:content>
      <div class="user-list-popover">
        <template v-if="users.length">
          <div
@ -45,7 +45,7 @@
  </Popover>
 </template>

-<script src="./user_list_popover.js"></script>
+<script src="./user_list_popover.js" ></script>

 <style lang="scss">
@import '../../_variables.scss';
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@ -121,8 +121,8 @@
              </FriendList>
            </div>
            <div
-              v-if="isUs"
              key="tags"
+              v-if="isUs"
              :label="$t('user_card.followed_tags')"
            >
              <FollowedTagList
@ -133,7 +133,7 @@
                  <FollowedTagCard :tag="item" />
                </template>
                <template #empty>
-                  {{ $t('user_card.not_following_any_hashtags') }}
+                  {{ $t('user_card.not_following_any_hashtags')}}
                </template>
              </FollowedTagList>
            </div>
--- a/src/components/user_reporting_modal/user_reporting_modal.vue
+++ b/src/components/user_reporting_modal/user_reporting_modal.vue
@ -1,7 +1,7 @@
 <template>
  <Modal
    v-if="isOpen"
-    @backdrop-clicked="closeModal"
+    @backdropClicked="closeModal"
  >
    <div class="user-reporting-panel panel">
      <div class="panel-heading">
@ -45,7 +45,7 @@
        </div>
        <div class="user-reporting-panel-right">
          <List :items="statuses">
-            <template #item="{item}">
+            <template v-slot:item="{item}">
              <div class="status-fadein user-reporting-panel-sitem">
                <Status
                  :in-conversation="false"
--- a/src/components/who_to_follow_panel/who_to_follow_panel.vue
+++ b/src/components/who_to_follow_panel/who_to_follow_panel.vue
@ -27,7 +27,7 @@
  </div>
 </template>

-<script src="./who_to_follow_panel.js"></script>
+<script src="./who_to_follow_panel.js" ></script>

 <style lang="scss">
  .who-to-follow * {
--- a/src/i18n/ca.json
+++ b/src/i18n/ca.json
@ -84,7 +84,6 @@
        "keep_open": "Mantindre el selector obert",
        "load_all": "Carregant tots els {emojiAmount} emoji",
        "load_all_hint": "Carregat el primer {saneAmount} emoji, carregar tots els emoji pot causar problemes de rendiment.",
-        "recent": "Recents",
        "search_emoji": "Buscar un emoji",
        "stickers": "Adhesius",
        "unicode": "Emojis unicode"
@ -255,10 +254,6 @@
        "hint": "Entra per a participar en la conversa",
        "login": "Inicia sessió",
        "logout": "Tanca la sessió",
-        "logout_confirm": "Segur que vols tancar la sessió?",
-        "logout_confirm_accept_button": "Surt",
-        "logout_confirm_cancel_button": "Canceŀla",
-        "logout_confirm_title": "Tanca la sessió",
        "password": "Contrasenya",
        "placeholder": "el meu nom d'usuari",
        "recovery_code": "Codi de recuperació",
@ -271,32 +266,6 @@
        "next": "Següent",
        "previous": "Anterior"
    },
-    "moderation": {
-        "moderation": "Moderació",
-        "reports": {
-            "add_note": "Afegeix una nota",
-            "close": "Tanca",
-            "delete_note": "Esborra la nota",
-            "delete_note_accept": "Sí, esborra-la",
-            "delete_note_cancel": "No, conserva-la",
-            "delete_note_confirm": "Segur que vols esborrar aquesta nota?",
-            "delete_note_title": "Cal confirmació",
-            "no_content": "Sense descripció",
-            "no_reports": "No hi ha informes per mostrar",
-            "note_placeholder": "Deixa una nota",
-            "notes": "{ count } nota | { count } notes",
-            "reopen": "Reobre",
-            "report": "Denuncia-ho",
-            "reports": "Denúncies",
-            "resolve": "Resol",
-            "show_closed": "Mostra les tancades",
-            "statuses": "{ count } post| { count } posts",
-            "tag_policy_notice": "Activa la restricció de publicacions segons la TagPolicy MRF",
-            "tags": "Estableix restriccions a les publicacions"
-        },
-        "statuses": "Publicacions",
-        "users": "Usuàries"
-    },
    "nav": {
        "about": "Quant a",
        "administration": "Administració",
@ -313,7 +282,6 @@
        "interactions": "Interaccions",
        "lists": "Llistes",
        "mentions": "Mencions",
-        "moderation": "Moderació",
        "preferences": "Preferències",
        "public_timeline_description": "Apunts públics des d'aquesta instància",
        "public_tl": "Línia de temps Pública",
@ -407,12 +375,9 @@
            "private": "Aquest apunt serà visible només per els teus seguidors",
            "public": "Aquest apunt serà visible per a tothom",
            "unlisted": "Aquest apunt no es veurà ni a la Línia de temps Pública ni a Tota la Xarxa Coneguda"
-        },
-        "toggle_content_warning": "Des/activa l'avís de contingut"
+        }
    },
    "registration": {
-        "awaiting_email_confirmation": "S'ha registrat el teu compte i s'ha enviat un correu a la teva adreça. Consulta el correu per completar el registre.",
-        "awaiting_email_confirmation_title": "Pendent de confirmar l'adreça de correu",
        "bio": "Bio",
        "bio_placeholder": "p.e.\nHola! Benvingut a la meva bio.\nM'encanta veure anime i jugar a jocs. Espero que podrem ser amics!",
        "captcha": "CAPTCHA",
@ -426,8 +391,6 @@
        "reason_placeholder": "Aquesta instància aprova els registres manualment.\nExplica a l'administració per què vols registrar-te.",
        "register": "Registre",
        "registration": "Registre",
-        "request_sent": "La teva soŀlicitud de registre s'ha enviat. Rebràs un correu quan sigui aprovada.",
-        "request_sent_title": "Soŀlicitud de registre",
        "token": "Codi d'invitació",
        "username_placeholder": "p. ex. akko",
        "validations": {
@ -537,8 +500,6 @@
        "enable_web_push_notifications": "Habilitar notificacions del navegador",
        "enter_current_password_to_confirm": "Posa la teva contrasenya actual per a confirmar la teva identitat",
        "expert_mode": "Mostra avançat",
-        "expire_posts_enabled": "Esborra les publicacions després d'un cert nombre de dies",
-        "expire_posts_input_placeholder": "Nombre de dies",
        "export_theme": "Desa el tema",
        "file_export_import": {
            "backup_restore": "Còpia de seguretat de la configuració",
@ -680,7 +641,6 @@
        "pad_emoji": "Acompanya els emojis amb espais al afegir-los des del selector",
        "panelRadius": "Panells",
        "pause_on_unfocused": "Pausa quan la pestanya perdi el focus",
-        "permit_followback_description": "Aprova automàticament les soŀlicituds de seguiment que vinguin d'usuàries que ja segueixes",
        "play_videos_in_modal": "Reproduir vídeos en un marc emergent",
        "post_look_feel": "Aspecte i Sensació dels apunts",
        "post_status_content_type": "Tipus de contingut d'apunt predeterminat",
@ -749,7 +709,6 @@
        "show_admin_badge": "Mostra l'insígnia \"Administrador\" en el meu perfil",
        "show_moderator_badge": "Mostra l'insígnia \"Moderador\" en el meu perfil",
        "show_nav_shortcuts": "Mostra els accessos directes addicionals en el panell superior",
-        "show_page_backgrounds": "Mostra fons de pantalla específics de pàgines, com en les pàgines de perfil d'usuari",
        "show_panel_nav_shortcuts": "Mostra els accessos directes de navegació de la línia de temps en el panell superior",
        "show_scrollbars": "Mostra les barres de desplaçament de la columna lateral",
        "show_wider_shortcuts": "Mostra més separats els accessos directes del panell superior",
@ -925,13 +884,8 @@
        "upload_a_photo": "Pujar una foto",
        "useStreamingApi": "Rebre apunts i notificacions en temps real",
        "useStreamingApiWarning": "És genial emprar-lo. Si es trenca, refresca, suposo?",
-        "use_blurhash": "Fes borroses les miniatures d'imatges NSFW",
        "use_contain_fit": "No retallar els adjunts en miniatures",
        "use_one_click_nsfw": "Obre els adjunts NSFW amb només un clic",
-        "user_accepts_direct_messages_from": "Accepta missatges directes de",
-        "user_accepts_direct_messages_from_everybody": "Qualsevol",
-        "user_accepts_direct_messages_from_nobody": "Ningú",
-        "user_accepts_direct_messages_from_people_i_follow": "Comptes que segueixo",
        "user_mutes": "Usuaris",
        "user_profile_default_tab": "Pestanya per defecte en el Perfil d'Usuari",
        "user_profiles": "Perfils d'usuari",
@ -1054,7 +1008,6 @@
        "collapse": "Replega",
        "conversation": "Conversa",
        "error": "Error carregant la línia de temps: {0}",
-        "follow_tag": "Segueix l'etiqueta",
        "load_older": "Carrega apunts anteriors",
        "no_more_statuses": "No hi ha més apunts",
        "no_retweet_hint": "L'apunt és només per a seguidors o és \"directe\" i no es pot repetir o citar",
@ -1064,7 +1017,6 @@
        "show_new": "Mostra els nous",
        "socket_broke": "Connexió a temps real perduda: codi CloseEvent {0}",
        "socket_reconnected": "Connexió a temps real establerta",
-        "unfollow_tag": "Deixa de seguir l'etiqueta",
        "up_to_date": "Actualitzat"
    },
    "toast": {
@ -1129,7 +1081,6 @@
        "block_confirm_title": "Bloqueja l'usuari",
        "block_progress": "Bloquejant…",
        "blocked": "Bloquejat!",
-        "blocks_you": "Et té bloquejadi!",
        "bot": "Bot",
        "deactivated": "Desactivat",
        "deny": "Denega",
@ -1144,10 +1095,7 @@
        "follow_cancel": "Cancel·la la sol·licitud",
        "follow_progress": "Sol·licitant…",
        "follow_sent": "Petició enviada!",
-        "follow_tag": "Segueix l'etiqueta",
        "follow_unfollow": "Deixa de seguir",
-        "followed_tags": "Etiquetes que segueixes",
-        "followed_users": "Usuaris que segueixes",
        "followees": "Seguint",
        "followers": "Seguidors",
        "following": "Seguint!",
@ -1172,14 +1120,12 @@
        "mute_domain": "Bloqueja el domini",
        "mute_progress": "Silenciant…",
        "muted": "Silenciat",
-        "not_following_any_hashtags": "No estàs seguint cap etiqueta",
        "note": "Nota privada",
        "per_day": "per dia",
        "remote_follow": "Seguiment remot",
        "remove_follower": "Esborra seguidor",
        "replies": "Amb respostes",
        "report": "Informa",
-        "requested_by": "Et vol seguir",
        "show_repeats": "Mostra les repeticions",
        "statuses": "Apunts",
        "subscribe": "Subscriu-te",
@ -1189,13 +1135,11 @@
        "unfollow_confirm_accept_button": "Sí, deixa'l de seguir",
        "unfollow_confirm_cancel_button": "No, no el deixis de seguir",
        "unfollow_confirm_title": "Deixa de seguir l'usuari",
-        "unfollow_tag": "Deixa de seguir l'etiqueta",
        "unmute": "Deixa de silenciar",
        "unmute_progress": "Deixant de silenciar…",
        "unsubscribe": "Anul·la la subscripció"
    },
    "user_profile": {
-        "field_validated": "Enllaç verificat",
        "profile_does_not_exist": "Disculpes, aquest perfil no existeix.",
        "profile_loading_error": "Disculpes, hi ha hagut un error carregant aquest perfil.",
        "timeline_title": "Línia de temps del usuari"
--- a/Show more
+++ b/Show more
Author	SHA1	Message	Date
Ruby Iris Juric	1a17c08c4e	Fix link for frontend	2024-09-25 11:54:06 +10:00
Ruby Iris Juric	682eed8ce6	Modify links in version tab for AGPL compliance	2024-09-25 11:49:11 +10:00
Ruby Iris Juric	77bd94519e	Hide "Public timeline" when local timeline is disabled in Akkoma	2024-09-22 23:35:02 +10:00
FloatingGhost	7cc6c35654	Merge branch 'develop' into stable All checks were successful ci/woodpecker/tag/woodpecker Pipeline was successful Details ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-02-24 13:55:57 +00:00
FloatingGhost	228679e49e	2024.02 release	2024-02-24 13:55:10 +00:00
Weblate	d610a46c32	Merge branch 'origin/develop' into Weblate. All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-02-20 16:24:40 +00:00
Weblate	0925763267	Merge branch 'origin/develop' into Weblate. All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-02-20 16:20:18 +00:00
Weblate	e292af4211	Merge branch 'origin/develop' into Weblate. All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-02-19 14:04:37 +00:00
Weblate	4e7d5d3a08	Translated using Weblate (Vietnamese) All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details Currently translated at 92.2% (965 of 1046 strings) Translated using Weblate (Vietnamese) Currently translated at 92.2% (965 of 1046 strings) Translated using Weblate (Vietnamese) Currently translated at 84.3% (882 of 1046 strings) Translated using Weblate (Vietnamese) Currently translated at 84.3% (882 of 1046 strings) Translated using Weblate (Vietnamese) Currently translated at 79.8% (835 of 1046 strings) Translated using Weblate (Vietnamese) Currently translated at 79.8% (835 of 1046 strings) Co-authored-by: Nguyễn Gia Phong <cnx@loang.net> Co-authored-by: Weblate <noreply@weblate.org> Co-authored-by: xarvos <huyngo@disroot.org> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/vi/ Translation: Pleroma fe/pleroma-fe	2024-02-15 17:32:33 +00:00
Weblate	f2d0c4c7d5	Translated using Weblate (Japanese) Currently translated at 0.2% (3 of 1046 strings) Added translation using Weblate (Japanese) Co-authored-by: Nakaya <s_fpfb_sub-second@yahoo.co.jp> Co-authored-by: Weblate <noreply@weblate.org> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/ja/ Translation: Pleroma fe/pleroma-fe	2024-02-15 17:32:33 +00:00
Weblate	02a6591f20	Translated using Weblate (Greek) Currently translated at 15.9% (167 of 1046 strings) Co-authored-by: Weblate <noreply@weblate.org> Co-authored-by: getimiskon <getimiskon@disroot.org> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/el/ Translation: Pleroma fe/pleroma-fe	2024-02-15 17:32:33 +00:00
Weblate	94c70f8914	Merge branch 'origin/develop' into Weblate. Translated using Weblate (Chinese (Simplified)) Currently translated at 100.0% (1046 of 1046 strings) Co-authored-by: Poesty Li <poesty7450@gmail.com> Co-authored-by: Weblate <noreply@weblate.org> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/zh_Hans/ Translation: Pleroma fe/pleroma-fe	2024-02-15 17:32:33 +00:00
Weblate	3ba8c90e1e	Translated using Weblate (Russian) Currently translated at 68.7% (719 of 1046 strings) Co-authored-by: Mel <hi@mel.gg> Co-authored-by: Weblate <noreply@weblate.org> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/ru/ Translation: Pleroma fe/pleroma-fe	2024-02-15 17:32:33 +00:00
Weblate	83db80f88c	Translated using Weblate (Polish) Currently translated at 100.0% (1046 of 1046 strings) Translated using Weblate (Polish) Currently translated at 100.0% (1046 of 1046 strings) Co-authored-by: Weblate <noreply@weblate.org> Co-authored-by: subtype <subtype@hollow.capital> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/pl/ Translation: Pleroma fe/pleroma-fe	2024-02-15 17:32:32 +00:00
Weblate	1489d92997	Translated using Weblate (Japanese (ja_EASY)) Currently translated at 72.3% (757 of 1046 strings) Co-authored-by: Weblate <noreply@weblate.org> Co-authored-by: kazari <6c577a54-aac9-482a-955e-745c858445e3@simplelogin.com> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/ja_EASY/ Translation: Pleroma fe/pleroma-fe	2024-02-15 17:32:32 +00:00
Weblate	db5c9572dc	Translated using Weblate (Italian) Currently translated at 80.4% (841 of 1045 strings) Translated using Weblate (Italian) Currently translated at 65.3% (683 of 1045 strings) Co-authored-by: Cuche <cuche@mailbox.org> Co-authored-by: Weblate <noreply@weblate.org> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/it/ Translation: Pleroma fe/pleroma-fe	2024-02-15 17:32:32 +00:00
Weblate	5bb53c8b0d	Translated using Weblate (Spanish) Currently translated at 93.9% (983 of 1046 strings) Translated using Weblate (Spanish) Currently translated at 92.5% (967 of 1045 strings) Co-authored-by: Weblate <noreply@weblate.org> Co-authored-by: taretka <info@tarteka.net> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/es/ Translation: Pleroma fe/pleroma-fe	2024-02-15 17:32:32 +00:00
Weblate	665f88f5c7	Translated using Weblate (Indonesian) Currently translated at 71.9% (753 of 1046 strings) Co-authored-by: Aldiantoro Nugroho <kriwil@gmail.com> Co-authored-by: Weblate <noreply@weblate.org> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/id/ Translation: Pleroma fe/pleroma-fe	2024-02-15 17:32:32 +00:00
FloatingGhost	e7a558a533	Merge branch 'develop' into stable All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2023-08-05 14:17:53 +01:00
FloatingGhost	5106fcedd6	Merge branch 'develop' into stable Some checks failed ci/woodpecker/tag/woodpecker Pipeline was successful Details ci/woodpecker/push/woodpecker Pipeline failed Details	2023-08-05 13:29:55 +01:00
FloatingGhost	1db322bae6	Merge branch 'develop' into stable	2023-08-05 13:29:26 +01:00
FloatingGhost	e530c2b462	Merge branch 'develop' into stable All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2023-05-23 14:10:31 +01:00
FloatingGhost	9aa64d82c9	Merge branch 'develop' into stable All checks were successful ci/woodpecker/tag/woodpecker Pipeline was successful Details ci/woodpecker/push/woodpecker Pipeline was successful Details	2023-04-14 18:10:41 +01:00
FloatingGhost	85abc62213	Merge branch 'develop' into stable All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details ci/woodpecker/tag/woodpecker Pipeline was successful Details	2023-03-11 17:27:22 +00:00
FloatingGhost	8569b5946e	Merge branch 'develop' into stable All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2023-02-11 10:50:04 +00:00
FloatingGhost	9c9b4cc07c	Merge branch 'develop' into stable All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2022-12-10 14:52:00 +00:00
floatingghost	2c9b73646c	Merge pull request 'hotfix: mfm mysteries' (#215 ) from develop into stable All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details Reviewed-on: AkkomaGang/pleroma-fe#215	2022-11-15 16:01:07 +00:00
floatingghost	80a519d7e4	Merge pull request 'hotfix: translation' (#207 ) from develop into stable All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details Reviewed-on: AkkomaGang/pleroma-fe#207	2022-11-12 19:08:20 +00:00
floatingghost	975f04bf5a	Merge pull request '2022.11 stable release' (#202 ) from develop into stable All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details Reviewed-on: AkkomaGang/pleroma-fe#202	2022-11-12 15:33:57 +00:00
floatingghost	c8c8d40827	Merge pull request '2022.10 stable' (#177 ) from develop into stable All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details Reviewed-on: AkkomaGang/pleroma-fe#177	2022-10-08 11:13:01 +00:00
floatingghost	d7499a1f91	Merge pull request '2022.09 stable' (#160 ) from develop into stable All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details Reviewed-on: AkkomaGang/pleroma-fe#160	2022-09-10 14:39:13 +00:00
floatingghost	5972d89117	Merge pull request 'stable release' (#130 ) from develop into stable All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details Reviewed-on: AkkomaGang/pleroma-fe#130	2022-08-12 15:26:51 +00:00
floatingghost	d03872d598	Merge pull request 'port MFM link into stable docs' (#38 ) from develop into stable All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details Reviewed-on: AkkomaGang/pleroma-fe#38	2022-07-15 13:02:06 +00:00