build fix, lint, minor fix

.stylelintrc

@@ -1,8 +1,6 @@
 {
   "extends": [
-    "stylelint-config-standard-scss",
+    "stylelint-config-standard-scss"
-    "stylelint-config-prettier-scss",
-    "stylelint-config-css-modules"
   ],
   "plugins": [
     "stylelint-order",

src/components/Article/CommentsTree.tsx

@@ -125,7 +125,7 @@ export const CommentsTree = (props: Props) => {
                 onClick={() => {
                   setCommentsOrder('newOnly')
                 }}
-                className={styles.commentsViewSwitcherButton}
+                class={styles.commentsViewSwitcherButton}
               />
             </li>
           </Show>
@@ -136,7 +136,7 @@ export const CommentsTree = (props: Props) => {
               onClick={() => {
                 setCommentsOrder('createdAt')
               }}
-              className={styles.commentsViewSwitcherButton}
+              class={styles.commentsViewSwitcherButton}
             />
           </li>
           <li classList={{ selected: commentsOrder() === 'rating' }}>
@@ -146,7 +146,7 @@ export const CommentsTree = (props: Props) => {
               onClick={() => {
                 setCommentsOrder('rating')
               }}
-              className={styles.commentsViewSwitcherButton}
+              class={styles.commentsViewSwitcherButton}
             />
           </li>
         </ul>

src/components/Article/FullArticle.tsx

@@ -1,7 +1,7 @@
 import { capitalize, formatDate } from '../../utils'
 import { Icon } from '../_shared/Icon'
 import { AuthorCard } from '../Author/Card'
-import { createEffect, createMemo, createSignal, For, Match, onMount, Show, Switch } from 'solid-js'
+import { createMemo, createSignal, For, Match, onMount, Show, Switch } from 'solid-js'
 import type { Author, Shout } from '../../graphql/types.gen'
 import MD from './MD'
 import { SharePopup } from './SharePopup'
@@ -13,7 +13,7 @@ import { useSession } from '../../context/session'
 import VideoPlayer from './VideoPlayer'
 import Slider from '../_shared/Slider'
 import { getPagePath } from '@nanostores/router'
-import { router, useRouter } from '../../stores/router'
+import { router } from '../../stores/router'
 import { useReactions } from '../../context/reactions'
 import { Title } from '@solidjs/meta'
 import { useLocalize } from '../../context/localize'

src/components/Editor/EditorBubbleMenu/EditorBubbleMenu.tsx

@@ -18,7 +18,7 @@ export const EditorBubbleMenu = (props: BubbleMenuProps) => {
   const [listBubbleOpen, setListBubbleOpen] = createSignal<boolean>(false)
   const [linkEditorOpen, setLinkEditorOpen] = createSignal<boolean>(false)
 
-  const isActive = (name: string, attributes?: {}) =>
+  const isActive = (name: string, attributes?: unknown) =>
     createEditorTransaction(
       () => props.editor,
       (editor) => {

src/components/Nav/ProfilePopup.tsx

@@ -29,7 +29,7 @@ export const ProfilePopup = (props: ProfilePopupProps) => {
           <a href="#">{t('Subscriptions')}</a>
         </li>
         <li>
-          <a href={`${getPagePath(router, 'author', { slug: userSlug() })}/?by=commented`}>
+          <a href={`${getPagePath(router, 'author', { slug: user().slug })}/?by=commented`}>
             {t('Comments')}
           </a>
         </li>

src/components/_shared/Button/Button.tsx

@@ -10,7 +10,7 @@ type Props = {
   loading?: boolean
   disabled?: boolean
   onClick?: () => void
-  className?: string | ''
+  class?: string
 }
 
 export const Button = (props: Props) => {
@@ -26,7 +26,7 @@ export const Button = (props: Props) => {
         {
           [styles.loading]: props.loading
         },
-        props.className
+        props.class
       )}
     >
       {props.value}