chore: update 'autocomplete' demo for nativescript-ui-autocomplete v4.0.0

Author: NSBuildUser

autocomplete/README.md

@@ -4,4 +4,4 @@ This is a demo application that showcases the plugin in action.
 
 # Running the application
 
-If you are coming here for the first time after cloning the repository make sure to build the plugin's code located in the `src` folder. To build it simply run the `npm run postclone` scripts in `src`. After that you can use the NativeScripty CLI commands like `tns run` as usual.
+Make sure you are using the latest NativeScript CLI version by running `npm i nativescript -g`. Then run `tns run android` or `tns run ios` depending on the platform you want to run the application on.

autocomplete/app/examples/AsyncData/AsyncData.ts

@@ -4,7 +4,7 @@ import { TokenModel } from 'nativescript-ui-autocomplete';
 import * as http from 'tns-core-modules/http';
 
 const description = 'Async Data Fetch';
-
+// >> autocomplete-asyncdata-vue
 export default {
   name: 'AsyncData',
   description: description,
@@ -65,3 +65,4 @@ export default {
     });
   },
 };
+// << autocomplete-asyncdata-vue

autocomplete/app/examples/Completion-modes/Completion-modes.ts

@@ -3,7 +3,7 @@ import Contains from './Contains';
 import StartsWith from './Starts-with';
 
 const description = 'Completion modes';
-
+// >> autocomplete-completionmode-vue
 export default {
   name: 'Completion modes',
   description: description,
@@ -42,3 +42,4 @@ export default {
     },
   },
 };
+// << autocomplete-completionmode-vue

autocomplete/app/examples/Completion-modes/Contains.ts

@@ -1,5 +1,6 @@
 import * as frameModule from 'tns-core-modules/ui/frame';
 import { ObservableArray } from 'tns-core-modules/data/observable-array';
+// >> autocomplete-contains-vue
 import { AutoCompleteCompletionMode } from 'nativescript-ui-autocomplete';
 import { getCountry, getCountriesCount } from '../data';
 
@@ -49,3 +50,4 @@ export default {
     }
   }
 };
+// << autocomplete-contains-vue

autocomplete/app/examples/Completion-modes/Starts-with.ts

@@ -1,5 +1,6 @@
 import * as frameModule from 'tns-core-modules/ui/frame';
 import { ObservableArray } from 'tns-core-modules/data/observable-array';
+// >> autocomplete-start-with-vue
 import { AutoCompleteCompletionMode } from 'nativescript-ui-autocomplete';
 import { getCountry, getCountriesCount } from '../data';
 
@@ -49,3 +50,4 @@ export default {
     }
   }
 };
+// << autocomplete-start-with-vue

autocomplete/app/examples/Display-modes/Tokens.ts

@@ -1,5 +1,6 @@
 import * as frameModule from 'tns-core-modules/ui/frame';
 import { ObservableArray } from 'tns-core-modules/data/observable-array';
+// >> autocomplete-token-vue
 import { AutoCompleteCompletionMode, AutoCompleteDisplayMode } from 'nativescript-ui-autocomplete';
 import { getCountry, getCountriesCount } from '../data';
 import DisplayModes from '~/examples/Display-modes/Display-modes';
@@ -51,3 +52,4 @@ export default {
     }
   }
 };
+// << autocomplete-token-vue

autocomplete/app/examples/Events/Events.ts

@@ -1,5 +1,6 @@
 import * as frameModule from 'tns-core-modules/ui/frame';
 import { ObservableArray } from 'tns-core-modules/data/observable-array';
+// >> autocomplete-events-vue
 import { RadAutoCompleteTextView } from 'nativescript-ui-autocomplete';
 import { getCountriesCount, getCountry } from '../data';
 
@@ -131,3 +132,4 @@ export default {
     },
   },
 };
+// << autocomplete-events-vue

autocomplete/app/examples/GettingStarted/GettingStarted.ts

@@ -1,5 +1,6 @@
 import * as frameModule from 'tns-core-modules/ui/frame';
 import { ObservableArray } from 'tns-core-modules/data/observable-array';
+// >> autocomplete-gettingstarted-vue
 import { AutoCompleteCompletionMode, AutoCompleteDisplayMode, AutoCompleteSuggestMode } from 'nativescript-ui-autocomplete';
 import { getCountry, getCountriesCount, getCountryWithImage } from '../data';
 
@@ -100,3 +101,4 @@ export default {
     },
   },
 };
+// << autocomplete-gettingstarted-vue

autocomplete/app/examples/Suggest-modes/Append.ts

@@ -1,5 +1,6 @@
 import * as frameModule from 'tns-core-modules/ui/frame';
 import { ObservableArray } from 'tns-core-modules/data/observable-array';
+// >> autocomplete-append-mode-vue
 import { AutoCompleteSuggestMode } from 'nativescript-ui-autocomplete';
 import { getCountry, getCountriesCount } from '../data';
 import DisplayModes from '~/examples/Display-modes/Display-modes';
@@ -50,3 +51,4 @@ export default {
     }
   }
 };
+// << autocomplete-append-mode-vue

autocomplete/app/examples/Suggest-modes/Suggest-and-append.ts

@@ -1,5 +1,6 @@
 import * as frameModule from 'tns-core-modules/ui/frame';
 import { ObservableArray } from 'tns-core-modules/data/observable-array';
+// >> autocomplete-suggest-append-mode-vue
 import { AutoCompleteSuggestMode } from 'nativescript-ui-autocomplete';
 import { getCountry, getCountriesCount } from '../data';
 import DisplayModes from '~/examples/Display-modes/Display-modes';
@@ -50,3 +51,4 @@ export default {
     }
   }
 };
+// << autocomplete-suggest-append-mode-vue

autocomplete/app/examples/Suggest-modes/Suggest.ts

@@ -1,5 +1,6 @@
 import * as frameModule from 'tns-core-modules/ui/frame';
 import { ObservableArray } from 'tns-core-modules/data/observable-array';
+// >> autocomplete-suggest-mode-vue
 import { AutoCompleteSuggestMode } from 'nativescript-ui-autocomplete';
 import { getCountry, getCountriesCount } from '../data';
 
@@ -49,3 +50,4 @@ export default {
     }
   }
 };
+// << autocomplete-suggest-mode-vue

autocomplete/app/examples/data.ts

@@ -1,3 +1,4 @@
+// >> autocomplete-gettingstarted-data-vue
 import { TokenModel } from 'nativescript-ui-autocomplete';
 
 export const countries = [
@@ -51,4 +52,5 @@ export const getCountryWithImage = (i: number) => {
 
 export const getCountriesCount = () => {
   return countries.length;
-};
+};
+// << autocomplete-gettingstarted-data-vue

autocomplete/app/main.ts

@@ -1,14 +1,16 @@
+// >> autocomplete-import-vue
 import Vue from 'nativescript-vue';
-
+// >> (hide)
 import { getExamples } from './examples';
 import * as views from './views';
-
+// << (hide)
 import RadAutoComplete from 'nativescript-ui-autocomplete/vue';
+// >> (hide)
 import { setCssFileName } from "tns-core-modules/application";
 setCssFileName("app.css");
-
+// << (hide)
 Vue.use(RadAutoComplete);
-
+// << autocomplete-import-vue
 for (let comp of getExamples()) {
   Vue.component(comp.name, comp);
 }