chore: add repro (#603)

* chore: add repro

* update

README.md

@@ -9,6 +9,11 @@
 </p>
 <p align="center">ESLint plugin for Vue I18n</p>
 
+<div align="center">
+[Online Playground](https://eslint-online-playground.netlify.app/#eslint-plugin-vue-i18n) •
+[Documentation](https://eslint-plugin-vue-i18n.intlify.dev/)
+</div>
+
 <h2 align="center">Supporting Intlify Project</h2>
 
 Intlify Project is an open source project that is included Vue I18n and i18n tooling and libraries with its ongoing development made possible entirely by the support of Sponsors. If you would like to become a sponsor, please consider:

docs/index.md

@@ -16,6 +16,9 @@ hero:
     - theme: alt
       text: Get started
       link: /started
+    - theme: alt
+      text: Online Playground
+      link: https://eslint-online-playground.netlify.app/#eslint-plugin-vue-i18n
 # features:
 #   - title: Feature A
 #     details: Lorem ipsum dolor sit amet, consectetur adipiscing elit

repro/eslint.config.js

@@ -0,0 +1,26 @@
+import vueI18n from '@intlify/eslint-plugin-vue-i18n'
+import js from '@eslint/js'
+import pluginVue from 'eslint-plugin-vue'
+
+export default [
+  js.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+  ...vueI18n.configs.recommended,
+  {
+    rules: {
+      // override rules
+      '@intlify/vue-i18n/no-duplicate-keys-in-locale': 'error',
+      '@intlify/vue-i18n/no-dynamic-keys': 'error',
+      '@intlify/vue-i18n/no-missing-keys-in-other-locales': 'error',
+      '@intlify/vue-i18n/no-unknown-locale': 'error',
+      '@intlify/vue-i18n/no-unused-keys': 'error',
+      '@intlify/vue-i18n/prefer-sfc-lang-attr': 'error'
+    },
+    settings: {
+      'vue-i18n': {
+        localeDir: './src/resources/*.json',
+        messageSyntaxVersion: '^11.0.0'
+      }
+    }
+  }
+]

repro/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@intlify/eslint-plugin-vue-i18n-repro",
+  "type": "module",
+  "private": true,
+  "devDependencies": {
+    "@eslint/js": "latest",
+    "@intlify/eslint-plugin-vue-i18n": "latest",
+    "eslint": "latest",
+    "eslint-plugin-vue": "latest"
+  }
+}

repro/src/components/MyComponent.vue

@@ -0,0 +1,3 @@
+<template>
+  <p>{{ $t('hello') }}</p>
+</template>

repro/src/resources/en.json

@@ -0,0 +1,4 @@
+{
+  "hello": "Hello! <span>DIO!</span>",
+  "hi": "Hi! DIO!"
+}