Skip to content

Instantly share code, notes, and snippets.

@dreampuf
Created July 8, 2020 02:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dreampuf/d783deb4a8434fbf82f2b4c8abed2c77 to your computer and use it in GitHub Desktop.
Save dreampuf/d783deb4a8434fbf82f2b4c8abed2c77 to your computer and use it in GitHub Desktop.
How to create a vuejs3 project
vue create PROJECT_NAME
# select features you need
cd PROJECT_NAME
vue add vue-next
rm src/shims-tsx.d.ts
sed -i '' 's/RouteConfig/RouteRecordRaw/g' src/router/index.ts # https://github.com/vuejs/vue-router-next/commit/fd49bbd085e9df7804994ea188f94384ac22e048
patch -p1 <<'EOF'
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index dc773ba..01a7286 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -34,9 +34,10 @@
</template>
<script lang="ts">
-import Vue from 'vue';
+import { defineComponent } from 'vue';
-export default Vue.extend({
+
+export default defineComponent({
name: 'HelloWorld',
props: {
msg: String,
EOF
yarn serve
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment