@nativescript/template-blank-vue 9.0.5 → 9.0.6

package/app/app.css

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 ActionBar {
     background-color: #65adf1;

package/app/app.js

@@ -1,7 +1,5 @@
-import Vue from 'nativescript-vue'
+import { createApp } from 'nativescript-vue'
 
-import Home from './components/Home'
+import Home from './components/Home.vue'
 
-new Vue({
-  render: (h) => h('frame', [h(Home)]),
-}).$start()
+createApp(Home).start()

package/package.json

@@ -2,7 +2,7 @@
   "name": "@nativescript/template-blank-vue",
   "main": "app/app.js",
   "displayName": "Blank",
-  "version": "9.0.5",
+  "version": "9.0.6",
   "description": "Blank template for NativeScript apps using Vue.",
   "author": "NativeScript Team <oss@nativescript.org>",
   "license": "Apache-2.0",
@@ -24,9 +24,7 @@
     "tools",
     "!tools/assets",
     ".editorconfig",
-    "jsconfig.json",
-    "tailwind.config.js",
-    "webpack.config.js"
+    "jsconfig.json"
   ],
   "keywords": [
     "nstudio",
@@ -43,15 +41,11 @@
   ],
   "dependencies": {
     "@nativescript/core": "~9.0.0",
-    "nativescript-vue": "~2.9.3"
+    "nativescript-vue": "^3.0.0"
   },
   "devDependencies": {
-    "@nativescript/tailwind": "^2.1.0",
+    "@nativescript/tailwind": "^4.0.0",
     "@nativescript/webpack": "~5.0.31",
-    "nativescript-vue-template-compiler": "~2.9.3",
-    "tailwindcss": "~3.4.0",
-    "vue": "~2.6.12",
-    "vue-loader": "^15.11.1",
-    "vue-template-compiler": "~2.6.12"
+    "tailwindcss": "^4.0.0"
   }
 }

package/tailwind.config.js

@@ -1,13 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: ['./app/**/*.{css,html,vue,ts,tsx}'],
-  // use the .ns-dark class to control dark mode (applied by NativeScript) - since 'media' (default) is not supported.
-  darkMode: ['class', '.ns-dark'],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-  corePlugins: {
-    preflight: false, // disables browser-specific resets
-  },
-}

package/webpack.config.js

@@ -1,38 +0,0 @@
-const webpack = require("@nativescript/webpack");
-const path = require("path");
-const VueLoaderPlugin = require("vue-loader/lib/plugin");
-
-module.exports = (env) => {
-    webpack.init(env);
-
-    // Learn how to customize:
-    // https://docs.nativescript.org/webpack
-
-    webpack.chainWebpack((config) => {
-        // Use vue-loader@15 for Vue 2
-        config.resolve.alias.set(
-            "vue-loader",
-            path.resolve(__dirname, "node_modules/vue-loader")
-        );
-
-        // Remove the default VueLoaderPlugin (v17) and add v15
-        config.plugins.delete("VueLoaderPlugin");
-        config.plugin("VueLoaderPlugin").use(VueLoaderPlugin);
-
-        // Configure vue-loader for Vue 2
-        config.module
-            .rule("vue")
-            .use("vue-loader")
-            .loader(require.resolve("vue-loader"))
-            .tap((options) => ({
-                ...options,
-                compiler: require("vue-template-compiler"),
-                compilerOptions: {
-                    whitespace: 'condense',
-                    preserveWhitespace: false,
-                },
-            }));
-    });
-
-    return webpack.resolveConfig();
-};