nation-cascader-select

A Vue 3 nation cascader select component based on Element Plus.

Install

npm install @your-npm-scope/nation-cascader-select

This package expects these peer dependencies in the consuming project:

• vue
• element-plus
• @element-plus/icons-vue

Usage

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import NationCascaderSelectPlugin from '@your-npm-scope/nation-cascader-select'
import '@your-npm-scope/nation-cascader-select/style.css'

const app = createApp(App)
app.use(ElementPlus)
app.use(NationCascaderSelectPlugin)

<template>
  <NationCascaderSelect v-model="value" :options="options" />
</template>

<script setup lang="ts">
import { ref } from 'vue'

const value = ref<string[]>([])

const options = [
  {
    code: 'asia',
    name: '亚洲',
    children: [
      { code: 'CN', name: '中国' },
      { code: 'JP', name: '日本' },
    ],
  },
]
</script>

Build

npm install
npm run build

Publish

1. Update package.json name to your real npm package name.
2. Update version.
3. Login to npm:

npm login

4. Publish:

npm publish --access public