Bug(enhanced-readabilities): 调整页面大小后无法使用布局切换功能

[gforoosge]

复现步骤

QQ2025515-215544.mp4

1. 打开阅读增强 | Nólëbase 集成
2. 按F12打开开发者工具
3. 通过调整开发者工具宽度挤压页面宽度
4. 打开菜单查看一下布局切换功能，发现此时是被禁用的
5. 关闭开发者工具使页面恢复正常宽度，再次打开阅读增强菜单，布局切换功能被禁用

预期现象

上述5. 中布局切换功能应不被禁用

版本

• Edge 136.0.3240.64
• Windows 11 家庭版 26100.4061
• Vite、VitePress、nolebase相关插件：https://github.com/nolebase/integrations/blob/main/docs/package.json

附加信息

N/A

[nekomeowww]

这么小的页面就是不可以用的。

先前我自己的使用体验里是觉得绝大多数时候 PC / Desktop 不会这么小，反而不会出现阅读困难或者有布局要求。如果你觉得有具体的使用场景，可以提出建议，我们改进实现，谢谢。

[northword]

这么小的页面就是不可以用的。

先前我自己的使用体验里是觉得绝大多数时候 PC / Desktop 不会这么小，反而不会出现阅读困难或者有布局要求。如果你觉得有具体的使用场景，可以提出建议，我们改进实现，谢谢。

他的意思似乎是：

宽屏：可用
减少宽度：不可用
恢复原有宽度：理应可用但不可用

感觉是这个组件响应式短点不正常一样，虽然感觉这个可能没什么实际的场景？（因为初始加载页面后是正确的）

[gforoosge]

这么小的页面就是不可以用的。

我知道，但是使用切换设备仿真或使用浏览器的页面缩放功能模拟更宽的页面也会出现此问题🤔

我想提出的问题是 一开始这个布局切换功能是正常的，而经过减小页面宽度以至于使用了移动端的紧凑ui时，点开右上角的菜单查看布局切换功能发现是被禁用的（意料之中），但是当恢复回一开始的宽屏页面时，布局切换功能理应不被禁用（就像一开始那样），而事实是莫名其妙被禁用了

虽然感觉这个可能没什么实际的场景？（因为初始加载页面后是正确的）

昨天想在电脑上想通过更改页面大小看看移动端会是什么样子，但是发现页面大小改回去后行为有点出乎意料

确实没用但感觉是个bug遂反馈🤔可能在长宽比比较大的设备上旋转屏幕导致页面变化可能会触发这个bug（？）

[gforoosge]

integrations/packages/vitepress-plugin-enhanced-readabilities/src/client/components/LayoutSwitch.vue

Lines 113 to 121 in 80333fd

	watch(isLargerThanMobile, () => {
	if (!isLargerThanMobile.value)
	disabled.value = true
	})
	onMounted(() => {
	if (!isLargerThanMobile.value)
	disabled.value = true
	})

可能是这几行的问题？disabled.value被赋值成true后就没被改回来过🤔

[nekomeowww]

理解了，抱歉之前产生了误解，看了你给出的代码片段后我觉得确实是有这个问题，那我改一下实现。