shawn-yee/vite-starter-ref-sugar

vite-starter-ref-sugar

Vite starter template for the new <script setup> and ref sugar RFC. Powered by Knightly

⚠️ Please note the feature is currently still in pending RFC phrase which means nothing has set in stone yet. This starter template is just for experimenting purposes.

<script setup>
import { computed } from 'vue'

ref: count = 0
ref: doubled = computed(() => count * 2)

const inc = () => count++
</script>

Usage

Install the dependencies

you need to use yarn or pnpm, npm won't work for some reason

yarn # pnpm i

Start the server

yarn dev # pnpm run dev

Manually

Just update your dependencies and reinstall the packages

  "dependencies": {
    "vue": "npm:@knightly/vue@ref-sugar"
  },
  "devDependencies": {
    "vite": "1.0.0-rc.9",
    "@vue/compiler-sfc": "npm:@knightly/vue__compiler-sfc@ref-sugar"
  }