From 1b3b36aa39e5e879903469c0468c7a18bdb5011c Mon Sep 17 00:00:00 2001 From: Damla Demir Date: Thu, 3 Nov 2022 09:04:50 +0300 Subject: [PATCH] docs: add eslint info to the vue doc (#309) --- docs/using-baklava-in-vue.stories.mdx | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/docs/using-baklava-in-vue.stories.mdx b/docs/using-baklava-in-vue.stories.mdx index 8b6e26cb..783645f7 100644 --- a/docs/using-baklava-in-vue.stories.mdx +++ b/docs/using-baklava-in-vue.stories.mdx @@ -101,3 +101,14 @@ Also, you can add ignore rule as compiler options to your webpack or vite. } } ``` + +#### Eslint Configuration + +Baklava components are developed with `kebab case`. Eslint uses `pascal case` by default. If you are using eslint in your project, it will automatically convert the baklava components to `pascal case`. To prevent this, you need to turn off the `pascal case` rule in your project. +To do this, give the following rule in your eslint config file. + +```js + rules: { + "vue/component-name-in-template-casing": "off", + }, +```