Fixed undefined class in format-table

anovi · May 17, 2020 · f7e932d · f7e932d
1 parent 0eae5c4
commit f7e932d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/site/components/format-table.vue b/site/components/format-table.vue
@@ -79,6 +79,7 @@ export default {
         source() {
             if (!this.interactive) return null;
             var wrapperClass = this.wrapper.class + (this.wrapper.value ? this.getValue(' ') : '')
+            wrapperClass = wrapperClass.trim()
             var open = wrapperClass ? `<div class="${wrapperClass}">\n` : ''
             var close = wrapperClass ? `\n</div>` : ''
             var tab = wrapperClass ? '    ' : ''

diff --git a/site/pages/grid.vue b/site/pages/grid.vue
@@ -32,7 +32,7 @@
 
     <h3>Grid classes</h3>
 
-    <format-table :items="$store.state.classes.grid.row" :initial="[0,0,3]" :example="gridRowExample" :wrapper="{value: true}" interactive />
+    <format-table :items="$store.state.classes.grid.row" :initial="[0,0,3]" :example="gridRowExample" :wrapper="{class: '', value: true}" interactive />
 
     <p>Grid classes are wrappers for columns. Immediate children of grids became columns. There are 11 grid classes by default. From <code>.grid-2</code> to <code>.grid-12</code>. Use <code>.container</code> as a wrapper if you want your content to have max-width and be aligned to the center.</p>