https://github.com/nop33/dfinity-vue

🌱 Vue.js integration with DFINITY SDK bootstrap webpack project.
https://github.com/nop33/dfinity-vue

dfinity hacktoberfest vue

Last synced: 3 months ago
JSON representation

🌱 Vue.js integration with DFINITY SDK bootstrap webpack project.

• Host: GitHub
• URL: https://github.com/nop33/dfinity-vue
• Owner: nop33
• Created: 2020-11-30T20:12:05.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-07-14T06:38:59.000Z (over 3 years ago)
• Last Synced: 2024-06-21T18:09:23.310Z (5 months ago)
• Topics: dfinity, hacktoberfest, vue
• Language: JavaScript
• Homepage:
• Size: 345 KB
• Stars: 16
• Watchers: 3
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-icp - nop33/dfinity-vue

README

        
# DFINITY-Vue

[![Mentioned in Awesome DFINITY](https://awesome.re/mentioned-badge.svg)](https://github.com/dfinity/awesome-dfinity)

[![Open in Visual Studio Code](https://open.vscode.dev/badges/open-in-vscode.svg)](https://open.vscode.dev/organization/repository)



  



Integration of [Vue.js][vue] with the default [DFINITY SDK][sdk] [bootstrap webpack project][project]. There is also an integration with [Vuetify][] in its own branch: [`vuetify`][vuetify-branch].

## Docs and resources

I documented the process of integrating both Vue and Vuetify in my respective blog posts:

- [Integrating Vue.js with DFINITY SDK Bootstrap project - Part 1][blog post part 1]

- [Integrating Vue.js with DFINITY SDK Bootstrap project - Part 2: Adding Vuetify][blog post part 2]

See the following documentation available online:

- [Quick Start](https://sdk.dfinity.org/docs/quickstart/quickstart-intro.html)

- [SDK Developer Tools](https://sdk.dfinity.org/docs/developers-guide/sdk-guide.html)

- [Motoko Programming Language Guide](https://sdk.dfinity.org/docs/language-guide/motoko.html)

- [Motoko Language Quick Reference](https://sdk.dfinity.org/docs/language-guide/language-manual.html)

If the docs are not helping, these are other resources you can draw inspiration from:

- [Awesome DFINITY repository](https://github.com/dfinity/awesome-dfinity)

- [DFINITY examples](https://github.com/dfinity/examples)

If nothing helps and you are stuck, these are places you can go ask for guidance:

- [DFINITY forum](https://forum.dfinity.org/)

- [DFINITY Devs Telegram channel](https://t.me/DFINITY_Devs)

## Troubleshooting

### Missing node signing public key

Restart the DFX network with:

```

dfx start --clean

```

The `--clean` option removes checkpoints and stale state information from your project’s cache so that you can restart the Internet Computer replica and web server processes in a clean state.

### How to upgrade the SDK

To upgrade from a previous SDK version, run:

```

dfx upgrade

```

For a clean installation instead of an upgrade, run:

```

~/.cache/dfinity/uninstall.sh && sh -ci "$(curl -sSL https://sdk.dfinity.org/install.sh)"

```

[vue]: https://vuejs.org/

[sdk]: https://sdk.dfinity.org/docs/index.html

[project]: https://sdk.dfinity.org/docs/developers-guide/tutorials/explore-templates.html

[vuetify]: https://vuetifyjs.com/

[vuetify-branch]: https://github.com/nop33/dfinity-vue/tree/vuetify

[blog post part 1]: https://www.iliascreates.com/integrating-vue-dfinity-sdk/

[blog post part 2]: https://www.iliascreates.com/integrating-vuetify-dfinity-sdk/