Javascript 类星体JS在迷你态上的抽屉式坍缩

我使用的是Quasar JS版本v0.17.19，我希望在鼠标上布局抽屉变为迷你状态，但可折叠的项目保持可扩展，只有图标显示。鼠标离开时，布局抽屉进入迷你状态；但是，展开的项目已折叠。我已经阅读了文档，但还没有看到此行为的任何配置

<q-layout-drawer side="left" no-hide-on-route-change overlay v-model="isLeftDrawerOpen" 
        content-class="bg-blue-grey-10" @mouseover="miniState = false" @mouseout="miniState = true" 
        :mini="miniState" :width=290 :breakpoint="1037">
        <user-menu />
    </q-layout-drawer>

---

布局抽屉中没有默认选项，但您可以通过编程实现。请参考以下示例

<q-layout-drawer
      v-model="isLeftDrawerOpen"
      :mini="miniState"
      @mouseover="miniState = false"
      @mouseout="miniState = true;"
    >
      <q-list>
        <q-item>
          <component :is="comp" v-model="comp_model" icon="settings" label="Settings">
            <div>
              <q-list
                no-border
                inset-delimiter
              >
                <q-item v-if="miniState && comp=='div'">
                  <q-item-side icon="settings">
                  </q-item-side>
                  <q-item-main>
                    Settings
                  </q-item-main>
                </q-item>
                <q-item>
                  <q-item-side icon="insert_drive_file">
                  </q-item-side>
                  <q-item-main>
                    User Accounts
                  </q-item-main>

                </q-item>
                <q-item>
                  <q-item-side icon="group">
                  </q-item-side>
                  <q-item-main>
                    User Accounts
                  </q-item-main>
                </q-item>
              </q-list>
            </div>
          </component>
        </q-item>
      </q-list>
    </q-layout-drawer>



    data() {
      return {
        comp:'q-collapsible',
        isLeftDrawerOpen: true,
        comp_model:false,
        miniState:true,
      }
    },
    watch: {
       'miniState': function () {
         if (this.miniState && this.comp_model) {
           this.comp = 'div'
         }
         else{
           this.comp = 'q-collapsible'
         }
       }
     }

设置
用户帐户
用户帐户
数据（）{
返回{
成分：'q-可折叠'，
isLeftDrawerOpen:是的，
复合模型：错误，
部长：是的，
}
},
观察：{
“miniState”：函数（）{
if（this.miniState和this.comp_模型）{
this.comp='div'
}
否则{
this.comp='q-可折叠'
}
}
}

我曾尝试过使用mini slot，但此代码更简洁。