iendeavor / object-visualizer Goto Github PK
View Code? Open in Web Editor NEWVue JSON inspector with Chrome-like theme.
Home Page: https://codesandbox.io/s/object-visualizer-5bji4
License: MIT License
Vue JSON inspector with Chrome-like theme.
Home Page: https://codesandbox.io/s/object-visualizer-5bji4
License: MIT License
Dependabot was set up to create pull requests against the branch master
, but couldn't find it.
If the branch has been permanently deleted you can update Dependabot's target branch from your dashboard.
Hey nice project! I've seen this done in React a few times but it's nice to see something smaller.
I just had a question about the meaning of "vanilla" in the keywords - did you mean able to run alongside any other frameworks? It might to worth clarifying to people that it is embedding a Vue app into their app though. Since the bundle is +300kb and 10000 lines of code where 9700ish are Vue.js. If someone is already using Vue they might not want to load that twice.
Usually "dom" and "vanilla" would mean "uses native DOM APIs and no framework" like http://vanilla-js.com/ โจ
For people concerned about size there's also an issue building on BundlePhobia https://bundlephobia.com/result?p=object-visualizer but not sure why.
Thanks for sharing a great project
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
These updates are currently rate-limited. Click on a checkbox below to force their creation now.
@commitlint/cli
, @commitlint/config-conventional
)These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
@commitlint/cli
, @commitlint/config-conventional
)node
, @types/node
).github/workflows/ci.yml
actions/checkout v4
actions/setup-node v4
pnpm/action-setup v2
cypress-io/github-action v5
JS-DevTools/npm-publish v3
anothrNick/github-tag-action v1
softprops/action-gh-release v1
.github/workflows/release.yml
actions/checkout v4
actions/setup-node v4
actions/setup-node v4
pnpm/action-setup v2
cypress-io/github-action v5
peter-evans/create-pull-request v5
cypress/fixtures/index.html
normalize 8.0.1
package.json
@commitlint/cli ^17.1.2
@commitlint/config-conventional ^17.1.0
@types/node ^18.7.16
@vitejs/plugin-vue ^4.0.0
csso ^5.0.5
cypress ^12.0.0
husky ^8.0.1
lint-staged ^13.0.3
npm-run-all ^4.1.5
prettier ^2.7.1
sort-package-json ^2.0.0
standard-version ^9.5.0
typescript ^5.0.0
vite ^4.0.0
vite-plugin-dts ^2.0.0
vite-plugin-static-copy ^0.15.0
vue ^3.2.39
vue-tsc ^0.40.13
vue ^3.2.39
node ^14 || ^16 || >=18
.nvmrc
node 18
Wouldn't it be nice to create a component to just use data as a prop?
And there no need to use it in the js.
If you agree i could do that =)
For object:
{
obj: {
age: 18
}
}
When the age change to 20:
obj
should be flashedage: 18
should be flashedA declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.