要将一个公共Vue 3组件库上传到npm并在项目中使用，可以按照以下步骤进行。在这个过程中，我们将使用Vue CLI和一个简单的示例组件库进行说明。

步骤：

步骤 1：创建Vue 3组件库

1. 初始化Vue 3组件库项目：

   使用Vue CLI创建一个新的Vue 3组件库项目。

   vue create vue3-component-library
   

2. 编写组件：

   在src/components目录下创建你的Vue 3组件，例如，创建一个简单的Button组件。

   <!-- src/components/Button.vue -->
   <template>
     <button @click="onClick">
       {{ text }}
     </button>
   </template>
   
   <script>
   export default {
     props: {
       text: {
         type: String,
         default: 'Click me'
       }
     },
     methods: {
       onClick() {
         this.$emit('click');
       }
     }
   };
   </script>
   
   <style scoped>
   button {
     padding: 10px;
     cursor: pointer;
   }
   </style>
   

步骤 2：配置打包和发布

1. 配置打包入口：

   在package.json中添加以下配置，指定打包入口。

   "main": "dist/vue3-component-library.umd.min.js",
   "module": "dist/vue3-component-library.esm.min.js",
   "unpkg": "dist/vue3-component-library.umd.min.js",
   

2. 添加打包脚本：

   在package.json中添加打包脚本，使用Vue CLI的构建命令。

   "scripts": {
     "build": "vue-cli-service build --target lib --name vue3-component-library src/components/Button.vue",
   },
   

步骤 3：构建和发布

1. 构建组件库：

   运行以下命令来构建Vue 3组件库。

   npm run build
   

   这将在dist目录下生成构建好的文件。

2. 登录npm账号：

   如果没有npm账号，可以使用以下命令注册。

   npm adduser
   

3. 发布组件库：

   运行以下命令发布组件库。

   npm publish --access public
   

步骤 4：在项目中使用组件库

1. 安装组件库：

   在你的Vue 3项目中安装刚刚发布的组件库。

   npm install vue3-component-library
   

2. 引入组件库：

   在你的项目中，可以通过以下方式引入组件。

   // main.js
   import { createApp } from 'vue';
   import App from './App.vue';
   import Vue3ComponentLibrary from 'vue3-component-library';
   
   const app = createApp(App);
   
   // 使用Vue.use注册组件库
   app.use(Vue3ComponentLibrary);
   
   app.mount('#app');
   

3. 在项目中使用组件：

   在你的项目中使用组件库中的组件。

   <!-- App.vue -->
   <template>
     <div id="app">
       <Vue3Button @click="handleClick" />
     </div>
   </template>
   
   <script>
   export default {
     methods: {
       handleClick() {
         console.log('Button clicked!');
       }
     }
   };
   </script>
   

以上步骤演示了如何创建、打包、发布Vue 3组件库，并在其他项目中使用。这只是一个基础示例，实际中可能需要更多配置和优化。在实际应用中，你可能还需要处理样式、文档生成、版本管理等问题。