feat splitpanes components

Author: xingxingmofashu

package.json

@@ -29,7 +29,8 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.14.1592"
+    "@nuxt/kit": "^3.14.1592",
+    "splitpanes": "^3.1.5"
   },
   "devDependencies": {
     "@nuxt/devtools": "^1.6.3",

playground/app.vue

@@ -1,8 +1,20 @@
 <template>
-  <div>
-    Nuxt module playground!
-  </div>
+  <Splitpanes
+    class="default-theme"
+    horizontal
+    style="height: 400px"
+  >
+    <Pane
+      min-size="20"
+      max-size="70"
+    >
+      <span>1</span>
+    </Pane>
+    <Pane>
+      <span>2</span>
+    </Pane>
+    <Pane max-size="70">
+      <span>3</span>
+    </Pane>
+  </Splitpanes>
 </template>
-
-<script setup>
-</script>

pnpm-lock.yaml

@@ -1,18 +1,40 @@
-import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
+import { defineNuxtModule, addComponent } from '@nuxt/kit'
 
-export default defineNuxtModule({
+export type { Splitpanes, Pane } from 'splitpanes'
+
+export interface SplitpanesOption {
+  prefix: string
+}
+
+export default defineNuxtModule<SplitpanesOption>({
   meta: {
     name: 'splitpanes-nuxt',
     configKey: 'splitpanes',
+    compatibility: {
+      nuxt: '>=3.0.0',
+    },
   },
-  defaults: {},
-  setup(_options, _nuxt) {
-    const { resolve } = createResolver(import.meta.url)
-
-    const runtimeDir = resolve('./runtime')
+  setup(options, nuxt) {
+    const prefix = options.prefix || nuxt.options.splitpanes?.prefix || '';
 
-    addPlugin({
-      src: resolve(runtimeDir, 'plugin'),
+    (['Splitpanes', 'Pane'] as string[]).map(c => ({
+      name: `${prefix}${c}`,
+      filePath: 'splitpanes/dist/splitpanes.es.js',
+      export: c,
+    })).forEach((c) => {
+      addComponent(c)
     })
+
+    // Add slider css
+    nuxt.options.css.unshift('splitpanes/dist/splitpanes.css')
   },
 })
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig {
+    splitpanes?: SplitpanesOption
+  }
+  interface NuxtConfig {
+    splitpanes?: SplitpanesOption
+  }
+}