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

package/app/components/App.vue

@@ -20,16 +20,17 @@
     </TabView>
 </template>
 
-<script>
+<script lang="ts">
+  import { defineComponent } from 'nativescript-vue'
   import Items from './Items.vue'
   import Browse from './Browse.vue'
   import Search from './Search.vue'
 
-  export default {
+  export default defineComponent({
     components: {
       Items,
       Browse,
       Search
     }
-  }
+  })
 </script>

package/app/components/Browse.vue

@@ -5,12 +5,14 @@
         </ActionBar>
 
         <GridLayout>
-            <Label class="far text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" text.decode="&#xf1ea;"/>
+            <Label class="far text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" :text="'\uf1ea'"/>
             <Label class="text-xl text-gray-400 text-center align-middle" text="Browse page content goes here"/>
         </GridLayout>
     </Page>
 </template>
 
-<script>
-  export default {}
+<script lang="ts">
+  import { defineComponent } from 'nativescript-vue'
+
+  export default defineComponent({})
 </script>

package/app/components/ItemDetails.vue

@@ -11,8 +11,10 @@
     </Page>
 </template>
 
-<script>
-  export default {
+<script lang="ts">
+  import { defineComponent } from 'nativescript-vue'
+
+  export default defineComponent({
     props: ['item']
-  }
+  })
 </script>

package/app/components/Items.vue

@@ -14,11 +14,11 @@
     </Page>
 </template>
 
-<script>
-  import { $navigateTo } from 'nativescript-vue'
+<script lang="ts">
+  import { defineComponent, $navigateTo } from 'nativescript-vue'
   import ItemDetails from './ItemDetails.vue'
 
-  export default {
+  export default defineComponent({
     data() {
       return {
         items: [
@@ -42,7 +42,7 @@
       }
     },
     methods: {
-      onItemTap(args) {
+      onItemTap(args: any) {
         $navigateTo(ItemDetails, {
           frame: 'items',
           props: { item: args.item },
@@ -55,5 +55,5 @@
         })
       }
     }
-  }
+  })
 </script>

package/app/components/Search.vue

@@ -5,12 +5,14 @@
         </ActionBar>
 
         <GridLayout>
-            <Label class="fas text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" text.decode="&#xf002;"/>
+            <Label class="fas text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" :text="'\uf002'"/>
             <Label class="text-xl text-gray-400 text-center align-middle" text="Search page content goes here"/>
         </GridLayout>
     </Page>
 </template>
 
-<script>
-  export default {}
+<script lang="ts">
+  import { defineComponent } from 'nativescript-vue'
+
+  export default defineComponent({})
 </script>

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nativescript/template-tab-navigation-vue",
-  "main": "app/app.js",
+  "main": "app/app.ts",
   "displayName": "Tabs",
-  "version": "9.0.2",
+  "version": "9.0.4",
   "description": "Tabbed interface template using Vue",
   "author": "NativeScript Team <oss@nativescript.org>",
   "license": "Apache-2.0",
@@ -24,7 +24,8 @@
     "tools",
     "!tools/assets",
     ".editorconfig",
-    "jsconfig.json"
+    "types",
+    "tsconfig.json"
   ],
   "keywords": [
     "nstudio",
@@ -45,7 +46,10 @@
   },
   "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/**/*"]
-}