Merge branch 'develop' of https://akkoma.dev/AkkomaGang/akkoma-fe into develop

Do not try to destructure when we don't need to
Merge pull request 'status component: Fix repeater name overflowing' (#383 ) from yukijoou/akkoma-fe:fix-status-usernames into develop
2024-08-03 18:43:26 -05:00 · 2024-06-27 02:58:52 +01:00 · 2024-06-25 21:34:15 +00:00 · 2024-06-23 03:03:40 +01:00 · 2024-06-23 03:03:11 +01:00 · 2024-06-23 03:02:45 +01:00
128 changed files with 8020 additions and 5783 deletions
--- a/.eslintignore
+++ b/.eslintignore
@ -1,2 +0,0 @@
-build/*.js
-config/*.js
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -1,30 +0,0 @@
-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/.tool-versions
+++ b/.tool-versions
@ -0,0 +1 @@
+nodejs 20.12.2
--- a/.woodpecker.yml
+++ b/.woodpecker.yml
@ -1,24 +1,25 @@
-platform: linux/amd64
-pipeline:
+labels:
+  platform: linux/amd64
+
+steps:
  lint:
    when:
      event:
      - pull_request
-    image: node:18
+    image: node:20
    commands:
    - yarn
    - yarn lint
-    #- yarn stylelint

  test:
    when:
      event:
      - pull_request
-    image: node:18
+    image: node:20
    commands:
    - apt update
    - apt install firefox-esr -y --no-install-recommends
-    - yarn 
+    - yarn
    - yarn unit

  build:
@ -28,7 +29,7 @@ pipeline:
      branch:
      - develop
      - stable
-    image: node:18
+    image: node:20
    commands:
    - yarn
    - yarn build
@ -40,15 +41,15 @@ pipeline:
      branch:
      - develop
      - stable
-    image: node:18
+    image: node:20
    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.5.1/scaleway-cli_2.5.1_linux_amd64
-      - mv scaleway-cli_2.5.1_linux_amd64 scaleway-cli
+      - 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
      - chmod +x scaleway-cli
      - ./scaleway-cli object config install type=rclone
      - zip akkoma-fe.zip -r dist
@ -70,8 +71,8 @@ pipeline:
    - 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.5.1/scaleway-cli_2.5.1_linux_amd64
-    - mv scaleway-cli_2.5.1_linux_amd64 scaleway-cli
+    - 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
    - chmod +x scaleway-cli
    - ./scaleway-cli object config install type=rclone
    - cd docs
@ -79,4 +80,4 @@ pipeline:
    - mkdocs build
    - zip -r docs.zip site/*
    - cd site
-    - rclone copy . scaleway:akkoma-docs/frontend/$CI_COMMIT_BRANCH/
+    - rclone copy . scaleway:akkoma-docs/frontend/$CI_COMMIT_BRANCH/ 
--- 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 ora = require('ora')
-var webpack = require('webpack')
-var webpackConfig = require('./webpack.prod.conf')
+var path = require("path");
+var config = require("../config");
+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 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)
+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) {
-  spinner.stop()
-  if (err) throw err
-  process.stdout.write(stats.toString({
-    colors: true,
-    modules: false,
-    children: false,
-    chunks: false,
-    chunkModules: false
-  }) + '\n')
-})
+  if (err) throw err;
+  process.stdout.write(
+    stats.toString({
+      colors: true,
+      modules: false,
+      children: false,
+      chunks: false,
+      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')
-var proxyMiddleware = require('http-proxy-middleware')
+const { createProxyMiddleware } = require('http-proxy-middleware');
 var webpackConfig = process.env.NODE_ENV === 'testing'
  ? require('./webpack.prod.conf')
  : require('./webpack.dev.conf')
@ -36,7 +36,13 @@ Object.keys(proxyTable).forEach(function (context) {
  if (typeof options === 'string') {
    options = { target: options }
  }
-  app.use(proxyMiddleware(context, 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))
 })

 // handle fallback for HTML5 history API
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@ -3,6 +3,7 @@ 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
@ -35,6 +36,7 @@ module.exports = {
    ],
    fallback: {
      "url": require.resolve("url/"),
+      querystring: require.resolve("querystring-es3")
    },
    alias: {
      'static': path.resolve(__dirname, '../static'),
@ -47,20 +49,6 @@ 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
@ -118,6 +106,9 @@ module.exports = {
    ]
  },
  plugins: [
-    new VueLoaderPlugin()
+    new VueLoaderPlugin(),
+    new ESLintPlugin({
+      configType: 'flat'
+    })
  ]
 }
--- a/config/test.env.js
+++ b/config/test.env.js
@ -2,5 +2,4 @@ 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
@ -0,0 +1,31 @@
+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
@ -12,120 +12,118 @@
    "e2e": "node test/e2e/runner.js",
    "test": "npm run unit && npm run e2e",
    "stylelint": "stylelint src/**/*.scss",
-    "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"
+    "lint": "eslint src test/unit/specs test/e2e/specs",
+    "lint-fix": "eslint --fix 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": "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",
+    "@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",
    "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.6.2",
-    "punycode.js": "2.1.0",
-    "qrcode": "1",
-    "url": "^0.11.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.2.31",
    "vue-i18n": "^9.2.2",
-    "vue-router": "4.0.14",
-    "vue-template-compiler": "2.6.11",
-    "vuex": "4.0.2"
+    "vue-router": "^4.3.2",
+    "vue-template-compiler": "^2.7.16",
+    "vuex": "^4.1.0"
  },
  "devDependencies": {
-    "@babel/core": "7.17.8",
+    "@babel/core": "^7.24.6",
    "@babel/eslint-parser": "^7.19.1",
-    "@babel/plugin-transform-runtime": "7.17.0",
-    "@babel/preset-env": "7.16.11",
-    "@babel/register": "7.17.7",
+    "@babel/plugin-transform-runtime": "^7.24.6",
+    "@babel/preset-env": "^7.24.6",
+    "@babel/register": "^7.24.6",
    "@intlify/vue-i18n-loader": "^5.0.0",
-    "@ungap/event-target": "0.2.3",
-    "@vue/babel-helper-vue-jsx-merge-props": "1.2.1",
-    "@vue/babel-plugin-jsx": "1.1.1",
+    "@ungap/event-target": "^0.2.4",
+    "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
+    "@vue/babel-plugin-jsx": "^1.2.2",
    "@vue/compiler-sfc": "^3.1.0",
    "@vue/test-utils": "^2.0.2",
-    "autoprefixer": "6.7.7",
+    "autoprefixer": "^10.4.19",
    "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": "^107.0.3",
+    "chalk": "^1.1.3",
+    "chromedriver": "^119.0.1",
    "connect-history-api-fallback": "^2.0.0",
    "cross-spawn": "^7.0.3",
-    "css-loader": "^6.7.2",
+    "css-loader": "^7.1.2",
    "custom-event-polyfill": "^1.0.7",
-    "eslint": "^7.32.0",
-    "eslint-config-standard": "^17.0.0",
+    "eslint": "^9.3.0",
+    "eslint-config-standard": "^17.1.0",
    "eslint-friendly-formatter": "^4.0.1",
-    "eslint-loader": "^4.0.2",
-    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-import": "^2.29.1",
    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-promise": "^6.2.0",
    "eslint-plugin-standard": "^5.0.0",
-    "eslint-plugin-vue": "^9.7.0",
-    "eventsource-polyfill": "0.9.6",
-    "express": "4.17.3",
+    "eslint-plugin-vue": "^9.26.0",
+    "eslint-webpack-plugin": "^4.2.0",
+    "eventsource-polyfill": "^0.9.6",
+    "express": "^4.19.2",
    "file-loader": "^6.2.0",
-    "function-bind": "1.1.1",
+    "function-bind": "^1.1.2",
    "html-webpack-plugin": "^5.5.0",
-    "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",
+    "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",
    "karma-webpack": "^5.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",
+    "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",
    "postcss-html": "^1.5.0",
-    "postcss-loader": "3.0.0",
+    "postcss-loader": "^8.1.1",
    "postcss-sass": "^0.5.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",
+    "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",
    "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.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"
+    "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"
  },
  "engines": {
    "node": ">= 16.0.0",
--- a/src/App.js
+++ b/src/App.js
@ -64,6 +64,11 @@ export default {
        '-' + this.layoutType
      ]
    },
