Merge pull request #110 from kalix127/style/add-eslint-vue-block-lang…

…-rule feat: add eslint rule to enforce typescript in vue script blocks
unovue · Jan 10, 2025 · 179865e · 179865e
2 parents 2a62944 + 2e0193a
commit 179865e
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/components/content/inspira/examples/AnimatedBeamDemo.vue b/components/content/inspira/examples/AnimatedBeamDemo.vue
@@ -100,7 +100,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const containerRef = ref(null);
 const div1Ref = ref(null);
 const div2Ref = ref(null);

diff --git a/components/content/inspira/examples/AnimatedBeamDemo2.vue b/components/content/inspira/examples/AnimatedBeamDemo2.vue
@@ -42,7 +42,7 @@
   </ClientOnly>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const containerRef = ref(null);
 const div1Ref = ref(null);
 const div2Ref = ref(null);

diff --git a/components/content/inspira/examples/AnimatedListDemo.vue b/components/content/inspira/examples/AnimatedListDemo.vue
@@ -18,7 +18,7 @@
   </ClientOnly>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const notifications = [
   {
     name: "Payment received",

diff --git a/eslint.config.js b/eslint.config.js
@@ -60,6 +60,14 @@ export default withNuxt(
           order: ["template", "script", "style"],
         },
       ],
+      "vue/block-lang": [
+        "error",
+        {
+          script: {
+            lang: "ts",
+          },
+        },
+      ],
       "tailwindcss/no-custom-classname": "off",
       "@typescript-eslint/no-empty-object-type": [
         "error",