chore: update todos

Author: antfu

packages/devtools/src/app/components/modules/FlatList.vue

@@ -10,6 +10,7 @@ defineProps<{
 <template>
   <div flex="~ col gap-2" p4>
     <template v-for="mod of modules" :key="mod">
+      <!-- TODO: toggle to show detailed list like plugins and time cost -->
       <DisplayModuleId
         :id="mod.id"
         :session

packages/devtools/src/app/pages/session/[session]/assets.vue

@@ -21,6 +21,12 @@ const { state: assets } = useAsyncState(
 <template>
   <div p5 flex="~ col gap-4">
     Assets
+    <!--
+      TODO:
+      - Use tree view to show assets
+      - Show asssets detail on the right panel
+      - View of Flamechart with nanovis
+    -->
     <template v-for="asset of assets" :key="asset.filename">
       <pre>{{
         {

packages/devtools/src/app/pages/session/[session]/chunks.vue

@@ -21,6 +21,7 @@ const { state: chunks } = useAsyncState(
 <template>
   <div p5 flex="~ col gap-4">
     Chunks
+    <!-- TODO: graph view -->
     <template v-for="chunk of chunks" :key="chunk.id">
       <DataChunkDetails
         border="~ base rounded-lg"

packages/devtools/src/app/pages/session/[session]/plugins.vue

@@ -12,6 +12,12 @@ defineProps<{
       Plugins ({{ session.meta.plugins.length }})
     </div>
 
+    <!--
+      TODO: plugins framegraph
+        Two different views direction:
+          - plugins -> hooks -> modules
+          - modules -> hooks -> plugins
+    -->
     <div flex="~ col gap-1">
       <template v-for="plugin in session.meta.plugins" :key="plugin.id">
         <div font-mono border="~ rounded base" px2 py1 text-sm hover="bg-active">

packages/devtools/src/nuxt.config.ts

@@ -125,7 +125,7 @@ export default defineNuxtConfig({
   },
 
   devtools: {
-    enabled: false,
+    enabled: true,
   },
 
   typescript: {