mysticatea/vue-eslint-demo

The online demo to check `eslint-plugin-vue`.

vue-eslint-demo

The online demo to check eslint-plugin-vue.

⤴️ Motivation

• Let's make the reproduce code/config of bugs. It would help issue handling.

💿 Installation

Open https://mysticatea.github.io/vue-eslint-demo/

• It does not support browsers which don't support ES2015.

📖 Usage

• Choose rules in sidebar to enable.
• Input code the center area.
• Right area shows the result of eslint --fix.
• Bottom area shows the error list.

📰 Changelog

• GitHub Releases

🍻 Contributing

Welcome contributing!

Please use GitHub's Issues/PRs.

Development Tools

• npm run build builds the app into /dist directory.
• npm run clean removes /dist directory.
• npm run deploy builds the app, then updates gh-pages branch, then pushes it to GitHub.
• npm run update-deps installs the latest eslint, eslint-plugin-vue, and vue-eslint-parser.
• npm run watch runs the app with webpack-dev-server.

vue-eslint-demo's Issues

Seems to not report errors in <script>

Wired.

Repro

Remaining errors in fixed code pane don't show

I wanted to show remaining errors in fixed code on fixed code pane. But I could not because of microsoft/monaco-editor#311.

Footer disappears in Firefox

If I show rules by opening categories, the layout is off on Firefox.

Material Icons are not showing

I'm not sure when it's from, but it has failed to load icon fonts.

https://mysticatea.github.io/vue-eslint-demo/ - Doesn't work on Chrome anymore

Errors in the console:

[Deprecation] Application Cache API manifest selection is deprecated and will be removed in M85, around August 2020. See https://www.chromestatus.com/features/6192449487634432 for more details.
(index):1 Creating Application Cache with manifest https://mysticatea.github.io/vue-eslint-demo/index.appcache
(index):1 Application Cache Checking event
(index):1 Application Cache Error event: Invalid or missing manifest origin trial token: https://mysticatea.github.io/vue-eslint-demo/index.appcache
index.js:62 Uncaught TypeError: Cannot read property 'addEventListener' of undefined
    at Module.<anonymous> (index.js:62)
    at i (index.js:1)
    at index.js:1
    at index.js:1
index.js:62 The compress rate of serialized string: 46.3% (3710B → 1716B)
/favicon.ico:1 Failed to load resource: the server responded with a status of 404 ()

Support babel-eslint and typescript-eslint-parser

It would be useful in order to try experimental syntax (e.g. decorators).

Cache miss icon font.

The layout is broken under offline because it can't access google fonts.