fix: flexbox context undefined

Author: sheepbox8646

packages/layout/src/columns.ts

@@ -7,7 +7,7 @@ const T = type({
 
 }).partial().and(FlexboxType)
 
-export default defineComponent<'columns', typeof T.infer, { direction: Ref<'row' | 'column'> }>((attrs, context) => {
+export default defineComponent<'columns', typeof T.infer, { direction?: Ref<'row' | 'column'> }>((attrs, context) => {
   const direction = ref(toValue(attrs.direction ?? 'column') as 'row' | 'column')
   return {
     name: 'columns',

packages/layout/src/flexbox.ts

@@ -17,10 +17,10 @@ export const FlexboxType = type({
   basis: type(`string | number`).optional(),
 }).and(BlockType)
 
-export default defineComponent<'flexbox', typeof FlexboxType.infer, { direction: Ref<'row' | 'column'> }>((attrs, context) => {
+export default defineComponent<'flexbox', typeof FlexboxType.infer, { direction?: Ref<'row' | 'column'> }>((attrs, context) => {
   const extend = block(attrs, context)
   const direction = ref(toValue(attrs.direction ?? 'row') as string)
-  const selfDirection = context.direction.value
+  const selfDirection = context.direction?.value
 
   return {
     name: 'flexbox',

packages/layout/src/rows.ts

@@ -7,7 +7,7 @@ const T = type({
 
 }).partial().and(FlexboxType)
 
-export default defineComponent<'rows', typeof T.infer, { direction: Ref<'row' | 'column'> }>((attrs, context) => {
+export default defineComponent<'rows', typeof T.infer, { direction?: Ref<'row' | 'column'> }>((attrs, context) => {
   const direction = ref(toValue(attrs.direction ?? 'row') as string)
   return {
     name: 'rows',