vue
github.com/norunners/vueg
go get github.com/norunners/vueg
vue

github.com/norunners/vueg

The Go generator for Vue templates.

go get github.com/norunners/vueg
Readme

vueg

Command vueg is the Go generator for Vue templates.

Install

go get github.com/norunners/vueg

Hello World!

The mainTmpl.vue Vue template file is read to generate Go source.

<template>
    <div>{{ Message }}</div>
</template>

The main.go file declares the //go:generate vueg directive. Note, the constant mainTmpl is expected to be generated.

package main

import "github.com/norunners/vue"

//go:generate vueg

type Data struct {
    Message string
}

func main() {
    vue.New(
        vue.El("#app"),
        vue.Template(mainTmpl),
        vue.Data(Data{Message: "Hello WebAssembly!"}),
    )

    select {}
}

Run vueg with the following command.

go generate

Finally, the mainTmpl.go file is generated with the mainTmpl constant.

// The vueg command generated this source from file: mainTmpl.vue, do not edit.

package main

const mainTmpl = "<div>{{ Message }}</div>"

File Watching

Below is the vueg file watcher setup in GoLand. The file watcher runs go generate after changes are made to Go files. Note, this configuration does not listen to changes on the Vue template files themselves. Other IDEs that support file watchers may be configured similarly. file-watcher

Styling

The vueg command does not currently support the <style> element in Vue templates. The goal is to support scoped styling in the future.

License

GitHub Stars

12

LAST COMMIT

4yrs ago

MAINTAINERS

0

CONTRIBUTORS

1

OPEN ISSUES

0

OPEN PRs

0
VersionTagPublished
v0.0.0-20180916044304-743b596658d7
2yrs ago
No alternatives found
No tutorials found
Add a tutorial