feat: change meta from tsx to ts

Author: michaelmkraus

packages/components/configs/mitosis.showcase.config.cjs

@@ -4,8 +4,7 @@
 module.exports = {
 	files: [
 		'src/components/**/*.showcase.lite.tsx',
-		'src/components/**/*.example.lite.tsx',
-		'src/components/**/*.meta.lite.tsx'
+		'src/components/**/*.example.lite.tsx'
 	],
 	targets: ['angular', 'vue', 'react', 'stencil'],
 	dest: '../../output',
@@ -14,7 +13,7 @@ module.exports = {
 			api: 'signals'
 		},
 		vue: {
-			api: 'options'
+			api: 'composition'
 		}
 	},
 	commonOptions: {

packages/components/src/components/button/examples/button.examples.meta.lite.tsx renamed to packages/components/src/components/button/examples/button.examples.meta.ts

@@ -91,7 +91,3 @@ export const buttonExamplesMeta: ButtonExampleMeta[] = [
 		storybookNames: ['Width']
 	}
 ];
-
-export default function ButtonExamplesMeta() {
-	return null;
-}

packages/components/src/components/button/showcase/button.showcase.lite.tsx

@@ -16,7 +16,7 @@ import ButtonWidth from '../examples/width.example.lite';
 import {
 	buttonExamplesMeta,
 	type ButtonExampleIdentifier
-} from '../examples/button.examples.meta.lite';
+} from '../examples/button.examples.meta';
 
 const getExampleName = (id: ButtonExampleIdentifier): string =>
 	(buttonExamplesMeta.find((example) => example.id === id)?.exampleName ??