+    pageBackground () {
+      return this.mergedConfig.displayPageBackgrounds
+        ? this.$store.state.users.displayBackground
+        : null
+    },
    currentUser () { return this.$store.state.users.currentUser },
    userBackground () { return this.currentUser.background_image },
    instanceBackground () {
@ -71,7 +76,7 @@ export default {
        ? null
        : this.$store.state.instance.background
    },
-    background () { return this.userBackground || this.instanceBackground },
+    background () { return this.pageBackground || this.userBackground || this.instanceBackground },
    bgStyle () {
      if (this.background) {
        return {
--- 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 v-slot:content>
+      <template #content>
        <div class="dropdown-menu">
          <template v-if="relationship.following">
            <button
@ -71,7 +71,7 @@
          </button>
        </div>
      </template>
-      <template v-slot:trigger>
+      <template #trigger>
        <button class="button-unstyled ellipsis-button">
          <FAIcon
            class="icon"
@ -93,7 +93,7 @@
          keypath="user_card.block_confirm"
          tag="span"
        >
-          <template v-slot:user>
+          <template #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"
-          @playerOpened="setFlashLoaded(true)"
-          @playerClosed="setFlashLoaded(false)"
+          @player-opened="setFlashLoaded(true)"
+          @player-closed="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:modelValue="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
+      @update:model-value="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
    />
    <div class="input color-input-field">
      <input
@ -46,7 +46,6 @@
    </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'
@ -108,6 +107,7 @@ 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,6 +25,8 @@
  </dialog-modal>
 </template>

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

@ -35,5 +37,3 @@
  }
 }
 </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"
-              @toggleExpanded="toggleExpanded"
+              @toggle-expanded="toggleExpanded"
            />
            <div
              v-if="showOtherRepliesButtonBelowStatus && getReplies(status.id).length > 1"
@ -184,7 +184,7 @@
          :toggle-status-content-property="toggleStatusContentProperty"

          @goto="setHighlight"
-          @toggleExpanded="toggleExpanded"
+          @toggle-expanded="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 v-slot:progress>
+      <template #progress>
        {{ $t('domain_mute_card.unmute_progress') }}
      </template>
    </ProgressButton>
@ -19,7 +19,7 @@
      class="btn button-default"
    >
      {{ $t('domain_mute_card.mute') }}
-      <template v-slot:progress>
+      <template #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"
-    @backdropClicked="closeModal"
+    @backdrop-clicked="closeModal"
  >
    <div class="edit-form-modal-panel panel">
      <div class="panel-heading">
@ -11,10 +11,10 @@
      <PostStatusForm
        class="panel-body"
        v-bind="params"
-        @posted="closeModal"
-        :disablePolls="true"
-        :disableVisibilitySelector="true"
+        :disable-polls="true"
+        :disable-visibility-selector="true"
        :post-handler="doEditStatus"
+        @posted="closeModal"
      />
    </div>
  </Modal>
--- a/src/components/emoji_input/emoji_input.vue
+++ b/src/components/emoji_input/emoji_input.vue
@ -43,7 +43,10 @@
          :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 v-slot:content="{close}">
+    <template #content="{close}">
      <div class="dropdown-menu">
        <button
          v-if="canMute && !status.thread_muted"
@ -172,7 +172,7 @@
        </button>
      </div>
    </template>
-    <template v-slot:trigger>
+    <template #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,5 +1,8 @@
 <template>
-  <basic-user-card :user="user" v-if="show">
+  <basic-user-card
+    v-if="show"
+    :user="user"
+  >
    <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)"
-            @setMedia="onMedia"
-            @naturalSizeLoad="onNaturalSizeLoad"
+            @set-media="onMedia"
+            @natural-size-load="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,6 +42,7 @@ 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"
-    @backdropClicked="hideIfNotSwiped"
+    @backdrop-clicked="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) => { // eslint-disable-line handle-callback-err
+        }, (error) => {  
          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/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') + ' ' + this.account.screen_name }}</h4>
+      <h4>{{ $t('moderation.reports.report') + ' ' + account.screen_name }}</h4>
      <button
        v-if="isOpen"
        class="button-default"
@ -24,7 +24,7 @@
        class="button-default"
        @click.stop="updateReportState('open')"
      >
-          {{ $t('moderation.reports.reopen') }}
+        {{ $t('moderation.reports.reopen') }}
      </button>
    </div>
    <div
@ -35,7 +35,10 @@
        <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">
@ -43,12 +46,12 @@
            class="small-avatar"
            :user="actor"
          />
-          {{ this.actor.screen_name }}
+          {{ 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"
@ -74,8 +77,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"
@ -99,9 +102,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
@ -134,7 +137,7 @@
        :offset="{ y: 5 }"
        remove-padding
      >
-        <template v-slot:trigger>
+        <template #trigger>
          <button
            class="btn button-default"
            :disabled="!tagPolicyEnabled"
@ -147,7 +150,7 @@
            />
          </button>
        </template>
-        <template v-slot:content="{close}">
+        <template #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"
        />
-        {{ this.user.screen_name }}
+        {{ user.screen_name }}
      </div>
      <div class="header-right">
        <Timeago
--- a/src/components/modal/modal.vue
+++ b/src/components/modal/modal.vue
@ -22,6 +22,9 @@ 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 v-slot:content>
+      <template #content>
        <div class="dropdown-menu">
          <span v-if="user.is_local">
            <button
@ -122,7 +122,7 @@
          </span>
        </div>
      </template>
-      <template v-slot:trigger>
+      <template #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 v-slot:header>
+        <template #header>
          {{ $t('user_card.admin_menu.delete_user') }}
        </template>
        <p>{{ $t('user_card.admin_menu.delete_user_confirmation') }}</p>
-        <template v-slot:footer>
+        <template #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,6 +6,7 @@ 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'
@ -50,7 +51,8 @@ const Notification = {
    Timeago,
    Status,
    RichContent,
-    ConfirmModal
+    ConfirmModal,
+    StillImage
  },
  methods: {
    toggleUserExpanded () {
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@ -116,12 +116,13 @@
                  scope="global"
                  keypath="notifications.reacted_with"
                >
-                  <img
+                  <still-image
                    v-if="notification.emoji_url !== null"
                    class="notification-reaction-emoji"
                    :src="notification.emoji_url"
-                    :name="notification.emoji"
-                  >
+                    :title="notification.emoji"
+                    :alt="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 v-slot:content>
+    <template #content>
      <div class="dropdown-menu">
        <button
          class="button-default dropdown-item"
@ -72,7 +72,7 @@
        </button>
      </div>
    </template>
-    <template v-slot:trigger>
+    <template #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:modelValue="$emit('update:modelValue', !present ? fallback : undefined)"
+      @update:model-value="$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,7 +2,6 @@
  <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,11 +9,12 @@ 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 {
@ -62,6 +63,13 @@ 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',
@ -129,6 +137,13 @@ const PostStatusForm = {
      this.$refs.textarea.focus()
    }
  },
+  setup() {
+    const {postLanguageOptions} = usePostLanguageOptions()
+
+    return {
+      postLanguageOptions,
+    }
+  },
  data () {
    const preset = this.$route.query.message
    let statusText = preset || ''
@ -138,7 +153,8 @@ const PostStatusForm = {
      statusText = buildMentionsString({ user: this.repliedUser, attentions: this.attentions }, currentUser)
    }

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

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

@ -164,7 +180,7 @@ const PostStatusForm = {
        poll: this.statusPoll || {},
        mediaDescriptions: this.statusMediaDescriptions || {},
        visibility: this.statusScope || this.suggestedVisibility(),
-        language: this.statusLanguage || interfaceLanguage,
+        language: this.statusLanguage || postLanguage,
        contentType: statusContentType
      }
    }
@ -309,9 +325,6 @@ 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
@ -74,8 +74,8 @@
          <p>{{ $t('post_status.edit_unsupported_warning') }}</p>
        </div>
        <EmojiInput
-          ref="subject-emoji-input"
          v-if="subjectVisible"
+          ref="subject-emoji-input"
          v-model="newStatus.spoilerText"
          enable-emoji-picker
          hide-emoji-button
@ -126,7 +126,7 @@
            cols="1"
            :disabled="posting && !optimisticPosting"
            class="form-post-body"
-            :class="{ 'scrollable-form': !!maxHeight }"
+            :class="{ 'scrollable-form': !!maxHeight, '-has-subject': subjectVisible }"
            @keydown.exact.enter="submitOnEnter && postStatus($event, newStatus)"
            @keydown.meta.enter="postStatus($event, newStatus)"
            @keydown.ctrl.enter="!submitOnEnter && postStatus($event, newStatus)"
@ -146,6 +146,7 @@
        <div
          v-if="!disableScopeSelector"
          class="visibility-tray"
+          :class="{ 'visibility-tray-edit': isEdit }"
        >
          <scope-selector
            v-if="!disableVisibilitySelector"
@ -156,47 +157,50 @@
          />

          <div
-            class="language-selector"
-            >
-            <Select
-              id="post-language"
-              v-model="newStatus.language"
-              class="form-control"
-            >
-              <option
-                v-for="language in isoLanguages"
-                :key="language"
-                :value="language"
+            class="format-selector-container">
+            <div
+              class="format-selector"
              >
-                {{ language }}
-              </option>
-            </Select>
-          </div>
-          <div
-            v-if="postFormats.length > 1"
-            class="text-format"
-          >
-            <Select
-              id="post-content-type"
-              v-model="newStatus.contentType"
-              class="form-control"
-            >
-              <option
-                v-for="postFormat in postFormats"
-                :key="postFormat"
-                :value="postFormat"
+              <Select
+                id="post-language"
+                v-model="newStatus.language"
+                class="form-control"
              >
-                {{ $t(`post_status.content_type["${postFormat}"]`) }}
-              </option>
-            </Select>
-          </div>
-          <div
-            v-if="postFormats.length === 1 && postFormats[0] !== 'text/plain'"
-            class="text-format"
-          >
-            <span class="only-format">
-              {{ $t(`post_status.content_type["${postFormats[0]}"]`) }}
-            </span>
+                <option
+                  v-for="language in postLanguageOptions"
+                  :key="language.key"
+                  :value="language.value"
+                >
+                  {{ language.label }}
+                </option>
+              </Select>
+            </div>
+            <div
+              v-if="postFormats.length > 1"
+              class="text-format format-selector"
+            >
+              <Select
+                id="post-content-type"
+                v-model="newStatus.contentType"
+                class="form-control"
+              >
+                <option
+                  v-for="postFormat in postFormats"
+                  :key="postFormat"
+                  :value="postFormat"
+                >
+                  {{ $t(`post_status.content_type["${postFormat}"]`) }}
+                </option>
+              </Select>
+            </div>
+            <div
+              v-if="postFormats.length === 1 && postFormats[0] !== 'text/plain'"
+              class="text-format format-selector"
+            >
+              <span class="only-format">
+                {{ $t(`post_status.content_type["${postFormats[0]}"]`) }}
+              </span>
+            </div>
          </div>
        </div>
      </div>
@ -416,6 +420,10 @@
    align-items: baseline;
  }

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

+  .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;
@ -526,6 +540,11 @@
    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
@ -538,6 +557,11 @@
    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"
-    @backdropClicked="closeModal"
+    @backdrop-clicked="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 v-slot:content="{close}">
+    <template #content="{close}">
      <EmojiPicker
        :enable-sticker-picker="false"
        @emoji="addReaction($event, close)"
      />
    </template>
-    <template v-slot:trigger>
+    <template #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 v-slot:item="{item}">
+      <template #item="{item}">
        <div
          class="selectable-list-item-inner"
          :class="{ 'selectable-list-item-selected-inner': isSelected(item) }"
@ -41,7 +41,7 @@
          />
        </div>
      </template>
-      <template v-slot:empty>
+      <template #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:modelValue="update"
+      @update:model-value="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:modelValue="update"
+      @update:model-value="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 v-slot:trigger>
+      <template #trigger>
        &nbsp;
        <FAIcon
          icon="wrench"
          :aria-label="$t('settings.setting_changed')"
        />
      </template>
-      <template v-slot:content>
+      <template #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 v-slot:trigger>
+      <template #trigger>
        &nbsp;
        <FAIcon
          icon="server"
          :aria-label="$t('settings.setting_server_side')"
        />
      </template>
-      <template v-slot:content>
+      <template #content>
        <div class="serverside-tooltip">
          {{ $t('settings.setting_server_side') }}
        </div>
--- 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:modelValue="expertLevel = Number($event)"
+          @update:model-value="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,6 +4,7 @@ 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'
@ -17,6 +18,11 @@ library.add(
 )

 const GeneralTab = {
+  setup() {
+    const {postLanguageOptions} = usePostLanguageOptions()
+
+    return {postLanguageOptions}
+  },
  data () {
    return {
      subjectLineOptions: ['email', 'noop', 'masto'].map(mode => ({
@ -117,6 +123,12 @@ 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,7 +44,6 @@
          <template
            v-if="profilesExpanded"
          >
-
            <div
              v-for="profile in settingsProfiles"
              :key="profile.id"
@ -73,15 +72,24 @@
                </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 v-model="newProfileName" id="settings-profile-new-name">
+            <input
+              id="settings-profile-new-name"
+              v-model="newProfileName"
+            >
            <button
              class="btn button-default"
              @click="createSettingsProfile"
@ -146,6 +154,11 @@
            {{ $t('settings.show_wider_shortcuts') }}
          </BooleanSetting>
        </li>
+        <li>
+          <BooleanSetting path="displayPageBackgrounds">
+            {{ $t('settings.show_page_backgrounds') }}
+          </BooleanSetting>
+        </li>
        <li>
          <BooleanSetting path="stopGifs">
            {{ $t('settings.stop_gifs') }}
@ -580,6 +593,15 @@
            {{ $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 v-slot="row">
+          <template #default="row">
            <BlockCard
              :user-id="row.item"
            />
@ -21,7 +21,7 @@
        :refresh="true"
        :get-key="i => i"
      >
-        <template v-slot:header="{selected}">
+        <template #header="{selected}">
          <div class="bulk-actions">
            <ProgressButton
              v-if="selected.length > 0"
@ -29,7 +29,7 @@
              :click="() => blockUsers(selected)"
            >
              {{ $t('user_card.block') }}
-              <template v-slot:progress>
+              <template #progress>
                {{ $t('user_card.block_progress') }}
              </template>
            </ProgressButton>
@ -39,16 +39,16 @@
              :click="() => unblockUsers(selected)"
            >
              {{ $t('user_card.unblock') }}
-              <template v-slot:progress>
+              <template #progress>
                {{ $t('user_card.unblock_progress') }}
              </template>
            </ProgressButton>
          </div>
        </template>
-        <template v-slot:item="{item}">
+        <template #item="{item}">
          <BlockCard :user-id="item" />
        </template>
-        <template v-slot:empty>
+        <template #empty>
          {{ $t('settings.no_blocks') }}
        </template>
      </BlockList>
@ -63,7 +63,7 @@
              :query="queryUserIds"
              :placeholder="$t('settings.search_user_to_mute')"
            >
-              <template v-slot="row">
+              <template #default="row">
                <MuteCard
                  :user-id="row.item"
                />
@ -74,7 +74,7 @@
            :refresh="true"
            :get-key="i => i"
          >
-            <template v-slot:header="{selected}">
+            <template #header="{selected}">
              <div class="bulk-actions">
                <ProgressButton
                  v-if="selected.length > 0"
@ -82,7 +82,7 @@
                  :click="() => muteUsers(selected)"
                >
                  {{ $t('user_card.mute') }}
-                  <template v-slot:progress>
+                  <template #progress>
                    {{ $t('user_card.mute_progress') }}
                  </template>
                </ProgressButton>
@ -92,16 +92,16 @@
                  :click="() => unmuteUsers(selected)"
                >
                  {{ $t('user_card.unmute') }}
-                  <template v-slot:progress>
+                  <template #progress>
                    {{ $t('user_card.unmute_progress') }}
                  </template>
                </ProgressButton>
              </div>
            </template>
-            <template v-slot:item="{item}">
+            <template #item="{item}">
              <MuteCard :user-id="item" />
            </template>
-            <template v-slot:empty>
+            <template #empty>
              {{ $t('settings.no_mutes') }}
            </template>
          </MuteList>
@ -114,7 +114,7 @@
              :query="queryKnownDomains"
              :placeholder="$t('settings.type_domains_to_mute')"
            >
-              <template v-slot="row">
+              <template #default="row">
                <DomainMuteCard
                  :domain="row.item"
                />
@ -125,7 +125,7 @@
            :refresh="true"
            :get-key="i => i"
          >
-            <template v-slot:header="{selected}">
+            <template #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 v-slot:progress>
+                  <template #progress>
                    {{ $t('domain_mute_card.unmute_progress') }}
                  </template>
                </ProgressButton>
              </div>
            </template>
-            <template v-slot:item="{item}">
+            <template #item="{item}">
              <DomainMuteCard :domain="item" />
            </template>
-            <template v-slot:empty>
+            <template #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
@ -33,6 +33,7 @@ const ProfileTab = {
      newName: this.$store.state.users.currentUser.name_unescaped,
      newBio: unescape(this.$store.state.users.currentUser.description),
      newLocked: this.$store.state.users.currentUser.locked,
+      newPermitFollowback: this.$store.state.users.currentUser.permit_followback,
      newFields: this.$store.state.users.currentUser.fields.map(field => ({ name: field.name, value: field.value })),
      showRole: this.$store.state.users.currentUser.show_role,
      role: this.$store.state.users.currentUser.role,
@ -129,14 +130,15 @@ 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,
        show_role: this.showRole,
        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) {
@ -185,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,11 +110,9 @@
          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')"
@ -259,6 +257,19 @@
          <BooleanSetting path="serverSide_locked">
            {{ $t('settings.lock_account_description') }}
          </BooleanSetting>
+          <ul
+            class="setting-list suboptions"
+            :class="[{disabled: !serverSide_locked}]"
+          >
+            <li>
+              <BooleanSetting
+                path="serverSide_permitFollowback"
+                :disabled="!serverSide_locked"
+              >
+                {{ $t('settings.permit_followback_description') }}
+              </BooleanSetting>
+            </li>
+          </ul>
        </li>
        <li>
          <BooleanSetting path="serverSide_discoverable">
--- 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,6 +266,16 @@
      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">
-          <span
+          <div
            class="status-username repeater-name"
            :title="retweeter"
          >
@ -100,14 +100,19 @@
              v-else
              :to="retweeterProfileLink"
            >{{ retweeter }}</router-link>
-          </span>
+          </div>
          {{ ' ' }}
-          <FAIcon
-            icon="retweet"
-            class="repeat-icon"
-            :title="$t('tool_tip.repeat')"
-          />
-          {{ $t('timeline.repeated') }}
+
+          <div
+            class="repeat-tooltip"
+          >
+             <FAIcon
+               icon="retweet"
+               class="repeat-icon"
+               :title="$t('tool_tip.repeat')"
+             />
+             {{ $t('timeline.repeated') }}
+          </div>
        </div>
      </div>

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

@ -476,8 +481,8 @@
            />
            <extra-buttons
              :status="status"
-              @onError="showError"
-              @onSuccess="clearError"
+              @on-error="showError"
+              @on-success="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"
-            @parseReady="onParseReady"
+            @parse-ready="onParseReady"
          />
          <div
            v-if="status.translation"
@ -70,7 +70,7 @@
              :mfm="renderMisskeyMarkdown && (status.media_type === 'text/x.misskeymarkdown')"
              :greentext="mergedConfig.greentext"
              :attentions="status.attentions"
-              @parseReady="onParseReady"
+              @parse-ready="onParseReady"
            />
            <div>
              <label class="label">{{ $t('status.override_translation_source_language') }}</label>
@ -89,7 +89,10 @@
                </option>
              </Select>
              {{ ' ' }}
-              <button @click="translateStatus" class="btn button-default">
+              <button
+                class="btn button-default"
+                @click="translateStatus"
+              >
                {{ $t('status.translate') }}
              </button>
            </div>
@ -138,5 +141,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"
-      @parseReady="$emit('parseReady', $event)"
+      @parse-ready="$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"
-    @backdropClicked="closeModal"
+    @backdrop-clicked="closeModal"
  >
    <div class="status-history-modal-panel panel">
      <div class="panel-heading">
@ -17,9 +17,9 @@
            v-for="status in history"
            :key="status.id"
            :statusoid="status"
-            :isPreview="true"
+            :is-preview="true"
            class="conversation-status status-fadein panel-body"
-        />
+          />
        </div>
      </div>
    </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 v-slot:trigger>
+    <template #trigger>
      <slot />
    </template>
-    <template v-slot:content>
+    <template #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,9 @@
  >
    <div
      v-if="animated && imageTypeLabel"
-      class="image-type-label">
-        {{ imageTypeLabel }}
+      class="image-type-label"
+    >
+      {{ imageTypeLabel }}
    </div>
    <canvas
      v-if="animated"
--- 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"
-      @toggleExpanded="toggleExpanded"
+      @toggle-expanded="toggleExpanded"
    />
    <div
      v-if="currentReplies.length && threadShowing"
--- a/src/components/timeline/timeline.scss
+++ b/src/components/timeline/timeline.scss
@ -28,4 +28,7 @@
      }
    }
  }
+  .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 v-slot:content>
+    <template #content>
      <div class="dropdown-menu">
        <div v-if="loggedIn">
          <button
@ -80,7 +80,7 @@
        </button>
      </div>
    </template>
-    <template v-slot:trigger>
+    <template #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 v-slot:content>
+    <template #content>
      <div class="timeline-menu-popover popover-default">
        <TimelineMenuContent />
      </div>
    </template>
-    <template v-slot:trigger>
+    <template #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,7 +62,6 @@
          :title="$t('nav.twkn_timeline_description')"
          :aria-label="$t('nav.twkn_timeline_description')"
        >{{ $t("nav.twkn") }}</span>
-
      </router-link>
    </li>
    <li v-if="currentUser">
@ -100,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_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 v-slot:trigger>
+    <template #trigger>
      <slot />
    </template>
-    <template v-slot:content>
+    <template #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.js
+++ b/src/components/user_profile/user_profile.js
@ -145,10 +145,12 @@ const UserProfile = {
      if (user) {
        loadById(user.id)
        this.note = user.relationship.note
+        this.$store.dispatch('setDisplayBackground', user.background_image)
      } else {
        this.$store.dispatch('fetchUser', userNameOrId)
-          .then(({ id, relationship }) => {
+          .then(({ id, relationship, background_image }) => {
            this.note = relationship.note
+            this.$store.dispatch('setDisplayBackground', background_image)
            return loadById(id)
          })
          .catch((reason) => {
@ -225,6 +227,9 @@ const UserProfile = {
    Conversation,
    RichContent,
    FollowedTagList
+  },
+  beforeRouteLeave(to, from) {
+    this.$store.dispatch('setDisplayBackground', null)
  }
 }

--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@ -121,8 +121,8 @@
              </FriendList>
            </div>
            <div
-              key="tags"
              v-if="isUs"
+              key="tags"
              :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"
-    @backdropClicked="closeModal"
+    @backdrop-clicked="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 v-slot:item="{item}">
+            <template #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,6 +84,7 @@
        "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"
@ -254,6 +255,10 @@
        "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ó",
@ -266,6 +271,32 @@
        "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ó",
@ -282,6 +313,7 @@
        "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",
@ -375,9 +407,12 @@
            "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",
@ -391,6 +426,8 @@
        "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": {
@ -500,6 +537,8 @@
        "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ó",
@ -641,6 +680,7 @@
        "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",
@ -709,6 +749,7 @@
        "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",
@ -884,8 +925,13 @@
        "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",
@ -1008,6 +1054,7 @@
        "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",
@ -1017,6 +1064,7 @@
        "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": {
@ -1081,6 +1129,7 @@
        "block_confirm_title": "Bloqueja l'usuari",
        "block_progress": "Bloquejant…",
        "blocked": "Bloquejat!",
+        "blocks_you": "Et té bloquejadi!",
        "bot": "Bot",
        "deactivated": "Desactivat",
        "deny": "Denega",
@ -1095,7 +1144,10 @@
        "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!",
@ -1120,12 +1172,14 @@
        "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",
@ -1135,11 +1189,13 @@
        "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/src/i18n/el.json
+++ b/src/i18n/el.json
@ -18,7 +18,8 @@
                "reason": "Λόγος",
                "simple_policies": "Πολιτικές του instance"
            }
-        }
+        },
+        "staff": "Προσωπικό"
    },
    "announcements": {
        "all_day_prompt": "Αυτό είναι ένα ολοήμερο συμβάν",
@ -27,10 +28,14 @@
        "delete_action": "Διαγραφή",
        "edit_action": "Επεξεργασία",
        "end_time_display": "Λήγει στις {time}",
+        "end_time_prompt": "Λήξη: ",
+        "inactive_message": "Αυτή η ανακοίνωση είναι ανενεργή",
        "page_header": "Ανακοινώσεις",
+        "post_action": "Ανάρτηση",
        "title": "Ανακοίνωση"
    },
    "chats": {
+        "delete_confirm": "Θέλετε σίγουρα να διαγράψετε αυτό το μήνυμα;",
        "empty_message_error": "Δε μπορεί να σταλεί κενό μήνυμα",
        "error_sending_message": "Κάτι πήγε λάθος κατά την αποστολή του μηνύματος.",
        "message_user": "Στείλε μήνυμα στον/στην {nickname}",
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@ -601,6 +601,7 @@
        "list_aliases_error": "Error fetching aliases: {error}",
        "list_backups_error": "Error fetching backup list: {error}",
        "lock_account_description": "Restrict your account to approved followers only",
+        "permit_followback_description": "Automatically approve requests from already followed users",
        "loop_video": "Loop videos",
        "loop_video_silent_only": "Loop only videos without sound (i.e. Mastodon's \"gifs\")",
        "mascot": "Mastodon FE Mascot",
@ -683,6 +684,7 @@
        "play_videos_in_modal": "Play videos in a popup frame",
        "post_look_feel": "Posts Look & Feel",
        "post_status_content_type": "Default post content type",
+        "post_language": "Default post language",
        "posts": "Posts",
        "preload_images": "Preload images",
        "presets": "Presets",
@ -750,6 +752,7 @@
        "show_nav_shortcuts": "Show extra navigation shortcuts in top panel",
        "show_panel_nav_shortcuts": "Show timeline navigation shortcuts at the top of the panel",
        "show_scrollbars": "Show side column's scrollbars",
+        "show_page_backgrounds": "Show page-specific backgrounds, e.g. for user profiles",
        "show_wider_shortcuts": "Show wider gap between top panel shortcuts",
        "show_yous": "Show (You)s",
        "stop_gifs": "Pause animated images until you hover on them",
--- a/src/i18n/es.json
+++ b/src/i18n/es.json
@ -84,6 +84,7 @@
        "keep_open": "Mantener el selector abierto",
        "load_all": "Cargando todos los {emojiAmount} emoji",
        "load_all_hint": "Cargado el primer emoji {saneAmount}, cargar todos los emoji puede causar problemas de rendimiento.",
+        "recent": "Recientemente usado",
        "search_emoji": "Buscar un emoji",
        "stickers": "Pegatinas",
        "unicode": "Emojis unicode"
@ -302,7 +303,7 @@
        "announcements": "Anuncios",
        "back": "Volver",
        "bookmarks": "Marcadores",
-        "bubble_timeline": "Linea temporal burbuja",
+        "bubble_timeline": "Línea temporal burbuja",
        "bubble_timeline_description": "Publicaciones de instancias cercanas a la tuya, recomendadas por los/las administradores/as",
        "chats": "Chats",
        "dms": "Mensajes directos",
@ -915,13 +916,20 @@
        "token": "Token",
        "tooltipRadius": "Información/alertas",
        "translation_language": "Idioma de traducción automática",
+        "tree_advanced": "Mostrar botones extras para abrir y cerrar la cadena de réplicas en los hilos",
        "type_domains_to_mute": "Buscar dominios para silenciar",
        "upload_a_photo": "Subir una foto",
        "useStreamingApi": "Recibir publicaciones y notificaciones en tiempo real",
        "useStreamingApiWarning": "(no recomendado, experimental, puede omitir publicaciones)",
+        "use_blurhash": "Usar miniaturas borrosas para las imágenes sensibles",
        "use_contain_fit": "No recortar los adjuntos en miniaturas",
        "use_one_click_nsfw": "Abrir los adjuntos NSFW con un solo click",
+        "user_accepts_direct_messages_from": "Aceptar mensajes directos de",
+        "user_accepts_direct_messages_from_everybody": "Todos",
+        "user_accepts_direct_messages_from_nobody": "Nadie",
+        "user_accepts_direct_messages_from_people_i_follow": "Personas que sigo",
        "user_mutes": "Usuarios",
+        "user_profiles": "Perfiles de usuario",
        "user_settings": "Ajustes del Usuario",
        "valid_until": "Válido hasta",
        "values": {
@ -934,26 +942,61 @@
            "title": "Versión"
        },
        "virtual_scrolling": "Optimizar la representación de la linea temporal",
-        "word_filter": "Filtro de palabras"
+        "word_filter": "Filtro de palabras",
+        "wordfilter": "Filtro de palabras"
+    },
+    "settings_profile": {
+        "creating": "Creando un nuevo perfil de configuración \"{profile}\"...",
+        "synchronization_error": "No se pudo sincronizar la configuración: {err}",
+        "synchronized": "¡Ajustes sincronizados!",
+        "synchronizing": "Sincronizando los ajustes de perfil \"{profile}\"..."
    },
    "status": {
+        "ancestor_follow": "Vea {numReplies} respuesta en esta publicación | Ver otras {numReplies} respuestas en esta publicación",
+        "ancestor_follow_with_icon": "{icon} {text}",
+        "attachment_stop_flash": "Parar el reproductor Flash",
        "bookmark": "Marcar",
-        "copy_link": "Copiar el enlace al estado",
-        "delete": "Eliminar publicación",
-        "delete_confirm": "¿Realmente quieres borrar la publicación?",
+        "collapse_attachments": "Minimizar adjuntos",
+        "copy_link": "Copiar el enlace al mensaje",
+        "delete": "Eliminar mensaje",
+        "delete_confirm": "¿Realmente quieres borrar el mensaje?",
+        "delete_confirm_accept_button": "Sí, elimínelo",
+        "delete_confirm_cancel_button": "No, mantenerlo",
+        "delete_confirm_title": "Confirmar la eliminación",
+        "edit": "Editar",
+        "edit_history": "Editar el historial",
+        "edit_history_modal_title": "Editado {historyCount} vez | Editado {historyCount} veces",
+        "edited_at": "Editado {time}",
        "expand": "Expandir",
        "external_source": "Fuente externa",
        "favorites": "Favoritos",
+        "hide_attachment": "Ocultar adjuntos",
        "hide_content": "Ocultar el contenido",
-        "hide_full_subject": "Ocultar el tema completo",
+        "hide_full_subject": "Ocultar la advertencia de contenido",
+        "many_attachments": "El mensaje tiene {number} adjunto | El mensaje tiene {number} adjuntos",
        "mentions": "Menciones",
+        "move_down": "Desplazar adjunto a la derecha",
+        "move_up": "Desplazar adjunto a la izquierda",
        "mute_conversation": "Silenciar la conversación",
        "nsfw": "NSFW (No apropiado para el trabajo)",
+        "open_gallery": "Abrir la galería",
+        "override_translation_source_language": "Anular el idioma de origen",
        "pin": "Fijar en tu perfil",
        "pinned": "Fijado",
        "plus_more": "+{number} más",
+        "redraft": "Eliminar y volver a redactar",
+        "redraft_confirm": "¿Realmente deseas eliminar y volver a redactar esta publicación? Las interacciones con la publicación original no se conservarán.",
+        "redraft_confirm_accept_button": "Sí, eliminar y volver a redactar",
+        "redraft_confirm_cancel_button": "No, conserva el original",
+        "redraft_confirm_title": "Confirmar eliminación y volver a redactar",
+        "remove_attachment": "Quitar archivo adjunto",
+        "repeat_confirm": "¿De verdad quieres repetir esta entrada?",
+        "repeat_confirm_accept_button": "Si, repítela",
+        "repeat_confirm_cancel_button": "No, no repitas",
+        "repeat_confirm_title": "Confirmar repetir",
        "repeats": "Repetidos",
        "replies_list": "Respuestas:",
+        "replies_list_with_others": "Ver {numReplies} respuesta | Ver {numReplies} respuestas más",
        "reply_to": "Respondiendo a",
        "show_content": "Mostrar el contenido",
        "show_full_subject": "Mostrar el tema completo",
--- a/Show more
+++ b/Show more
Author	SHA1	Message	Date
Essem	25c8db8b85	Merge branch 'develop' of https://akkoma.dev/AkkomaGang/akkoma-fe into develop	2024-08-03 18:43:26 -05:00
Floatingghost	8765491399	Do not try to destructure when we don't need to	2024-06-27 02:58:52 +01:00
floatingghost	4211e05a75	Merge pull request 'status component: Fix repeater name overflowing' (#383 ) from yukijoou/akkoma-fe:fix-status-usernames into develop Reviewed-on: AkkomaGang/akkoma-fe#383	2024-06-25 21:34:15 +00:00
Floatingghost	a3251a1ba6	Merge remote-tracking branch 'origin/translations' into develop	2024-06-23 03:03:40 +01:00
Floatingghost	e5608f4009	remove ora as a dep	2024-06-23 03:03:11 +01:00
Floatingghost	1092d43802	remove nonsense dep	2024-06-23 03:02:45 +01:00
Weblate	98a3622172	Merge branch 'origin/develop' into Weblate.	2024-06-17 21:40:59 +00:00
floatingghost	24b9e350e2	Merge pull request 'added minimum space to empty timeline' (#400 ) from Riedler/akkoma-fe:empty-tl-minspace into develop Reviewed-on: AkkomaGang/akkoma-fe#400	2024-06-17 21:40:56 +00:00
Weblate	7ab4d22a4c	Merge branch 'origin/develop' into Weblate.	2024-06-17 21:40:29 +00:00
floatingghost	8489f6d5ae	Merge pull request 'visually fuse CW line and post body textarea' (#401 ) from Riedler/akkoma-fe:fuse-cw-to-post-body into develop Reviewed-on: AkkomaGang/akkoma-fe#401	2024-06-17 21:40:26 +00:00
RiedleroD	b2cab6d088	only flatten top of post body textarea if subject line is visible	2024-06-16 16:26:44 +02:00
RiedleroD	3ebaba6fa7	smushed subject line and post body together, kinda	2024-06-16 16:14:16 +02:00
RiedleroD	f1058567b9	also set min height for other lists (e.g. follow requests), not just the timeline	2024-06-16 16:12:15 +02:00
RiedleroD	49a850a1e9	added minimum space to empty timeline	2024-06-16 15:49:52 +02:00
Weblate	b2de68239f	Merge branch 'origin/develop' into Weblate.	2024-06-15 12:41:26 +00:00
floatingghost	c68595345f	Merge pull request 'ANNOYING dependency update' (#397 ) from dep-update into develop Reviewed-on: AkkomaGang/akkoma-fe#397	2024-06-15 12:41:23 +00:00
Floatingghost	a5d4b0a68c	Merge branch 'develop' into dep-update	2024-06-15 13:38:40 +01:00
Floatingghost	bd263587b2	Merge branch 'develop' into dep-update	2024-06-15 13:36:24 +01:00
Weblate	c19fb198ca	Merge branch 'origin/develop' into Weblate.	2024-06-15 12:33:42 +00:00
floatingghost	97966045cb	Merge pull request 'make status form selectors justified properly' (#398 ) from rat/akkoma-fe:status-form-selector into develop Reviewed-on: AkkomaGang/akkoma-fe#398	2024-06-15 12:33:38 +00:00
rat	aad023c8a0	make status form selectors justified properly	2024-06-10 17:20:51 -07:00
Floatingghost	c952b2335c	correct eslint plugin	2024-05-29 04:04:56 +01:00
Floatingghost	0baf31f498	correct package.json lint task	2024-05-29 04:01:29 +01:00
Floatingghost	8fa24d0c40	migrate to eslint 9 syntax	2024-05-29 03:59:37 +01:00
Floatingghost	5848c18ec8	remove unused CI file	2024-05-29 03:43:41 +01:00
Weblate	54dbead22c	Merge branch 'origin/develop' into Weblate.	2024-05-28 21:33:19 +00:00
floatingghost	3e86db24d3	Update .woodpecker.yml	2024-05-28 21:33:15 +00:00
Weblate	d8f3f5002f	Merge branch 'origin/develop' into Weblate.	2024-05-28 21:31:51 +00:00
floatingghost	7789c5def6	Update .woodpecker.yml	2024-05-28 21:31:46 +00:00
Floatingghost	a45f482c79	remove a useless log	2024-05-28 04:18:32 +01:00
Weblate	ed22c480f9	Merge branch 'origin/develop' into Weblate.	2024-05-28 03:17:19 +00:00
Floatingghost	f3934afbd8	make sure we normalise interfaceLanguage	2024-05-28 04:17:04 +01:00
Weblate	3797495e53	Merge branch 'origin/develop' into Weblate.	2024-05-28 03:15:47 +00:00
Floatingghost	0b437ab6fd	remove line left over in conflict	2024-05-28 04:15:35 +01:00
Floatingghost	a7dea2f70f	ANNOYING dependency update	2024-05-28 04:02:17 +01:00
Weblate	2c9da4a58c	Merge branch 'origin/develop' into Weblate.	2024-05-28 02:25:05 +00:00
floatingghost	8964dce609	Merge pull request 'Make animated emojis in reactions pause' (#378 ) from sarayalth/akkoma-fe:pause-animated-reaction into develop Reviewed-on: AkkomaGang/akkoma-fe#378	2024-05-28 02:25:02 +00:00
Weblate	156b036caa	Merge branch 'origin/develop' into Weblate.	2024-05-28 02:24:09 +00:00
floatingghost	1a49a1b3ac	Merge pull request 'Expand Unicode emoji map' (#385 ) from Oneric/akkoma-fe:emoji_update into develop Reviewed-on: AkkomaGang/akkoma-fe#385	2024-05-28 02:24:06 +00:00
Weblate	61d82a2a07	Merge branch 'origin/develop' into Weblate.	2024-05-28 02:22:11 +00:00
Floatingghost	1adef56603	Merge remote-tracking branch 'partizan/386-default-post-lang' into develop	2024-05-28 03:22:03 +01:00
Weblate	b9bf0f0002	Merge branch 'origin/develop' into Weblate.	2024-05-28 02:14:58 +00:00
Floatingghost	5aaa605df0	add asdf tool file	2024-05-28 03:14:50 +01:00
Weblate	7136ea80b9	Merge branch 'origin/develop' into Weblate.	2024-05-28 02:14:48 +00:00
Floatingghost	71e287d56c	update CI to v2	2024-05-28 03:14:37 +01:00
Weblate	a64cdda725	Merge branch 'origin/develop' into Weblate.	2024-05-28 02:10:18 +00:00
floatingghost	70275684bf	Merge pull request 'Fix posting for "special" interface languages' (#377 ) from Oneric/akkoma-fe:post-language-specialcodes into develop Reviewed-on: AkkomaGang/akkoma-fe#377	2024-05-28 02:10:15 +00:00
Weblate	7e7f03aece	Merge branch 'origin/develop' into Weblate.	2024-05-28 02:07:18 +00:00
floatingghost	29ff2ef455	Merge pull request 'Fix ordering of favourites timeline' (#392 ) from Oneric/akkoma-fe:favourite-ordering into develop Reviewed-on: AkkomaGang/akkoma-fe#392	2024-05-28 02:07:15 +00:00
Yuki Joou	8c49474dea	status component: Fix repeater name overflowing If someone repeating a post had a long username, their username would overflow beyond the bounds of the post. This fixes this isse by turning the bar displaying the username and repeat icon into a flexbox.	2024-05-18 01:25:15 +02:00
Oneric	62e0dd858c	Fix ordering of favourites timeline The backend returns them order by when the post was favourited; reordering them by post date jumbles everything up each addition and serves no purpose. Fixes: AkkomaGang/akkoma-fe#391	2024-05-15 18:47:47 +02:00
sarah	cc709394c5	remove unused classes on notifications	2024-05-14 18:09:21 +02:00
Serhii Tereshchenko	57beea6a0d	fix: Use label and key for options	2024-05-13 16:13:58 +03:00
Weblate	45524552a0	Translated using Weblate (Vietnamese) Currently translated at 91.9% (964 of 1048 strings) Translated using Weblate (Vietnamese) 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-04-29 14:09:37 +00:00
Weblate	ee66b69ab5	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-04-29 14:09:37 +00:00
Weblate	d42e374704	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-04-29 14:09:37 +00:00
Weblate	ce8a9d2b4a	Translated using Weblate (Chinese (Simplified)) Currently translated at 100.0% (1048 of 1048 strings) 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-04-29 14:09:37 +00:00
Weblate	d2b7ac6d8c	Translated using Weblate (Polish) Currently translated at 99.7% (1045 of 1048 strings) Translated using Weblate (Polish) Currently translated at 99.7% (1045 of 1048 strings) 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-04-29 14:09:37 +00:00
Weblate	754c72cb24	Translated using Weblate (Portuguese) Currently translated at 100.0% (1048 of 1048 strings) Co-authored-by: Jammer Lammer <akHarINlMYExpSmVPDRT@proton.me> Co-authored-by: Weblate <noreply@weblate.org> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/pt/ Translation: Pleroma fe/pleroma-fe	2024-04-29 14:09:37 +00:00
Weblate	f5bd195422	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-04-29 14:09:37 +00:00
Weblate	d49fd46554	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-04-29 14:09:37 +00:00
Weblate	9982373853	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-04-29 14:09:37 +00:00
Weblate	5206b5cf9c	Translated using Weblate (Chinese (Traditional)) Currently translated at 100.0% (1048 of 1048 strings) Translated using Weblate (Chinese (Traditional)) Currently translated at 99.2% (1040 of 1048 strings) Co-authored-by: Toot <toothpicker@users.noreply.translate.akkoma.dev> Co-authored-by: Weblate <noreply@weblate.org> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/zh_Hant/ Translation: Pleroma fe/pleroma-fe	2024-04-29 14:09:37 +00:00
Weblate	a65a06ca04	Translated using Weblate (Catalan) Currently translated at 100.0% (1048 of 1048 strings) Co-authored-by: Weblate <noreply@weblate.org> Co-authored-by: fadelkon <fadelkon@posteo.net> Translate-URL: http://translate.akkoma.dev/projects/akkoma/pleroma-fe/ca/ Translation: Pleroma fe/pleroma-fe	2024-04-29 14:09:37 +00:00
Weblate	c10b38afbc	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-04-29 14:09:37 +00:00
Weblate	009941ea2c	Translated using Weblate (Spanish) Currently translated at 93.7% (983 of 1048 strings) 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-04-29 14:09:37 +00:00
Serhii Tereshchenko	042e8c78dc	feat: Add "Default post language" option Refs #386	2024-04-20 16:07:03 +03:00
Oneric	0e07d88afa	Expand Unicode emoji map This pulls in 267 new emoji: - all 258 non-deprecated country or macro region flags (composed by two regional indicators) - all 3 regional flags currently recommended for general use (Wales, Scotland, England) - a few random ones i picked out - goose - heart on fire - heart mending - transgender flag - rainbow flag - pirate flag The new names are derived from official Unicode names with minor modifications to fit into the usual shortcode scheme and dropping the flag_ prefix from country indicators. Due to a naming conflict the old "japan" emoji U+1F5FE SILHOUETTE OF JAPAN was renamed to "japan_silhouette".	2024-04-04 21:52:33 +02:00
sarah	1f5f8665c8	make animated reactions pause unless hovered on notifications	2024-03-01 20:02:19 +01:00
Oneric	428ed70b0d	Fix posting for special interface languages Easy Japanses (ja_easy) and traditional Chinses (zh_Hant) use (custom) non-ISO codes in the interface. Because MastoAPI only accepts ISO 639 codes, the backend will return an error rendering users unable to do anything unless the post’s language was explicitly set.	2024-02-26 08:05:55 +01:00
floatingghost	ed0b403c33	Merge pull request 'Auto-approve followbacks (frontend part)' (#365 ) from Oneric/akkoma-fe:followbacks-fe into develop Reviewed-on: AkkomaGang/akkoma-fe#365	2024-02-20 16:24:37 +00:00
floatingghost	0f842b300b	Merge pull request 'Display profile background of other users' (#371 ) from Oneric/akkoma-fe:profile-backgrounds into develop Reviewed-on: AkkomaGang/akkoma-fe#371	2024-02-20 16:20:14 +00:00
floatingghost	865cb6f96a	Merge pull request 'Add Indonesian translation' (#366 ) from leap123/akkoma-fe:leap123-patch-1 into develop Reviewed-on: AkkomaGang/akkoma-fe#366	2024-02-19 14:04:34 +00:00
Oneric	050c7df2e6	Display profile background of other users And add a new frontend setting to hide other people's background.	2024-02-14 18:44:57 +01:00
Oneric	a77a9e04d9	Expose new server-side permit_followback setting Added to backend in AkkomaGang/akkoma#674	2024-02-04 22:19:14 +01:00
leap123	a57334991e	Add Indonesian translation The Indonesian translation is technically almost complete, just not added to messages.js	2024-01-19 04:27:26 +00:00