diff --git a/How to/Add Handwritten Signature Programmatically/package.json b/How to/Add Handwritten Signature Programmatically/package.json
index 92f0a07..b16bcf3 100644
--- a/How to/Add Handwritten Signature Programmatically/package.json	
+++ b/How to/Add Handwritten Signature Programmatically/package.json	
@@ -1,5 +1,5 @@
 {
-  "name": "quickstart",
+  "name": "handwritten_signature",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -10,7 +10,12 @@
   "dependencies": {
     "@syncfusion/ej2-vue-pdfviewer": "*",
     "core-js": "^3.8.3",
-    "vue": "^2.7.16"
+    "vue": "^3.2.13",
+    "buffer": "^6.0.3",
+    "crypto-browserify": "^3.12.0",
+    "stream-browserify": "^3.0.0",
+    "util": "^0.12.5",
+    "vm-browserify": "^1.1.2"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",
@@ -19,8 +24,7 @@
     "@vue/cli-plugin-eslint": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
     "eslint": "^7.32.0",
-    "eslint-plugin-vue": "^8.0.3",
-    "vue-template-compiler": "^2.7.16"
+    "eslint-plugin-vue": "^8.0.3"
   },
   "eslintConfig": {
     "root": true,
@@ -39,6 +43,7 @@
   "browserslist": [
     "> 1%",
     "last 2 versions",
-    "not dead"
+    "not dead",
+    "not ie 11"
   ]
 }
diff --git a/How to/Add Handwritten Signature Programmatically/src/App.vue b/How to/Add Handwritten Signature Programmatically/src/App.vue
index d8e571e..ae7bf89 100644
--- a/How to/Add Handwritten Signature Programmatically/src/App.vue	
+++ b/How to/Add Handwritten Signature Programmatically/src/App.vue	
@@ -11,14 +11,16 @@
 </template>
 
 <script>
-import Vue from 'vue';
-import { PdfViewerPlugin, Toolbar, Magnification, Navigation, 
+
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, 
          LinkAnnotation, BookmarkView, Annotation, ThumbnailView, 
          Print, TextSelection, TextSearch, FormFields, FormDesigner,PageOrganizer, DisplayMode  } from '@syncfusion/ej2-vue-pdfviewer';
-Vue.use(PdfViewerPlugin);
 
 export default {
-  name: 'app',
+  name: 'App',
+  components: {
+      "ejs-pdfviewer": PdfViewerComponent
+    },
   data () {
     return {
       resourceUrl:"https://cdn.syncfusion.com/ej2/27.1.48/dist/ej2-pdfviewer-lib",
diff --git a/How to/Add Handwritten Signature Programmatically/src/main.js b/How to/Add Handwritten Signature Programmatically/src/main.js
index 63eb05f..01433bc 100644
--- a/How to/Add Handwritten Signature Programmatically/src/main.js	
+++ b/How to/Add Handwritten Signature Programmatically/src/main.js	
@@ -1,8 +1,4 @@
-import Vue from 'vue'
+import { createApp } from 'vue'
 import App from './App.vue'
 
-Vue.config.productionTip = false
-
-new Vue({
-  render: h => h(App),
-}).$mount('#app')
+createApp(App).mount('#app')
diff --git a/How to/Customization of PrintQuality/package.json b/How to/Customization of PrintQuality/package.json
index 92f0a07..07cc589 100644
--- a/How to/Customization of PrintQuality/package.json	
+++ b/How to/Customization of PrintQuality/package.json	
@@ -1,5 +1,5 @@
 {
-  "name": "quickstart",
+  "name": "printquality",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -10,7 +10,12 @@
   "dependencies": {
     "@syncfusion/ej2-vue-pdfviewer": "*",
     "core-js": "^3.8.3",
-    "vue": "^2.7.16"
+    "vue": "^3.2.13",
+    "buffer": "^6.0.3",
+    "crypto-browserify": "^3.12.0",
+    "stream-browserify": "^3.0.0",
+    "util": "^0.12.5",
+    "vm-browserify": "^1.1.2"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",
@@ -19,8 +24,7 @@
     "@vue/cli-plugin-eslint": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
     "eslint": "^7.32.0",
-    "eslint-plugin-vue": "^8.0.3",
-    "vue-template-compiler": "^2.7.16"
+    "eslint-plugin-vue": "^8.0.3"
   },
   "eslintConfig": {
     "root": true,
@@ -39,6 +43,7 @@
   "browserslist": [
     "> 1%",
     "last 2 versions",
-    "not dead"
+    "not dead",
+    "not ie 11"
   ]
 }
diff --git a/How to/Customization of PrintQuality/src/App.vue b/How to/Customization of PrintQuality/src/App.vue
index 43e9a6d..5f70d69 100644
--- a/How to/Customization of PrintQuality/src/App.vue	
+++ b/How to/Customization of PrintQuality/src/App.vue	
@@ -1,27 +1,27 @@
 <template>
-  <div id="app">
-    <ejs-pdfviewer
-      id="pdfViewer"
-      :documentPath="documentPath"
-      :serviceUrl="serviceUrl"
-      :printScaleFactor="printScaleFactor"
-       >
-    </ejs-pdfviewer>
-  </div>
+  <ejs-pdfviewer
+    id="pdfViewer"
+    :documentPath="documentPath"
+    :serviceUrl="serviceUrl"
+    :printScaleFactor="printScaleFactor"
+    >
+  </ejs-pdfviewer>
 </template>
 
 <script>
-import Vue from 'vue';
-import { PdfViewerPlugin, Toolbar, Magnification, Navigation, 
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, 
          Annotation, LinkAnnotation, BookmarkView, ThumbnailView, 
          Print, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer } from '@syncfusion/ej2-vue-pdfviewer';
-  Vue.use(PdfViewerPlugin);
 
   export default {
-    name: 'app',
+    name: 'App',
+
+    components: {
+      "ejs-pdfviewer": PdfViewerComponent
+    },
     data() {
       return {
-        serviceUrl: "https://services.syncfusion.com/vue/production/api/pdfviewer",
+        serviceUrl: "https://localhost:44396/pdfviewer",
         documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
         //By Changing the printScaleFactor value we can adjust the quality of the PDF file.
         printScaleFactor: 0.5,
diff --git a/How to/Customization of PrintQuality/src/main.js b/How to/Customization of PrintQuality/src/main.js
index 63eb05f..01433bc 100644
--- a/How to/Customization of PrintQuality/src/main.js	
+++ b/How to/Customization of PrintQuality/src/main.js	
@@ -1,8 +1,4 @@
-import Vue from 'vue'
+import { createApp } from 'vue'
 import App from './App.vue'
 
-Vue.config.productionTip = false
-
-new Vue({
-  render: h => h(App),
-}).$mount('#app')
+createApp(App).mount('#app')