Updated to latest packages. Fixed issue with component declaration. (#323)

Update package.json, badge, readme.

samples/vuejs-todo-single-file-component/README.md

@@ -5,7 +5,7 @@
 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)
+![drop](https://img.shields.io/badge/drop-1.3.0-green.svg)
 
 ## Applies to
 
@@ -25,6 +25,7 @@ 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
 
 ## 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.**
@@ -43,7 +44,8 @@ Version|Date|Comments
 Demonstrates\uses below features:
 
  - integration between third party frontend framework Vue.js and SharePoint Framework
- - build pipeline customizations
+ - 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

samples/vuejs-todo-single-file-component/config/config.json

@@ -1,15 +1,20 @@
 {
-  "entries": [
-    {
-      "entry": "./lib/webparts/toDo/ToDoWebPart.js",
-      "manifest": "./src/webparts/toDo/ToDoWebPart.manifest.json",
-      "outputPath": "./dist/to-do.bundle.js"
+  "$schema": "https://dev.office.com/json-schemas/spfx-build/config.2.0.schema.json",
+  "version": "2.0",
+  "bundles": {
+    "to-do-bundle": {
+      "components": [
+        {
+          "entrypoint": "./lib/webparts/toDo/ToDoWebPart.js",
+          "manifest": "./src/webparts/toDo/ToDoWebPart.manifest.json"
+        }
+      ]
     }
-  ],
-  "externals": {
-    "vue": "node_modules/vue/dist/vue.runtime.js"
   },
   "localizedResources": {
-    "toDoStrings": "webparts/toDo/loc/{locale}.js"
+    "toDoStrings": "lib/webparts/toDo/loc/{locale}.js"
+  },
+  "externals": {
+    "vue": "node_modules/vue/dist/vue.runtime.js"
   }
-}
+}

samples/vuejs-todo-single-file-component/gulpfile.js

@@ -30,8 +30,11 @@ build.configureWebpack.setConfig({
     }
 });
 
-build.copyStaticAssets.setConfig({
-    includeExtensions: ['vue', 'scss']
+let copyOtherFiles = build.subTask('copy-other-files', function(gulp, buildOptions, done){
+    return gulp.src(['src/**/*.vue', 'src/**/*.scss'])
+               .pipe(gulp.dest(buildOptions.libFolder))
 });
+build.task('copy-other-files', copyOtherFiles);
+build.rig.addPostTypescriptTask(copyOtherFiles);
 
 build.initialize(gulp);

samples/vuejs-todo-single-file-component/package.json

@@ -1,30 +1,31 @@
 {
   "name": "vue-todo",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "private": true,
   "engines": {
     "node": ">=0.10.0"
   },
   "dependencies": {
-    "@microsoft/sp-core-library": "~1.1.0",
-    "@microsoft/sp-webpart-base": "~1.1.1",
+    "@microsoft/sp-core-library": "~1.3.0",
+    "@microsoft/sp-lodash-subset": "~1.3.0",
+    "@microsoft/sp-webpart-base": "~1.3.0",
     "@types/webpack-env": ">=1.12.1 <1.14.0",
-    "vue": "^2.3.4",
+    "vue": "^2.4.4",
     "vue-class-component": "^5.0.1",
-    "vue-property-decorator": "^5.1.0",
-    "vue-template-compiler": "^2.3.4"
+    "vue-property-decorator": "^5.3.0",
+    "vue-template-compiler": "^2.4.4"
   },
   "devDependencies": {
-    "@microsoft/sp-build-web": "~1.1.0",
-    "@microsoft/sp-module-interfaces": "~1.1.0",
-    "@microsoft/sp-webpart-workbench": "~1.1.0",
+    "@microsoft/sp-build-web": "~1.3.0",
+    "@microsoft/sp-module-interfaces": "~1.3.0",
+    "@microsoft/sp-webpart-workbench": "~1.3.0",
     "@types/chai": ">=3.4.34 <3.6.0",
     "@types/mocha": ">=2.2.33 <2.6.0",
     "css-loader": "^0.28.4",
     "gulp": "~3.9.1",
     "node-sass": "^4.5.3",
-    "sass-loader": "^6.0.5",
-    "vue-loader": "^12.2.1",
+    "sass-loader": "^6.0.6",
+    "vue-loader": "^13.0.5",
     "webpack-merge": "^4.1.0"
   },
   "scripts": {

samples/vuejs-todo-single-file-component/src/webparts/todo/sfc.d.ts

@@ -1,4 +1,4 @@
 declare module "*.vue" {
-  import Vue = require('vue');
-  export default typeof Vue;
+  import Vue from 'vue';
+  export default Vue;
 }