HTMLのデータ属性はカスタムデータを要素に追加するための素晴らしい方法です。しかし、この属性名には一定のルールがあり、大文字の使用は許可されていません。
例えば、data-slidesPerViewのようなデータ属性を作成しようとすると、これはHTMLの規則に違反します。代わりに、全て小文字で記述する必要があります。つまり、正しくはdata-slidesperviewとなります。
これはHTMLの仕様によるもので、属性名はASCII小文字のみでなければなりません。このルールに違反すると、ブラウザは属性名を正しく認識できない可能性があります。
したがって、データ属性を使用する際は、属性名を小文字のみで記述することを心掛けましょう。