refactor(frontend): 非推奨となったReactivity Transformを使わないように (#12539)
* refactor(frontend): 非推奨となったReactivity Transformを使わないように * refactor: 不要な括弧を除去 * fix: 不要なアノテーションを除去 * fix: Refの配列をrefしている部分の対応 * refactor: 不要な括弧を除去 * fix: lint * refactor: Ref、ShallowRef、ComputedRefの変数の宣言をletからconstに置換 * fix: type error * chore: drop reactivity transform from eslint configuration * refactor: remove unnecessary import * fix: 対応漏れ
This commit is contained in:
		| @@ -83,7 +83,7 @@ SPDX-License-Identifier: AGPL-3.0-only | ||||
| </template> | ||||
|  | ||||
| <script lang="ts" setup> | ||||
| import { } from 'vue'; | ||||
| import { ref, computed } from 'vue'; | ||||
| import XHeader from './_header_.vue'; | ||||
| import MkSwitch from '@/components/MkSwitch.vue'; | ||||
| import MkInput from '@/components/MkInput.vue'; | ||||
| @@ -95,58 +95,58 @@ import { i18n } from '@/i18n.js'; | ||||
| import { definePageMetadata } from '@/scripts/page-metadata.js'; | ||||
| import MkButton from '@/components/MkButton.vue'; | ||||
|  | ||||
| let useObjectStorage: boolean = $ref(false); | ||||
| let objectStorageBaseUrl: string | null = $ref(null); | ||||
| let objectStorageBucket: string | null = $ref(null); | ||||
| let objectStoragePrefix: string | null = $ref(null); | ||||
| let objectStorageEndpoint: string | null = $ref(null); | ||||
| let objectStorageRegion: string | null = $ref(null); | ||||
| let objectStoragePort: number | null = $ref(null); | ||||
| let objectStorageAccessKey: string | null = $ref(null); | ||||
| let objectStorageSecretKey: string | null = $ref(null); | ||||
| let objectStorageUseSSL: boolean = $ref(false); | ||||
| let objectStorageUseProxy: boolean = $ref(false); | ||||
| let objectStorageSetPublicRead: boolean = $ref(false); | ||||
| let objectStorageS3ForcePathStyle: boolean = $ref(true); | ||||
| const useObjectStorage = ref<boolean>(false); | ||||
| const objectStorageBaseUrl = ref<string | null>(null); | ||||
| const objectStorageBucket = ref<string | null>(null); | ||||
| const objectStoragePrefix = ref<string | null>(null); | ||||
| const objectStorageEndpoint = ref<string | null>(null); | ||||
| const objectStorageRegion = ref<string | null>(null); | ||||
| const objectStoragePort = ref<number | null>(null); | ||||
| const objectStorageAccessKey = ref<string | null>(null); | ||||
| const objectStorageSecretKey = ref<string | null>(null); | ||||
| const objectStorageUseSSL = ref<boolean>(false); | ||||
| const objectStorageUseProxy = ref<boolean>(false); | ||||
| const objectStorageSetPublicRead = ref<boolean>(false); | ||||
| const objectStorageS3ForcePathStyle = ref<boolean>(true); | ||||
|  | ||||
| async function init() { | ||||
| 	const meta = await os.api('admin/meta'); | ||||
| 	useObjectStorage = meta.useObjectStorage; | ||||
| 	objectStorageBaseUrl = meta.objectStorageBaseUrl; | ||||
| 	objectStorageBucket = meta.objectStorageBucket; | ||||
| 	objectStoragePrefix = meta.objectStoragePrefix; | ||||
| 	objectStorageEndpoint = meta.objectStorageEndpoint; | ||||
| 	objectStorageRegion = meta.objectStorageRegion; | ||||
| 	objectStoragePort = meta.objectStoragePort; | ||||
| 	objectStorageAccessKey = meta.objectStorageAccessKey; | ||||
| 	objectStorageSecretKey = meta.objectStorageSecretKey; | ||||
| 	objectStorageUseSSL = meta.objectStorageUseSSL; | ||||
| 	objectStorageUseProxy = meta.objectStorageUseProxy; | ||||
| 	objectStorageSetPublicRead = meta.objectStorageSetPublicRead; | ||||
| 	objectStorageS3ForcePathStyle = meta.objectStorageS3ForcePathStyle; | ||||
| 	useObjectStorage.value = meta.useObjectStorage; | ||||
| 	objectStorageBaseUrl.value = meta.objectStorageBaseUrl; | ||||
| 	objectStorageBucket.value = meta.objectStorageBucket; | ||||
| 	objectStoragePrefix.value = meta.objectStoragePrefix; | ||||
| 	objectStorageEndpoint.value = meta.objectStorageEndpoint; | ||||
| 	objectStorageRegion.value = meta.objectStorageRegion; | ||||
| 	objectStoragePort.value = meta.objectStoragePort; | ||||
| 	objectStorageAccessKey.value = meta.objectStorageAccessKey; | ||||
| 	objectStorageSecretKey.value = meta.objectStorageSecretKey; | ||||
| 	objectStorageUseSSL.value = meta.objectStorageUseSSL; | ||||
| 	objectStorageUseProxy.value = meta.objectStorageUseProxy; | ||||
| 	objectStorageSetPublicRead.value = meta.objectStorageSetPublicRead; | ||||
| 	objectStorageS3ForcePathStyle.value = meta.objectStorageS3ForcePathStyle; | ||||
| } | ||||
|  | ||||
| function save() { | ||||
| 	os.apiWithDialog('admin/update-meta', { | ||||
| 		useObjectStorage, | ||||
| 		objectStorageBaseUrl, | ||||
| 		objectStorageBucket, | ||||
| 		objectStoragePrefix, | ||||
| 		objectStorageEndpoint, | ||||
| 		objectStorageRegion, | ||||
| 		objectStoragePort, | ||||
| 		objectStorageAccessKey, | ||||
| 		objectStorageSecretKey, | ||||
| 		objectStorageUseSSL, | ||||
| 		objectStorageUseProxy, | ||||
| 		objectStorageSetPublicRead, | ||||
| 		objectStorageS3ForcePathStyle, | ||||
| 		useObjectStorage: useObjectStorage.value, | ||||
| 		objectStorageBaseUrl: objectStorageBaseUrl.value, | ||||
| 		objectStorageBucket: objectStorageBucket.value, | ||||
| 		objectStoragePrefix: objectStoragePrefix.value, | ||||
| 		objectStorageEndpoint: objectStorageEndpoint.value, | ||||
| 		objectStorageRegion: objectStorageRegion.value, | ||||
| 		objectStoragePort: objectStoragePort.value, | ||||
| 		objectStorageAccessKey: objectStorageAccessKey.value, | ||||
| 		objectStorageSecretKey: objectStorageSecretKey.value, | ||||
| 		objectStorageUseSSL: objectStorageUseSSL.value, | ||||
| 		objectStorageUseProxy: objectStorageUseProxy.value, | ||||
| 		objectStorageSetPublicRead: objectStorageSetPublicRead.value, | ||||
| 		objectStorageS3ForcePathStyle: objectStorageS3ForcePathStyle.value, | ||||
| 	}).then(() => { | ||||
| 		fetchInstance(); | ||||
| 	}); | ||||
| } | ||||
|  | ||||
| const headerTabs = $computed(() => []); | ||||
| const headerTabs = computed(() => []); | ||||
|  | ||||
| definePageMetadata({ | ||||
| 	title: i18n.ts.objectStorage, | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 zyoshoka
					zyoshoka