@nativescript/template-drawer-navigation-vue 9.0.2 → 9.0.4

package/app/components/App.vue

@@ -9,14 +9,15 @@
     </Drawer>
 </template>
 
-<script>
+<script lang="ts">
+  import { defineComponent } from 'nativescript-vue'
   import DrawerContent from './DrawerContent.vue'
   import Home from './Home.vue'
 
-  export default {
+  export default defineComponent({
     components: {
       DrawerContent,
       Home
     }
-  }
+  })
 </script>

package/app/components/Browse.vue

@@ -14,14 +14,15 @@
     </Page>
 </template>
 
-<script>
+<script lang="ts">
+  import { defineComponent } from 'nativescript-vue'
   import * as utils from '~/shared/utils'
 
-  export default {
+  export default defineComponent({
     methods: {
       onDrawerButtonTap() {
         utils.showDrawer()
       }
     }
-  }
+  })
 </script>

package/app/components/DrawerContent.vue

@@ -49,8 +49,8 @@
     </GridLayout>
 </template>
 
-<script>
-  import { $navigateTo } from 'nativescript-vue'
+<script lang="ts">
+  import { defineComponent, $navigateTo } from 'nativescript-vue'
   import * as utils from '~/shared/utils'
   import Home from './Home.vue'
   import Browse from './Browse.vue'
@@ -58,14 +58,14 @@
   import Search from './Search.vue'
   import Settings from './Settings.vue'
 
-  export default {
+  export default defineComponent({
     data() {
       return {
         selectedPage: 'Home'
       }
     },
     methods: {
-      onNavigationItemTap(component, pageName) {
+      onNavigationItemTap(component: any, pageName: string) {
         this.selectedPage = pageName
         $navigateTo(component, {
           clearHistory: true
@@ -73,5 +73,5 @@
         utils.closeDrawer()
       }
     }
-  }
+  })
 </script>

package/app/components/Featured.vue

@@ -14,14 +14,15 @@
     </Page>
 </template>
 
-<script>
+<script lang="ts">
+  import { defineComponent } from 'nativescript-vue'
   import * as utils from '~/shared/utils'
 
-  export default {
+  export default defineComponent({
     methods: {
       onDrawerButtonTap() {
         utils.showDrawer()
       }
     }
-  }
+  })
 </script>

package/app/components/Home.vue

@@ -14,14 +14,15 @@
     </Page>
 </template>
 
-<script>
+<script lang="ts">
+  import { defineComponent } from 'nativescript-vue'
   import * as utils from '~/shared/utils'
 
-  export default {
+  export default defineComponent({
     methods: {
       onDrawerButtonTap() {
         utils.showDrawer()
       }
     }
-  }
+  })
 </script>

package/app/components/Search.vue

@@ -14,14 +14,15 @@
     </Page>
 </template>
 
-<script>
+<script lang="ts">
+  import { defineComponent } from 'nativescript-vue'
   import * as utils from '~/shared/utils'
 
-  export default {
+  export default defineComponent({
     methods: {
       onDrawerButtonTap() {
         utils.showDrawer()
       }
     }
-  }
+  })
 </script>

package/app/components/Settings.vue

@@ -14,14 +14,15 @@
     </Page>
 </template>
 
-<script>
+<script lang="ts">
+  import { defineComponent } from 'nativescript-vue'
   import * as utils from '~/shared/utils'
 
-  export default {
+  export default defineComponent({
     methods: {
       onDrawerButtonTap() {
         utils.showDrawer()
       }
     }
-  }
+  })
 </script>

package/app/shared/{utils.js → utils.ts}

@@ -1,14 +1,14 @@
 import { Application } from '@nativescript/core'
 
 export const showDrawer = () => {
-  const root = Application.getRootView()
+  const root: any = Application.getRootView()
   if (root && root.open) {
     root.open()
   }
 }
 
 export const closeDrawer = () => {
-  const root = Application.getRootView()
+  const root: any = Application.getRootView()
   if (root && root.close) {
     root.close()
   }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@nativescript/template-drawer-navigation-vue",
-  "main": "app/app.js",
+  "main": "app/app.ts",
   "displayName": "Navigation Drawer",
   "templateType": "App template",
-  "version": "9.0.2",
+  "version": "9.0.4",
   "description": "Side navigation template using Vue.",
   "author": "NativeScript Team <oss@nativescript.org>",
   "license": "Apache-2.0",
@@ -17,7 +17,8 @@
     "tools",
     "!tools/assets",
     ".editorconfig",
-    "jsconfig.json"
+    "types",
+    "tsconfig.json"
   ],
   "keywords": [
     "nstudio",
@@ -42,12 +43,15 @@
   },
   "dependencies": {
     "@nativescript/core": "~9.0.0",
-    "@nativescript-community/ui-drawer": "^1.0.0",
+    "@nativescript-community/ui-drawer": "^0.1.31",
     "nativescript-vue": "^3.0.0"
   },
   "devDependencies": {
     "@nativescript/tailwind": "^4.0.0",
+    "@nativescript/types": "~9.0.0",
     "@nativescript/webpack": "~5.0.31",
-    "tailwindcss": "^4.0.0"
+    "@types/node": "^20.0.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": "~5.8.0"
   }
 }

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "target": "ES2020",
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "lib": ["dom", "ESNext"],
+    "sourceMap": true,
+    "noEmitHelpers": true,
+    "importHelpers": true,
+    "baseUrl": ".",
+    "paths": {
+      "~/*": ["app/*"],
+      "@/*": ["app/*"]
+    },
+    "typeRoots": ["types"],
+    "types": ["node"],
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true
+  },
+  "include": ["app", "types"],
+  "exclude": ["node_modules", "platforms"]
+}

package/types/references.d.ts

@@ -0,0 +1 @@
+/// <reference path="../node_modules/@nativescript/types/index.d.ts" />

package/types/shims.vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'nativescript-vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/jsconfig.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": "./",
-    "paths": {
-      "~/*": ["app/*"],
-      "@/*": ["app/*"]
-    }
-  },
-  "include": ["app/**/*"]
-}