diff --git a/packages/vue/src/docs/utils/ComponentItem.jsx b/packages/vue/src/docs/utils/ComponentItem.jsx
index 1a1f57b0..1b877633 100644
--- a/packages/vue/src/docs/utils/ComponentItem.jsx
+++ b/packages/vue/src/docs/utils/ComponentItem.jsx
@@ -1,4 +1,3 @@
-/* eslint-disable prettier/prettier */
 /* Custom react component for rendering TOC of components
  * docs: https://storybook.js.org/docs/react/writing-docs/docs-page#custom-inline-rendering
  */
diff --git a/packages/vue/src/templates/www/PageRoboticsDetail/PageRoboticsDetail.vue b/packages/vue/src/templates/www/PageRoboticsDetail/PageRoboticsDetail.vue
index 7e28c75b..71be5d29 100755
--- a/packages/vue/src/templates/www/PageRoboticsDetail/PageRoboticsDetail.vue
+++ b/packages/vue/src/templates/www/PageRoboticsDetail/PageRoboticsDetail.vue
@@ -1,5 +1,8 @@
 <template>
-  <div v-if="data" class="-nav-offset">
+  <div
+    v-if="data"
+    class="-nav-offset"
+  >
     <HeroLarge
       eyebrow="Robotics at JPL"
       :title="data.title"
@@ -23,7 +26,9 @@
     <!-- Introduction -->
     <div class="lg:BaseGrid lg:my-24 mt-18 container mx-auto mb-10">
       <div class="lg:px-0 relative col-span-8 col-start-2 px-4">
-        <BaseHeading level="h2" class="mb-5"
+        <BaseHeading
+          level="h2"
+          class="mb-5"
           >About {{ data.title }}
         </BaseHeading>
         <p class="text-body-lg">
@@ -84,13 +89,13 @@ export default defineComponent({
     BlockRelatedLinks,
     BlockLinkCarousel,
     LayoutHelper,
-    BlockStreamfield,
+    BlockStreamfield
   },
   props: {
     data: {
       type: Object,
-      required: false,
-    },
-  },
+      required: false
+    }
+  }
 })
 </script>
diff --git a/packages/vue/src/templates/www/PageTopicDetail/PageTopicDetail.vue b/packages/vue/src/templates/www/PageTopicDetail/PageTopicDetail.vue
index 8805cdb1..62f51344 100755
--- a/packages/vue/src/templates/www/PageTopicDetail/PageTopicDetail.vue
+++ b/packages/vue/src/templates/www/PageTopicDetail/PageTopicDetail.vue
@@ -1,5 +1,8 @@
 <template>
-  <div v-if="data" class="-nav-offset">
+  <div
+    v-if="data"
+    class="-nav-offset"
+  >
     <div class="lg:mb-24 mb-12">
       <HeroLarge
         class="relative z-10"
@@ -21,7 +24,11 @@
         indent="col-3"
         class="description lg:my-18 my-10"
       >
-        <BaseHeading v-if="data.descriptionHeading" level="h2" class="mb-5">
+        <BaseHeading
+          v-if="data.descriptionHeading"
+          level="h2"
+          class="mb-5"
+        >
           {{ data.descriptionHeading }}
         </BaseHeading>
         <BlockText :text="data.description" />
@@ -42,7 +49,10 @@
         />
       </LayoutHelper>
 
-      <TopicDetailStreamfield :data="data.body" :topic="data.title" />
+      <TopicDetailStreamfield
+        :data="data.body"
+        :topic="data.title"
+      />
 
       <TopicDetailMore
         v-if="
@@ -99,13 +109,13 @@ export default defineComponent({
     BlockText,
     BlockTeaser,
     TopicDetailStreamfield,
-    BlockLinkCarousel,
+    BlockLinkCarousel
   },
   props: {
     data: {
       type: Object,
-      required: false,
-    },
-  },
+      required: false
+    }
+  }
 })
 </script>