fix: change default table style

Author: mdonnalley

src/ux/ux.ts

@@ -88,13 +88,15 @@ export class Ux extends UxBase {
       'vertical-with-outline',
       'vertical',
     ];
+
+    const defaultStyle = 'vertical-with-outline';
     const determineBorderStyle = (): TableOptions<T>['borderStyle'] => {
-      const envVar = env.getString('SF_TABLE_BORDER_STYLE', 'headers-only-with-underline');
+      const envVar = env.getString('SF_TABLE_BORDER_STYLE', defaultStyle);
       if (borderStyles.includes(envVar)) {
         return envVar as TableOptions<T>['borderStyle'];
       }
 
-      return 'headers-only-with-underline';
+      return defaultStyle;
     };
 
     this.maybeNoop(() =>

test/unit/ux/ux.test.ts

@@ -32,9 +32,11 @@ describe('Ux', () => {
         ux.table({ data: [{ key: 'foo', value: 'bar' }], title: 'Title' });
       });
       expect(stdout.replaceAll(' \n', '\n').trimEnd()).to.equal(`Title
-  Key   Value
- ─────────────
-  foo   bar`);
+┌─────┬───────┐
+│ Key │ Value │
+├─────┼───────┤
+│ foo │ bar   │
+└─────┴───────┘`);
     });
 
     it('should not log anything if output is not enabled', async () => {
@@ -54,9 +56,11 @@ describe('Ux', () => {
         ux.table(opts);
       });
       expect(stdout.replaceAll(' \n', '\n').trimEnd()).to.equal(`Title
-  Key   Value
- ─────────────
-  foo   bar`);
+┌─────┬───────┐
+│ Key │ Value │
+├─────┼───────┤
+│ foo │ bar   │
+└─────┴───────┘`);
     });
 
     it('should not log anything if output is not enabled', async () => {