diff --git a/satellite/admin/back-office/ui/.eslintrc.js b/satellite/admin/back-office/ui/.eslintrc.js
new file mode 100644
index 000000000000..833860dfaa53
--- /dev/null
+++ b/satellite/admin/back-office/ui/.eslintrc.js
@@ -0,0 +1,108 @@
+// Copyright (C) 2023 Storj Labs, Inc.
+// See LICENSE for copying information.
+
+module.exports = {
+ root: true,
+ env: {
+ node: true,
+ },
+ extends: [
+ 'plugin:vue/recommended',
+ 'eslint:recommended',
+ '@vue/eslint-config-typescript/recommended',
+ 'plugin:import/recommended',
+ 'plugin:import/typescript',
+ ],
+ parser: 'vue-eslint-parser',
+ parserOptions: {
+ parser: '@typescript-eslint/parser',
+ sourceType: 'module',
+ ecmaVersion: 2020,
+ },
+ plugins: ['eslint-plugin-import'],
+ rules: {
+ 'linebreak-style': ['error', 'unix'],
+
+ 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+ 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+
+ 'no-tabs': 'warn',
+ 'indent': ['warn', 4],
+ 'vue/html-indent': ['warn', 4],
+
+ '@typescript-eslint/no-unused-vars': 'off',
+ '@typescript-eslint/no-empty-function': 'off',
+ '@typescript-eslint/no-var-requires': 'off',
+
+ 'no-multiple-empty-lines': ['error', { 'max': 1 }],
+
+ 'import/order': ['error', {
+ 'pathGroups': [
+ {
+ 'group': 'internal',
+ 'pattern': '@/{components,views}/**',
+ 'position': 'after',
+ },
+ {
+ 'group': 'internal',
+ 'pattern': '@/assets/**',
+ 'position': 'after',
+ },
+ ],
+ 'newlines-between': 'always',
+ }],
+ 'no-duplicate-imports': 'error',
+ 'import/default': 'off',
+ 'vue/script-setup-uses-vars': 'error',
+ 'object-curly-spacing': ['error', 'always'],
+ 'quotes': ['error', 'single', { 'allowTemplateLiterals': true }],
+ 'semi': ['error', 'always'],
+ 'keyword-spacing': ['error'],
+ 'comma-dangle': ['error', 'always-multiline'],
+ 'no-trailing-spaces': ['error'],
+ 'eqeqeq': ['error'],
+ 'comma-spacing': ['error'],
+ 'arrow-spacing': ['error'],
+ 'space-in-parens': ['error'],
+ 'space-before-blocks': ['error'],
+
+ 'vue/multi-word-component-names': ['off'],
+ 'vue/max-attributes-per-line': ['off'],
+ 'vue/singleline-html-element-content-newline': ['off'],
+
+ 'vue/block-lang': ['error', { 'script': { 'lang': 'ts' } }],
+ 'vue/html-button-has-type': ['error'],
+ 'vue/no-unused-properties': ['warn'],
+ 'vue/no-unused-refs': ['warn'],
+ 'vue/no-unused-vars': ['warn'],
+ 'vue/no-useless-v-bind': ['warn'],
+ 'vue/no-v-model-argument': ['off'],
+ 'vue/valid-v-slot': ['error', { 'allowModifiers': true }],
+
+ 'vue/no-useless-template-attributes': ['off'], // TODO: fix later
+ 'vue/no-multiple-template-root': ['off'], // it's possible to have multiple roots in template in Vue 3
+
+ 'vue/no-undef-components': ['warn', { ignorePatterns: ['router-link', 'router-view'] }],
+
+ 'vue/no-v-html': ['error'],
+ },
+ settings: {
+ 'import/resolver': {
+ 'eslint-import-resolver-custom-alias': {
+ 'alias': {
+ '@': './src',
+ },
+ extensions: ['.ts', '.vue'],
+ },
+ typescript: {
+ alwaysTryTypes: true,
+ project: './tsconfig.json',
+ },
+ node: true,
+ },
+ 'import/parsers': {
+ '@typescript-eslint/parser': ['.ts'],
+ 'vue-eslint-parser': ['.vue'],
+ },
+ },
+};
diff --git a/satellite/admin/back-office/ui/index.html b/satellite/admin/back-office/ui/index.html
index 7659ab753440..0c763224595a 100644
--- a/satellite/admin/back-office/ui/index.html
+++ b/satellite/admin/back-office/ui/index.html
@@ -10,7 +10,7 @@
-
+