npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@realybig/vue2to3

v1.0.6

Published

> Vue2 代码转 vue3 script setup 语法

Downloads

9

Readme

Vue2 代码转 Vue3 代码

Vue2 代码转 vue3 script setup 语法

直接复制 Vue2 代码即可

注意:

  1. ref 命名请勿和 data 中的变量冲突。
  2. data 中引用函数和变量的需要先注释,如果引入了 methods 的方法,会转为去掉 this 的字符串形式,转完在手动修改回来。
  3. style 代码不会拼接。

安装

npm install @realybig/vue2to3 -g

使用方法

单文件转换: vue2to3 [path]/[filename] [-m mode]

示例: vue2to3 src/components/HelloWorld.vue

批量转换: vue2to3 [path] [-m mode]

示例: vue2to3 src/components/

默认模式转换后会在文件目录下生成一个 vue3 文件夹,转换后的文件会存放到这个文件夹下

overwrite 模式会直接覆盖原文件

路线图

  • [x] 测试基本安装及命令执行
  • [x] 测试单文件转换
  • [x] 测试批量转换
  • [x] 支持批量转换两种模式,选择覆盖模式(-m overwrite)还是在目录下新建 vue3 文件夹模式(默认模式)
  • [ ] 支持批量转换目录及子目录下所有文件
  • [ ] 支持将文件名写入 script name 中
  • [ ] 支持转换前命令行选择 js/ts 类型,函数的参数加上 any 类型
  • [ ] 支持 ruoyi 系统 vue2 转换