Skip to content

chore: upgrade Vuetify 3→4 with breaking changes migration #1055

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Copilot wants to merge 7 commits into
base: master
Choose a base branch
from
Draft

chore: upgrade Vuetify 3→4 with breaking changes migration #1055

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
b5e9676
Initial plan
Copilot Mar 1, 2026
de0fd0b
chore: upgrade Vuetify from v3 to v4
Copilot Mar 1, 2026
bd478fd
fix: update item slot access patterns for Vuetify 4 breaking changes
Copilot Mar 1, 2026
5eca34c
fix: remove .raw from Vuetify 4 slot item access (item is now alias f…
Copilot Mar 1, 2026
2bb5256
fix: migrate VRow/VCol deprecated props to Vuetify 4 equivalents
Copilot Mar 1, 2026
0f07a02
fix: move no-gutters from v-container to v-row (not valid on VContain…
Copilot Mar 1, 2026
af3524a
fix: update Vuetify components to use gap property for layout consist…
Rhilip Mar 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@
"vue-i18n": "^11.2.8",
"vue-konva": "^3.3.0",
"vue-router": "^5.0.3",
"vuetify": "^3.12.1",
"vuetify": "^4.0.0",
"webdav": "^5.9.0"
},
"devDependencies": {
Expand Down
24 changes: 12 additions & 12 deletions pnpm-lock.yaml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions src/entries/options/components/SentToDownloaderDialog/Index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -215,13 +215,13 @@ function dialogLeave() {
placeholder="选择下载器"
@update:model-value="restoreAddTorrentOptions"
>
<template #selection="{ item: { raw: downloader } }">
<template #selection="{ item: downloader }">
<v-list-item
:prepend-avatar="getDownloaderIcon(downloader.type)"
Comment on lines 216 to 220
Copy link

Copilot AI Mar 1, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The slots were migrated to treat item as the raw downloader object (item: downloader), but this autocomplete’s :filter-keys still targets raw.* fields. Please align filter-keys with the actual item shape to ensure the autocomplete search still works.

Copilot uses AI. Check for mistakes.
:title="downloaderTitle(downloader)"
/>
</template>
<template #item="{ props, item: { raw: downloader } }">
<template #item="{ props, item: downloader }">
<v-list-item
v-bind="props"
:prepend-avatar="getDownloaderIcon(downloader.type)"
Expand Down
11 changes: 7 additions & 4 deletions src/entries/options/components/TorrentTitleTd.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,8 +52,8 @@ function doAdvanceSearch(site: TSupportSocialSite, sid: string) {
</script>

<template>
<v-container ref="container" class="t_main">
<v-row>
<v-container ref="container" class="t_main pa-0">
<v-row gap="0">
<!-- 种子主标题信息 -->
<span
:style="{
Expand All @@ -73,7 +73,7 @@ function doAdvanceSearch(site: TSupportSocialSite, sid: string) {
</span>

<!-- 种子的媒体信息 -->
<div ref="social" class="ml-2">
<div ref="social">
<template v-if="showSocial && configStore.searchEntifyControl.showSocialInformation">
<template v-for="(meta, key) in socialBuildUrlMap" :key="key">
<v-menu v-if="item[`ext_${key}`]" open-on-hover>
Expand Down Expand Up @@ -153,7 +153,10 @@ function doAdvanceSearch(site: TSupportSocialSite, sid: string) {
</template>
</div>
</v-row>
<v-row v-if="configStore.searchEntifyControl.showTorrentTag || configStore.searchEntifyControl.showTorrentSubtitle">
<v-row
v-if="configStore.searchEntifyControl.showTorrentTag || configStore.searchEntifyControl.showTorrentSubtitle"
gap="0"
>
<!-- 种子标签信息 -->
<div ref="tags">
<template v-if="configStore.searchEntifyControl.showTorrentTag && item.tags && item.tags.length > 0">
Expand Down
8 changes: 4 additions & 4 deletions src/entries/options/views/Devtools/Debugger.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -186,7 +186,7 @@ async function resetFnWrapper(resetFn: resetItem["resetFn"]) {
</td>
<td>
<v-container>
<v-row dense>
<v-row density="compact">
<v-col class="d-flex align-center">
<v-btn @click="enableLibrary" class="mr-3">启用</v-btn>
在console中启用 <code>sendMessage, axios, Sizzle, es-toolkit ( as _ ）, datefns</code> 等方法
Expand All @@ -201,7 +201,7 @@ async function resetFnWrapper(resetFn: resetItem["resetFn"]) {
</td>
<td>
<v-container>
<v-row dense>
<v-row density="compact">
<v-col cols="4">
<v-autocomplete v-model="selectedSite" :items="definitionList" hide-details label="site" />
</v-col>
Expand All @@ -224,7 +224,7 @@ async function resetFnWrapper(resetFn: resetItem["resetFn"]) {
</td>
<td>
<v-container>
<v-row dense>
<v-row density="compact">
<v-col cols="4">
<v-autocomplete
v-model="simpleServer[serverType].selected"
Expand Down Expand Up @@ -267,7 +267,7 @@ async function resetFnWrapper(resetFn: resetItem["resetFn"]) {
</td>
<td>
<v-container>
<v-row dense>
<v-row density="compact">
<v-col cols="4">
<v-autocomplete
v-model="selectedPiniaStore"
Expand Down
2 changes: 1 addition & 1 deletion src/entries/options/views/Layout/Navigation.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ function clickMenuItem() {
<!-- 页脚，用于展示版本信息 -->
<template v-slot:append>
<v-footer>
<v-row justify="center">
<v-row class="justify-center">
<span class="pa-2 text-grey-darken-1">
&copy; {{ year }},
<a :href="`${REPO_URL}${git.long ? `/commit/${git.long}` : ''}`" target="_blank">{{ ext_version }}</a>
Expand Down
2 changes: 1 addition & 1 deletion src/entries/options/views/Overview/DownloadHistory/Index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -97,7 +97,7 @@ onMounted(() => {
<v-alert :title="t('route.Overview.DownloadHistory')" type="info" />
<v-card>
<v-card-title>
<v-row class="ma-0">
<v-row class="ma-0" gap="0">
<!-- 按钮组 -->
<NavButton
color="green"
Expand Down
2 changes: 1 addition & 1 deletion src/entries/options/views/Overview/MediaServerEntity/ItemInformationDialog.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ function secondsToISO8601(seconds: number) {
<v-divider />

<v-card-text>
<v-row align="center">
<v-row class="align-center">
<v-col cols="8" offset="2" offset-sm="0" sm="4">
<v-img :src="item.poster" :title="item.name" />
</v-col>
Expand Down
12 changes: 6 additions & 6 deletions src/entries/options/views/Overview/MyData/HistoryDataViewDialog.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -128,14 +128,14 @@ function exportSiteHistoryData() {

<!-- 上传、下载 -->
<template #item.uploaded="{ item }">
<v-container>
<v-row class="flex-nowrap" justify="end">
<v-container class="pa-0">
<v-row class="flex-nowrap justify-end" gap="0">
<span class="text-no-wrap">
{{ typeof item.uploaded !== "undefined" ? formatSize(item.uploaded) : "-" }}
</span>
<v-icon color="green-darken-4" icon="mdi-chevron-up" small></v-icon>
</v-row>
<v-row class="flex-nowrap" justify="end">
<v-row class="flex-nowrap justify-end" gap="0">
<span class="text-no-wrap">
{{ typeof item.downloaded !== "undefined" ? formatSize(item.downloaded) : "-" }}
</span>
Expand Down Expand Up @@ -168,11 +168,11 @@ function exportSiteHistoryData() {

<!-- 魔力/积分 -->
<template #item.bonus="{ item }">
<v-container>
<v-row justify="end" align="center">
<v-container class="pa-0">
<v-row class="align-center justify-end" gap="0">
<span class="text-no-wrap">{{ item.bonus ? formatNumber(item.bonus) : "-" }}</span>
</v-row>
<v-row justify="end" align="center">
<v-row class="align-center justify-end" gap="0">
<span class="text-no-wrap">{{ item.seedingBonus ? formatNumber(item.seedingBonus) : "-" }}</span>
</v-row>
</v-container>
Expand Down
33 changes: 18 additions & 15 deletions src/entries/options/views/Overview/MyData/Index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -200,7 +200,7 @@ function viewStatistic() {
<v-alert :title="t('route.Overview.MyData')" type="info" />
<v-card>
<v-card-title>
<v-row class="ma-0">
<v-row class="ma-0" gap="0">
<!-- 刷新，取消刷新 -->
<NavButton
v-if="runtimeStore.isUserInfoFlush"
Expand Down Expand Up @@ -455,14 +455,14 @@ function viewStatistic() {

<!-- 上传、下载 -->
<template #item.uploaded="{ item }">
<v-container>
<v-row class="flex-nowrap" justify="end">
<v-container class="pa-0">
<v-row class="flex-nowrap justify-end" gap="0">
<span class="text-no-wrap">
{{ typeof item.uploaded !== "undefined" ? formatSize(item.uploaded) : "-" }}
</span>
<v-icon color="green-darken-4" icon="mdi-chevron-up" size="small"></v-icon>
</v-row>
<v-row class="flex-nowrap" justify="end">
<v-row class="flex-nowrap justify-end" gap="0">
<span class="text-no-wrap">
{{ typeof item.downloaded !== "undefined" ? formatSize(item.downloaded) : "-" }}
</span>
Expand All @@ -473,14 +473,14 @@ function viewStatistic() {

<!-- 真实上传、下载 -->
<template #item.trueUploaded="{ item }">
<v-container>
<v-row class="flex-nowrap" justify="end">
<v-container class="pa-0">
<v-row class="flex-nowrap justify-end" gap="0">
<span class="text-no-wrap">
{{ typeof item.trueUploaded !== "undefined" ? formatSize(item.trueUploaded) : "-" }}
</span>
<v-icon color="green-darken-4" icon="mdi-chevron-up" size="small"></v-icon>
</v-row>
<v-row class="flex-nowrap" justify="end">
<v-row class="flex-nowrap justify-end" gap="0">
<span class="text-no-wrap">
{{ typeof item.trueDownloaded !== "undefined" ? formatSize(item.trueDownloaded) : "-" }}
</span>
Expand All @@ -506,11 +506,15 @@ function viewStatistic() {

<!-- 做种数， H&R 情况 -->
<template #item.seeding="{ item }">
<v-container class="py-0">
<v-row align="center" class="flex-nowrap my-0" justify="end">
<v-container class="pa-0">
<v-row class="flex-nowrap my-0 align-center justify-end" gap="0">
<span class="text-no-wrap">{{ item.seeding ?? "-" }}</span>
</v-row>
<v-row v-if="configStore.myDataTableControl.showHnR" align="center" class="flex-nowrap my-0" justify="end">
<v-row
v-if="configStore.myDataTableControl.showHnR"
class="flex-nowrap my-0 align-center justify-end"
gap="0"
>
<span
v-if="typeof item.hnrPreWarning !== 'undefined' && item.hnrPreWarning > 0"
class="d-inline-flex align-center ml-2"
Expand Down Expand Up @@ -552,8 +556,8 @@ function viewStatistic() {

<!-- 魔力/积分 -->
<template #item.bonus="{ item }">
<v-container>
<v-row align="center" class="flex-nowrap" justify="end">
<v-container class="pa-0">
<v-row class="flex-nowrap align-center justify-end" gap="0">
<v-icon :title="t('levelRequirement.bonus')" color="green-darken-4" icon="mdi-currency-usd" size="small" />
<BonusFormatSpan :num="item.bonus" />
</v-row>
Expand All @@ -563,9 +567,8 @@ function viewStatistic() {
item.seedingBonus !== '' &&
!isUndefined(item.seedingBonus)
"
align="center"
class="flex-nowrap"
justify="end"
class="flex-nowrap align-center justify-end"
gap="0"
>
<v-icon
:title="t('levelRequirement.seedingBonus')"
Expand Down
10 changes: 5 additions & 5 deletions src/entries/options/views/Overview/MyData/UserDataStatistic/Index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -380,7 +380,7 @@ function saveControl() {

<template>
<v-card>
<v-row class="pa-2" justify="start">
<v-row class="pa-2 justify-start">
<v-col ref="chartContainer" id="chartContainer" style="max-width: 800px">
<!-- 总上传、总下载、总积分 -->
<v-chart
Expand Down Expand Up @@ -441,7 +441,7 @@ function saveControl() {
<v-alert title="数据图表样式设置" type="info" class="mb-2"> </v-alert>

<v-row>
<v-col align-self="center">
<v-col class="align-self-center">
<v-label>用户名</v-label>
</v-col>
<v-col cols="12" sm="10">
Expand All @@ -466,7 +466,7 @@ function saveControl() {
</v-row>

<v-row>
<v-col align-self="center">
<v-col class="align-self-center">
<v-label>展示图表</v-label>
</v-col>
<v-col cols="12" sm="10">
Expand All @@ -489,7 +489,7 @@ function saveControl() {
</v-row>

<v-row>
<v-col align-self="center">
<v-col class="align-self-center">
<v-label>时间段</v-label>
</v-col>
<v-col cols="12" sm="10">
Expand Down Expand Up @@ -535,7 +535,7 @@ function saveControl() {
</v-row>

<v-row>
<v-col align-self="center">
<v-col class="align-self-center">
<v-label>图表设置</v-label>
</v-col>
<v-col cols="12" sm="10">
Expand Down
6 changes: 3 additions & 3 deletions src/entries/options/views/Overview/MyData/UserDataTimeline/Index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -226,7 +226,7 @@ function saveControl() {

<template>
<v-card>
<v-row class="pa-2" justify="start">
<v-row class="pa-2 justify-start">
<v-col
ref="canvasContainer"
:style="{
Expand Down Expand Up @@ -619,7 +619,7 @@ function saveControl() {
</v-row>

<v-row>
<v-col class="ml-2" align-self="center">
<v-col class="ml-2 align-self-center">
<v-label>展示内容</v-label>
</v-col>
<v-col cols="12" sm="10">
Expand Down Expand Up @@ -652,7 +652,7 @@ function saveControl() {
</v-row>

<v-row>
<v-col class="ml-2" align-self="center">
<v-col class="ml-2 align-self-center">
<v-label>时间显示方式</v-label>
</v-col>
<v-col cols="12" sm="10">
Expand Down
Loading