Вышла бетта версия новых Vue devtools

Может поставиться рядом со старой как расширение браузера, но её надо будет отключать, чтобы вернуться в старую

Пока заметен более читабельный UI и нормальные 'Настройки'

В версии браузерного расширения нет всех заявленных фич: Inspect, Graph и других. Только базовые.

В самом проекте используют unplugin-auto-import, unplugin-vue-components и UnoCSS, что как бы, как бы, как бы... ((( 😢

<template>
  <div h-full w-full of-auto px8 py6>
    <IconTitle
      class="mb-5 text-xl op75"
      icon="i-carbon-settings-adjust"
      text="DevTools Settings"
    />
    <div grid="~ md:cols-[repeat(auto-fit,minmax(16rem,1fr))] gap-x-10 gap-y-3" max-w-300>
      <div flex="~ col gap-2">
        <h3 text-lg>
          Tabs
        </h3>
        <template v-for="[{ name, hidden }, tabs] of categories" :key="name">
          <VueCard
            v-if="tabs.length" p3 flex="~ col gap-1"
            :class="hidden ? 'op50 grayscale' : ''"
          >

#vuedevtools