fix: resolve VuePivottable required props and type issues

- Make aggregatorName, renderers, rendererName optional in DefaultPropsType
- Add proper defaults in VPivottable component
- Fix TSVExportRenderers to handle undefined aggregatorName
- Resolve Vue warn messages for missing required props

Fixes missing required props warnings when using VuePivottable

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: Seungwoo321

src/SImpleApp.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="app">
+    <VuePivottable
+      :data="[
+        { color: 'blue', shape: 'circle' },
+        { color: 'red', shape: 'triangle' }
+      ]"
+      :rows="['color']"
+      :cols="['shape']"
+    />
+  </div>
+</template>
+
+<script setup>
+import { VuePivottable } from './index.ts'
+import 'vue-pivottable/dist/vue-pivottable.css'
+</script>
+
+<style scoped></style>

src/components/pivottable/VPivottable.vue

@@ -14,6 +14,7 @@ import { aggregators, locales } from '@/helper'
 const props = withDefaults(defineProps<DefaultPropsType>(), {
   aggregators: () => aggregators,
   aggregatorName: 'Count',
+  renderers: () => TableRenderer,
   rendererName: 'Table',
   rowOrder: 'key_a_to_z',
   colOrder: 'key_a_to_z',
@@ -29,6 +30,6 @@ const props = withDefaults(defineProps<DefaultPropsType>(), {
 })
 
 const rendererComponent = computed(
-  () => props.renderers[props.rendererName] || TableRenderer.Table
+  () => (props.renderers || TableRenderer)[props.rendererName || 'Table'] || TableRenderer.Table
 )
 </script>

src/components/pivottable/renderer/TSVExportRenderers.vue

@@ -27,7 +27,7 @@ const headerRow = computed(() => {
   const header = [...pivotData.value.props.rows]
 
   if (colKeys.value.length === 1 && colKeys.value[0].length === 0) {
-    header.push(props.aggregatorName)
+    header.push(props.aggregatorName || 'Count')
   } else {
     colKeys.value.forEach((c: any[]) => header.push(c.join('-')))
   }

src/main.ts

@@ -1,10 +1,10 @@
 import { createApp } from 'vue'
 
 // import App from './App.vue'
-import MemoeryTestApp from './MemoeryTestApp.vue'
+import SimpleApp from './SimpleApp.vue'
 // import VuePivottable from '@/'
 
-const app = createApp(MemoeryTestApp)
+const app = createApp(SimpleApp)
 
 // app.component('VuePivottableUi', VuePivottableUi)
 

src/types/index.ts

@@ -13,18 +13,18 @@ export interface RendererDefinition {
 export interface DefaultPropsType {
   data: any
   aggregators?: Record<string, AggregatorTemplate>
-  aggregatorName: string
+  aggregatorName?: string
   heatmapMode?: 'full' | 'col' | 'row' | ''
   tableColorScaleGenerator?: (...args: any[]) => any
   tableOptions?: Record<string, any>
-  renderers: Record<string, RendererDefinition>
-  rendererName: string
+  renderers?: Record<string, RendererDefinition>
+  rendererName?: string
   locale?: string
   languagePack?: Record<string, Locale>
   showRowTotal?: boolean
   showColTotal?: boolean
-  cols: string[]
-  rows: string[]
+  cols?: string[]
+  rows?: string[]
   vals?: string[]
   attributes?: string[]
   valueFilter?: Record<string, any>