sp-dev-fx-webparts/samples/vuejs-todo-single-file-comp.../README.md

# Todo Client Web Part built with Vue.js and Vue's single-file components

## Summary

Sample Todo web part demonstrating how you can utilize [Vue](https://vuejs.org/v2) (a progressive framework for building user interfaces) with SharePoint Framework using handy [single-file components](https://vuejs.org/v2/guide/single-file-components.html) approach. 

## Used SharePoint Framework Version
![drop](https://img.shields.io/badge/drop-ga-green.svg)

## Applies to

* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
* [Office 365 developer tenant](http://dev.office.com/sharepoint/docs/spfx/set-up-your-developer-tenant)

## Solution

Solution|Author(s)
--------|---------
vuejs-todo-single-file-component|Sergei Sergeev ([@sergeev_srg](https://twitter.com/sergeev_srg)), Dimcho Tsanov ([Singens](http://singens.com))

## Version history

Version|Date|Comments
-------|----|--------
0.0.1|January 27, 2017|Initial version.
0.0.2|March 30, 2017|Updated to GA
0.0.3|June 14, 2017|Fix webpack 2 issues
0.0.4|October 7, 2017|Updated packages to latest versions, misc fixing
0.0.5|November 15, 2017|Added data provider that demonstrates the CRUD operations
0.0.6|December 11, 2018|Updated sample to SPFx 1.4 and Vue 2.5.x

## Disclaimer
**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**

---

## Minimal Path to Awesome

- Clone this repo
- In the command line run:
  - `npm i`
  - `gulp serve`

## Features

Demonstrates\uses below features:

 - integration between third party frontend framework Vue.js and SharePoint Framework
 - build pipeline customization
 - custom build pipeline tasks
 - modern component-based architecture
 - separation of concerns between markup, styling and code
 - single-file components architecture for Vue.js
 - custom webpack loaders

 <img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/vuejs-todo-single-file-component" />
Added Vue.js todo sample. (#106) 2017-02-03 10:55:11 -05:00			`# Todo Client Web Part built with Vue.js and Vue's single-file components`

			`## Summary`

			`Sample Todo web part demonstrating how you can utilize [Vue](https://vuejs.org/v2) (a progressive framework for building user interfaces) with SharePoint Framework using handy [single-file components](https://vuejs.org/v2/guide/single-file-components.html) approach.`

			`## Used SharePoint Framework Version`
Add CRUD operations. (#368) Extend the sample so it uses SharePoint data. 2017-12-01 09:43:13 -05:00			`![drop](https://img.shields.io/badge/drop-ga-green.svg)`
Added Vue.js todo sample. (#106) 2017-02-03 10:55:11 -05:00
			`## Applies to`

			`* [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)`
			`* [Office 365 developer tenant](http://dev.office.com/sharepoint/docs/spfx/set-up-your-developer-tenant)`

			`## Solution`

			`Solution\|Author(s)`
			`--------\|---------`
Add CRUD operations. (#368) Extend the sample so it uses SharePoint data. 2017-12-01 09:43:13 -05:00			`vuejs-todo-single-file-component\|Sergei Sergeev ([@sergeev_srg](https://twitter.com/sergeev_srg)), Dimcho Tsanov ([Singens](http://singens.com))`
Added Vue.js todo sample. (#106) 2017-02-03 10:55:11 -05:00
			`## Version history`

			`Version\|Date\|Comments`
			`-------\|----\|--------`
			`0.0.1\|January 27, 2017\|Initial version.`
Upgraded Vue.js sample to GA. (#168) 2017-03-30 18:34:42 -04:00			`0.0.2\|March 30, 2017\|Updated to GA`
Fixed issues with webpack 2. (#239) Updated root .gitignore in order to block nuget packages folder. 2017-06-15 08:34:20 -04:00			`0.0.3\|June 14, 2017\|Fix webpack 2 issues`
Updated to latest packages. Fixed issue with component declaration. (#323) Update package.json, badge, readme. 2017-10-09 04:44:26 -04:00			`0.0.4\|October 7, 2017\|Updated packages to latest versions, misc fixing`
Updated sample to latest vue and spfx drops. (#399) 2018-01-20 09:00:45 -05:00			`0.0.5\|November 15, 2017\|Added data provider that demonstrates the CRUD operations`
			`0.0.6\|December 11, 2018\|Updated sample to SPFx 1.4 and Vue 2.5.x`
Added Vue.js todo sample. (#106) 2017-02-03 10:55:11 -05:00
			`## Disclaimer`
			`*THIS CODE IS PROVIDED AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**`

			`---`

			`## Minimal Path to Awesome`

			`- Clone this repo`
			`- In the command line run:`
			- `npm i`
			- `gulp serve`

			`## Features`

			`Demonstrates\uses below features:`

			`- integration between third party frontend framework Vue.js and SharePoint Framework`
Updated to latest packages. Fixed issue with component declaration. (#323) Update package.json, badge, readme. 2017-10-09 04:44:26 -04:00			`- build pipeline customization`
			`- custom build pipeline tasks`
Added Vue.js todo sample. (#106) 2017-02-03 10:55:11 -05:00			`- modern component-based architecture`
			`- separation of concerns between markup, styling and code`
			`- single-file components architecture for Vue.js`
Modified tracking images for the samples. 2017-02-03 11:11:42 -05:00			`- custom webpack loaders`

			`<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/vuejs-todo-single-file-component" />`