feat: convert SFC to normal js file

Was unnecessary because the component is functional.
Also provides easier import!

Author: TheAlexLichter

lib/ScrollNextLevel.vue renamed to lib/index.js

@@ -1,8 +1,7 @@
-<script>
 export default {
   functional: true,
   render (h, { children, data, props: { target, scrollFunction }, _ssrNode }) {
-    const clickFunction = () => { scrollFunction ? scrollFunction(target) : defaultScrollFunction(target)}
+    const clickFunction = () => { scrollFunction ? scrollFunction(target) : defaultScrollFunction(target) }
 
     return h('div', {
       ...data,
@@ -29,12 +28,11 @@ const defaultScrollFunction = async rawTarget => {
 
   // If target prop is present but the node does not exist, send an error
   if (!node) {
+  // eslint-disable-next-line no-console
     return console.error(`Could not scroll to ${target}`)
   }
 
   node.scrollIntoView({
     behavior: 'smooth'
   })
 }
-
-</script>

package.json

@@ -4,7 +4,7 @@
   "description": "Bring your scroll game to the next level",
   "author": "Alexander Lichter <[email protected]>",
   "license": "MIT",
-  "main": "lib/ScrollNextLevel.vue",
+  "main": "lib/index.js",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Developmint/vue-next-level-scroll"

test/ScrollNextLevel.spec.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import { mount } from '@vue/test-utils'
-import ScrollNextLevel from '@/ScrollNextLevel'
+import ScrollNextLevel from '../lib'
 import Target from './fixtures/Target'
 import { render } from '@vue/server-test-utils'
 import flushPromises from 'flush-promises'