address Tom's feedback

docs/snippets/vue/app-story-with-mock.js.mdx

@@ -8,7 +8,7 @@ export default {
   component: App
 };
 
-const Template = (_args, { argTypes }) => ({
+const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { App },
   template: "<App />"

docs/snippets/vue/button-story.js.mdx

@@ -3,7 +3,9 @@
 
 import Button from './Button';
 
-export default { title: 'Components/Button' };
+export default { 
+  title: 'Components/Button' 
+};
 
 export const Primary = () => ({
   components: { Button },

docs/workflows/build-pages-with-storybook.md

@@ -38,7 +38,7 @@ When you are building screens in this way, it is typical that the inputs of a co
   paths={[
     'react/simple-page-implementation.js.mdx',
     'react/simple-page-implementation.ts.mdx',
-    'vue/simple-page-implementation.js.mdx'
+    'vue/simple-page-implementation.vue.mdx'
   ]}
 />
 

docs/writing-docs/doc-blocks.md

@@ -26,7 +26,7 @@ This is extremely useful, but it can be further expanded. Additional information
     'react/button-component-with-proptypes.js.mdx',
     'react/button-component-with-proptypes.ts.mdx',
     'angular/button-component-with-proptypes.ts.mdx',
-    'vue/button-component-with-proptypes.js.mdx'
+    'vue/button-component-with-proptypes.vue.mdx'
   ]}
 />
 
@@ -125,7 +125,7 @@ Looking at the following component:
     'react/button-implementation.js.mdx',
     'react/button-implementation.ts.mdx',
     'angular/button-implementation.ts.mdx',
-    'vue/button-implementation.js.mdx'
+    'vue/button-implementation.vue.mdx'
   ]}
 />