Rollup + React15
+- press hotkey ⌨️ command ⌘ + 🖱 click, show component tree. + press hotkey ⌨️ option ⌥ + command ⌘ +{' '} + O, then press hotkey ⌨️ command ⌘ + 🖱 click, show + component tree.
-press hotkey ⌨️ esc or 🖱 right-click to exit inspect.
diff --git a/playground/rollup-react15/src/tree/SubTree1.tsx b/playground/rollup-react15/src/components/tree/SubTree1.tsx similarity index 100% rename from playground/rollup-react15/src/tree/SubTree1.tsx rename to playground/rollup-react15/src/components/tree/SubTree1.tsx diff --git a/playground/rollup-react15/src/tree/SubTree2.tsx b/playground/rollup-react15/src/components/tree/SubTree2.tsx similarity index 100% rename from playground/rollup-react15/src/tree/SubTree2.tsx rename to playground/rollup-react15/src/components/tree/SubTree2.tsx diff --git a/playground/rollup-react15/src/tree/SubTree3.tsx b/playground/rollup-react15/src/components/tree/SubTree3.tsx similarity index 100% rename from playground/rollup-react15/src/tree/SubTree3.tsx rename to playground/rollup-react15/src/components/tree/SubTree3.tsx diff --git a/playground/rollup-react15/src/tree/index.tsx b/playground/rollup-react15/src/components/tree/index.tsx similarity index 100% rename from playground/rollup-react15/src/tree/index.tsx rename to playground/rollup-react15/src/components/tree/index.tsx diff --git a/playground/rollup-vue2/src/App.vue b/playground/rollup-vue2/src/App.vue index 17dd7716..cdf8f522 100644 --- a/playground/rollup-vue2/src/App.vue +++ b/playground/rollup-vue2/src/App.vue @@ -1,10 +1,12 @@ @@ -19,7 +21,16 @@ export default Vue.extend({
Rollup + Vue2
++ + Github + +
@@ -36,4 +47,7 @@ export default Vue.extend({ .logo.vue:hover { filter: drop-shadow(0 0 2em #42b883aa); } +.read-the-docs { + color: #888; +} diff --git a/playground/rollup-vue2/src/components/HelloWorld.vue b/playground/rollup-vue2/src/components/HelloWorld.vue deleted file mode 100644 index 507c2686..00000000 --- a/playground/rollup-vue2/src/components/HelloWorld.vue +++ /dev/null @@ -1,33 +0,0 @@ - - - - - - - diff --git a/playground/rollup-vue2/src/components/Notes.vue b/playground/rollup-vue2/src/components/Notes.vue index 8f847fde..128f6e46 100644 --- a/playground/rollup-vue2/src/components/Notes.vue +++ b/playground/rollup-vue2/src/components/Notes.vue @@ -1,22 +1,13 @@ - -press hotkey ⌨️ option ⌥ + command ⌘ + O, then click the HTML element you wish to inspect.
-press hotkey ⌨️ command ⌘ + 🖱 click, show component tree.
-+ press hotkey ⌨️ option ⌥ + command ⌘ + O, + then press hotkey ⌨️ command ⌘ + 🖱 click, show component tree. +
press hotkey ⌨️ esc or 🖱 right-click to exit inspect.
Vite + React
+press hotkey ⌨️ option ⌥ + command ⌘ +{' '} O, then click the HTML element you wish to inspect.
- press hotkey ⌨️ command ⌘ + 🖱 click, show component tree. + press hotkey ⌨️ option ⌥ + command ⌘ +{' '} + O, then press hotkey ⌨️ command ⌘ + 🖱 click, show + component tree.
-press hotkey ⌨️ esc or 🖱 right-click to exit inspect.
- +
- Vite + Vue
++ + Github + +
diff --git a/playground/vite-vue/src/components/HelloWorld.vue b/playground/vite-vue/src/components/HelloWorld.vue deleted file mode 100644 index b774e104..00000000 --- a/playground/vite-vue/src/components/HelloWorld.vue +++ /dev/null @@ -1,22 +0,0 @@ - - - -{{ msg }}
-- - Github - -
- - - diff --git a/playground/vite-vue/src/components/Notes.vue b/playground/vite-vue/src/components/Notes.vue index e42efb3d..acb45cc9 100644 --- a/playground/vite-vue/src/components/Notes.vue +++ b/playground/vite-vue/src/components/Notes.vue @@ -1,13 +1,11 @@ - -press hotkey ⌨️ option ⌥ + command ⌘ + O, then click the HTML element you wish to inspect.
-press hotkey ⌨️ command ⌘ + 🖱 click, show component tree.
-+ press hotkey ⌨️ option ⌥ + command ⌘ + O, + then press hotkey ⌨️ command ⌘ + 🖱 click, show component tree. +
press hotkey ⌨️ esc or 🖱 right-click to exit inspect.
diff --git a/playground/webpack-next/src/App.tsx b/playground/webpack-next/src/App.tsx index bd0e14cc..4d872d61 100644 --- a/playground/webpack-next/src/App.tsx +++ b/playground/webpack-next/src/App.tsx @@ -1,5 +1,6 @@ import Head from 'next/head'; -import Notes from './Notes'; +import Tree from './components/tree'; +import Notes from './components/Notes'; export default function App() { return ( @@ -26,6 +27,7 @@ export default function App() {Webpack + Next
+press hotkey ⌨️ option ⌥ + command ⌘ +{' '} O, then click the HTML element you wish to inspect.
- press hotkey ⌨️ command ⌘ + 🖱 click, show component tree. + press hotkey ⌨️ option ⌥ + command ⌘ +{' '} + O, then press hotkey ⌨️ command ⌘ + 🖱 click, show + component tree.
-press hotkey ⌨️ esc or 🖱 right-click to exit inspect.
- +
+ Webpack + Vue
++ + Github + +
diff --git a/playground/webpack-vue/src/components/HelloWorld.vue b/playground/webpack-vue/src/components/HelloWorld.vue deleted file mode 100644 index b774e104..00000000 --- a/playground/webpack-vue/src/components/HelloWorld.vue +++ /dev/null @@ -1,22 +0,0 @@ - - - -{{ msg }}
-- - Github - -
- - - diff --git a/playground/webpack-vue/src/components/Notes.vue b/playground/webpack-vue/src/components/Notes.vue index e42efb3d..acb45cc9 100644 --- a/playground/webpack-vue/src/components/Notes.vue +++ b/playground/webpack-vue/src/components/Notes.vue @@ -1,13 +1,11 @@ - -press hotkey ⌨️ option ⌥ + command ⌘ + O, then click the HTML element you wish to inspect.
-press hotkey ⌨️ command ⌘ + 🖱 click, show component tree.
-+ press hotkey ⌨️ option ⌥ + command ⌘ + O, + then press hotkey ⌨️ command ⌘ + 🖱 click, show component tree. +
press hotkey ⌨️ esc or 🖱 right-click to exit inspect.
diff --git a/public/demo.gif b/public/demo.gif index 564865632f32a5e0ca23a2f3c6fa6eb5e57bf77b..ec94d442713dea61c2482b9dd8e3e3655e293569 100644 GIT binary patch literal 3450042 zcmV)EK)}C8Nk%w1VITv-0r&m@C3mZ8Z*)6JSO6OWcFBGuDlv3@dD>YhRmMM
z!qP{-^Ua?C4IFzep}jyXN63%dFt%M|$z`u}yI?9Yv+!Gq`k#;`yYRscmn-x)U@Np3
zJ~UL|>v0q?n