classes cleanup

Author: thecodejack

src/components/BreakView.svelte

@@ -2,7 +2,7 @@
   export let breakLabel = "";
   export let breakClassName = "";
   export let breakLinkClassName = "";
-  export let onClick = null;
+  export let onClick = null; // TODO fix keypress
 
   let className = "";
 

src/components/PageView.svelte

@@ -1,5 +1,5 @@
 <script>
-  export let onClick = null;
+  export let onClick = null; // TODO fix keypress
   export let selected = false;
   export let pageClassName = "";
   export let pageLinkClassName = "";

src/components/Pagination.svelte

@@ -37,7 +37,7 @@
   } else if (forcePage) {
     initialSelected = forcePage;
   } else {
-    initialSelected = 1;
+    initialSelected = 0;
   }
 
   let state = {
@@ -266,22 +266,23 @@
   }
 </style>
 
-<ul className={containerClassName}>
-  <li className={previousClasses}>
+<ul class={containerClassName}>
+  <li class={previousClasses}>
     <a
       on:click={handlePreviousPage}
-      className={previousLinkClassName}
+      class={previousLinkClassName}
       href={hrefBuilderMain(state.selected - 1)}
       tabIndex="0"
       role="button"
-      onKeyPress={handlePreviousPage}
+      on:keypress={handlePreviousPage}
       aria-disabled={previousAriaDisabled}>
       {previousLabel}
     </a>
   </li>
 
   {#each state.items as { itemIndex, type }, i}
     {#if type === 'PageView'}
+      {@debug itemIndex}
       <svelte:component
         this={PageView}
         key={itemIndex}
@@ -306,14 +307,14 @@
     {/if}
   {/each}
 
-  <li className={nextClasses}>
+  <li class={nextClasses}>
     <a
       on:click={handleNextPage}
-      className={nextLinkClassName}
+      class={nextLinkClassName}
       href={hrefBuilderMain(state.selected + 1)}
       tabIndex="0"
       role="button"
-      onKeyPress={handleNextPage}
+      on:keypress={handleNextPage}
       aria-disabled={nextAriaDisabled}>
       {nextLabel}
     </a>