Merge pull request #424 from Tresjs/bugfix/411-linter-is-breaking-som…

…e-props fix: vue attrs hyphenation issues
Tresjs · May 17, 2024 · 77b2220 · 77b2220
2 parents ca86e5e + 82fe77b
commit 77b2220
Show file tree

Hide file tree

Showing 7 changed files with 234 additions and 231 deletions.
diff --git a/eslint.config.js b/eslint.config.js
@@ -5,7 +5,6 @@ export default tresLintConfig({
 }, {
   rules: {
     'style/max-statements-per-line': 'off',
-    'vue/attribute-hyphenation': 'off',
     'jsdoc/check-alignment': 'off',
   },
 })
diff --git a/package.json b/package.json
@@ -70,7 +70,7 @@
   "devDependencies": {
     "@release-it/conventional-changelog": "^8.0.1",
     "@tresjs/core": "^3.2.1",
-    "@tresjs/eslint-config": "^1.0.0",
+    "@tresjs/eslint-config": "^1.1.0",
     "@tweakpane/core": "^1.1.9",
     "@types/node": "^20.12.10",
     "@types/three": "^0.164.0",

diff --git a/playground/components.d.ts b/playground/components.d.ts
@@ -1,10 +1,10 @@
 /* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
 export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
     AkuAku: typeof import('./src/components/AkuAku.vue')['default']

diff --git a/playground/src/pages/staging/SkyDemo.vue b/playground/src/pages/staging/SkyDemo.vue
@@ -12,7 +12,7 @@ const gl = {
   toneMappingExposure: 1,
 }
 
-const [turbidity, rayleigh, mieCoefficient, mieDirectionalG, elevation, azimuth, distance, exposure] = useControls({
+const { turbidity, rayleigh, mieCoefficient, mieDirectionalG, elevation, azimuth, distance, exposure } = useControls({
   turbidity: { value: 3.4, min: 0, max: 20, step: 0.1 },
   rayleigh: { value: 3, min: 0, max: 4, step: 0.1 },
   mieCoefficient: { value: 0.005, min: 0, max: 0.1, step: 0.001 },
@@ -28,17 +28,17 @@ const [turbidity, rayleigh, mieCoefficient, mieDirectionalG, elevation, azimuth,
   <TresLeches class="important-fixed important-left-2 important-w-90" />
   <TresCanvas
     v-bind="gl"
-    :tone-mapping-exposure="exposure.value.value"
+    :tone-mapping-exposure="exposure.value"
   >
     <TresPerspectiveCamera :position="[0, 100, 2000]" />
     <Sky
-      :elevation="elevation.value.value"
-      :azimuth="azimuth.value.value"
-      :mie-coefficient="mieCoefficient.value.value"
-      :mie-directional-g="mieDirectionalG.value.value"
-      :rayleigh="rayleigh.value.value"
-      :turbidity="turbidity.value.value"
-      :distance="distance.value.value"
+      :elevation="elevation.value"
+      :azimuth="azimuth.value"
+      :mie-coefficient="mieCoefficient.value"
+      :mie-directional-g="mieDirectionalG.value"
+      :rayleigh="rayleigh.value"
+      :turbidity="turbidity.value"
+      :distance="distance.value"
     />
     <OrbitControls
       :enable-pan="false"