devextreme-cli 1.11.0-beta.0 → 1.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-cli",
-  "version": "1.11.0-beta.0",
+  "version": "1.11.0",
   "description": "DevExtreme CLI",
   "keywords": [
     "devexpress",
@@ -14,8 +14,8 @@
     "devextreme": "index.js"
   },
   "engines": {
-    "node": ">12.6.0",
-    "npm": ">6.2.0",
+    "node": ">20.19.0",
+    "npm": ">9.6.0",
     "yarn": ">1.21"
   },
   "files": [
@@ -43,7 +43,7 @@
     "minimist": "^1.2.8",
     "mustache": "^3.2.1",
     "prompts": "^2.4.2",
-    "sass": "^1.85.1",
+    "sass": "^1.89.2",
     "semver": "^5.7.2",
     "strip-bom": "^4.0.0"
   },
@@ -51,7 +51,7 @@
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "babel-eslint": "^10.1.0",
-    "create-vite": "6.3.1",
+    "create-vite": "7.0.0",
     "cross-env": "^5.2.1",
     "eslint": "^7.32.0",
     "eslint-config-angular": "^0.5.0",
@@ -59,20 +59,20 @@
     "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-jest": "^22.21.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-unused-imports": "^1.1.5",
     "eslint-plugin-vue": "^7.20.0",
     "eslint-stylish": "^0.2.0",
     "jest": "^29.7.0",
-    "jest-image-snapshot": "^6.4.0",
+    "jest-image-snapshot": "^6.5.1",
     "prettier": "^2.8.8",
     "rimraf": "^2.7.1",
     "tree-kill": "^1.2.2",
     "tree-kill-promise": "^1.0.12",
     "typescript": "^4.0.2",
     "typescript-eslint-parser": "^22.0.0",
-    "wait-on": "8.0.0"
+    "wait-on": "8.0.3"
   },
-  "gitHead": "12a211ead8510e78eb1f33b6a34664823d73a4a7"
+  "gitHead": "16351e5d8d9dceee7d826668231c3e047d4df3fc"
 }

package/src/applications/application.angular.js

@@ -99,8 +99,8 @@ const bumpAngular = (appPath, versionTag) => {
 
 const create = async(appName, options) => {
     const layout = await getLayoutInfo(options.layout);
-    const depsVersionTag = extractDepsVersionTag(options);
     const currentNgVersion = ngVersion.getNgCliVersion().version;
+    const depsVersionTag = extractDepsVersionTag(options);
 
     const commandArguments = [
         'new',

package/src/applications/application.react.js

@@ -214,7 +214,7 @@ const addView = (pageName, options) => {
         return fileExtension === '.tsx' ? extension : fileExtension;
     };
     templateCreator.addPageToApp(pageName, pathToPage, pageTemplatePath, getCorrectExtension);
-    moduleUtils.insertExport(pathToPagesIndex(), componentName, `./${pageName}/${pageName}`);
+    moduleUtils.insertExport(pathToPagesIndex(), componentName, `./${pageName}/${pageName}`, 'Page');
     moduleUtils.insertImport(routingModulePath, './pages', componentName);
     insertItemToArray(routingModulePath, navigationData.route);
     insertItemToArray(navigationModulePath, navigationData.navigation);

package/src/applications/application.vue.js

@@ -16,10 +16,9 @@ const defaultStyles = [
 
 const preparePackageJsonForTemplate = (appPath, appName) => {
     const dependencies = [
-        { name: 'sass', version: '^1.34.1' },
+        { name: 'sass-embedded', version: '^1.85.1' },
         { name: 'vue-router', version: '^3.0.1' },
-        { name: 'devextreme-cli', version: latestVersions['devextreme-cli'], dev: true },
-        { name: 'sass-loader', version: '^10', dev: true }
+        { name: 'devextreme-cli', version: latestVersions['devextreme-cli'], dev: true }
     ];
 
     const nameDepends = dependencies.map(d => d.name);
@@ -38,18 +37,14 @@ const preparePackageJsonForTemplate = (appPath, appName) => {
 };
 
 async function createVueApp(name, depsVersionTag) {
-    const argList = ['-p', `@vue/cli@${depsVersionTag}`, 'vue', 'create', name, '--registry', 'https://registry.npmjs.org/', '-p "Default (Vue 3)"'];
-
-    return runCommand('npx', argList);
+    const argList = ['create', `vue@${depsVersionTag ? depsVersionTag : latestVersions['create-vue']}`, name, '--registry', 'https://registry.npmjs.org/', '--', '--eslint', '--default', '--bare'];
+    return runCommand('npm', argList);
 }
 
 const bumpVue = (appPath, versionTag) => {
     const dependencies = [
         { name: 'vue', version: versionTag },
         { name: 'vue-router', version: versionTag },
-        { name: '@vue/cli-plugin-babel', version: versionTag, dev: true },
-        { name: '@vue/cli-plugin-eslint', version: versionTag, dev: true },
-        { name: '@vue/cli-service', version: versionTag, dev: true },
     ];
 
     packageJsonUtils.addDependencies(appPath, dependencies);
@@ -78,7 +73,7 @@ const create = async(appName, options) => {
 };
 
 const modifyIndexHtml = (appPath, appName) => {
-    const indexHtmlPath = path.join(appPath, 'public', 'index.html');
+    const indexHtmlPath = path.join(appPath, 'index.html');
     let htmlContent = fs.readFileSync(indexHtmlPath).toString();
 
     htmlContent = htmlContent.replace(/<title>(\w+\s*)+<\/title>/, `<title>${appName}<\/title>`);
@@ -175,7 +170,7 @@ const addView = (pageName, options) => {
     const navigationData = getNavigationData(pageName, componentName, options && options.icon || 'folder');
     const getCorrectExtension = (fileExtension) => fileExtension;
     templateCreator.addPageToApp(pageName, pathToPage, pageTemplatePath, getCorrectExtension);
-    moduleUtils.insertImport(routingModulePath, `./views/${pageName}`, componentName, true);
+    moduleUtils.insertImport(routingModulePath, `./views/${pageName}.vue`, componentName, true);
     insertItemToArray(routingModulePath, navigationData.route);
     insertItemToArray(navigationModulePath, navigationData.navigation);
 };

package/src/templates/react/application/src/App.tsx

@@ -2,7 +2,8 @@ import { HashRouter as Router } from 'react-router-dom';
 import './dx-styles.scss';
 import LoadPanel from 'devextreme-react/load-panel';
 import { NavigationProvider } from './contexts/navigation';
-import { AuthProvider, useAuth } from './contexts/auth';
+import { AuthProvider } from './contexts/auth';
+import { useAuth } from './contexts/auth-hooks';
 import { useScreenSizeClass } from './utils/media-query';
 import Content from './Content';
 import UnauthenticatedContent from './UnauthenticatedContent';

package/src/templates/react/application/src/Content.tsx

@@ -1,6 +1,6 @@
 import { Routes, Route, Navigate } from 'react-router-dom';
 import appInfo from './app-info';
-import routes from './app-routes';
+import { routes } from './app-routes';
 import { <%=layout%> as SideNavBarLayout } from './layouts';
 import { Footer } from './components';
 

package/src/templates/react/application/src/app-routes.tsx

@@ -1,7 +1,7 @@
 import { HomePage, TasksPage, ProfilePage } from './pages';
-import { withNavigationWatcher } from './contexts/navigation';
+import { withNavigationWatcher } from './contexts/navigation-hooks';
 
-const routes = [<%=^empty%>
+const routeData = [<%=^empty%>
     {
         path: '/tasks',
         element: TasksPage
@@ -16,7 +16,7 @@ const routes = [<%=^empty%>
     }
 <%=/empty%>];
 
-export default routes.map(route => {
+export const routes = routeData.map(route => {
     return {
         ...route,
         element: withNavigationWatcher(route.element, route.path)

package/src/templates/react/application/src/components/change-password-form/ChangePasswordForm.tsx

@@ -10,7 +10,7 @@ import Form, {
 } from 'devextreme-react/form';
 import LoadIndicator from 'devextreme-react/load-indicator';
 import notify from 'devextreme/ui/notify';
-<%=#isTypeScript%>import { ValidationCallbackData } from 'devextreme-react/common';<%=/isTypeScript%>
+<%=#isTypeScript%>import type { ValidationCallbackData } from 'devextreme-react/common';<%=/isTypeScript%>
 import { changePassword } from '../../api/auth';
 
 export default function ChangePasswordForm() {

package/src/templates/react/application/src/components/create-account-form/CreateAccountForm.tsx

@@ -12,7 +12,7 @@ import Form, {
 import notify from 'devextreme/ui/notify';
 import LoadIndicator from 'devextreme-react/load-indicator';
 import { createAccount } from '../../api/auth';
-<%=#isTypeScript%>import { ValidationCallbackData } from 'devextreme-react/common';<%=/isTypeScript%>
+<%=#isTypeScript%>import type { ValidationCallbackData } from 'devextreme-react/common';<%=/isTypeScript%>
 import './CreateAccountForm.scss';
 
 export default function CreateAccountForm() {

package/src/templates/react/application/src/components/login-form/LoginForm.tsx

@@ -11,7 +11,7 @@ import Form, {
 import LoadIndicator from 'devextreme-react/load-indicator';
 import Button from 'devextreme-react/button';
 import notify from 'devextreme/ui/notify';
-import { useAuth } from '../../contexts/auth';
+import { useAuth } from '../../contexts/auth-hooks';
 
 import './LoginForm.scss';
 

package/src/templates/react/application/src/components/side-navigation-menu/SideNavigationMenu.tsx

@@ -1,8 +1,8 @@
 import React, { useEffect, useRef, useCallback, useMemo, useContext } from 'react';
-import { TreeView<%=#isTypeScript%>, TreeViewRef<%=/isTypeScript%> } from 'devextreme-react/tree-view';
+import { TreeView<%=#isTypeScript%>, type TreeViewRef<%=/isTypeScript%> } from 'devextreme-react/tree-view';
 import * as events from 'devextreme-react/common/core/events';
 import { navigation } from '../../app-navigation';
-import { useNavigation } from '../../contexts/navigation';
+import { useNavigation } from '../../contexts/navigation-hooks';
 import { useScreenSize } from '../../utils/media-query';
 import './SideNavigationMenu.scss';
 <%=#isTypeScript%>import type { SideNavigationMenuProps } from '../../types';<%=/isTypeScript%>

package/src/templates/react/application/src/components/user-panel/UserPanel.tsx

@@ -2,7 +2,7 @@ import { useMemo, useCallback } from 'react';
 import { useNavigate } from "react-router-dom";
 import DropDownButton from 'devextreme-react/drop-down-button';
 import List from 'devextreme-react/list';
-import { useAuth } from '../../contexts/auth';
+import { useAuth } from '../../contexts/auth-hooks';
 import './UserPanel.scss';
 <%=#isTypeScript%>import type { UserPanelProps } from '../../types';<%=/isTypeScript%>
 

package/src/templates/react/application/src/contexts/auth-hooks.ts

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { AuthContext } from './auth';
+
+const useAuth = () => useContext(AuthContext);
+
+export {
+  useAuth
+}

package/src/templates/react/application/src/contexts/auth.tsx

@@ -1,7 +1,9 @@
-import React, { useState, useEffect, createContext, useContext, useCallback } from 'react';
+import React, { useState, useEffect, useCallback, createContext } from 'react';
 import { getUser, signIn as sendSignInRequest } from '../api/auth';
 <%=#isTypeScript%>import type { User, AuthContextType } from '../types';<%=/isTypeScript%>
 
+const AuthContext = createContext<%=#isTypeScript%><AuthContextType><%=/isTypeScript%>({ loading: false }<%=#isTypeScript%> as AuthContextType<%=/isTypeScript%>);
+
 function AuthProvider(props<%=#isTypeScript%>: React.PropsWithChildren<unknown><%=/isTypeScript%>) {
   const [user, setUser] = useState<%=#isTypeScript%><User><%=/isTypeScript%>();
   const [loading, setLoading] = useState(true);
@@ -36,7 +38,7 @@ function AuthProvider(props<%=#isTypeScript%>: React.PropsWithChildren<unknown><
   );
 }
 
-const AuthContext = createContext<%=#isTypeScript%><AuthContextType><%=/isTypeScript%>({ loading: false }<%=#isTypeScript%> as AuthContextType<%=/isTypeScript%>);
-const useAuth = () => useContext(AuthContext);
-
-export { AuthProvider, useAuth }
+export {
+  AuthProvider,
+  AuthContext,
+};

package/src/templates/react/application/src/contexts/navigation-hooks.ts

@@ -0,0 +1,22 @@
+import React, { useContext, useEffect } from 'react';
+import { NavigationContext } from './navigation';
+
+const useNavigation = () => useContext(NavigationContext);
+
+function withNavigationWatcher(Component<%=#isTypeScript%>: React.ElementType<%=/isTypeScript%>, path<%=#isTypeScript%>: string<%=/isTypeScript%>) {
+  const WrappedComponent = function (props<%=#isTypeScript%>: Record<string, unknown><%=/isTypeScript%>) {
+    const { setNavigationData } = useNavigation();
+
+    useEffect(() => {
+      setNavigationData<%=#isTypeScript%>!<%=/isTypeScript%>({ currentPath: path });
+    }, [setNavigationData]);
+
+    return <Component {...props} />;
+  }
+  return <WrappedComponent />;
+}
+
+export {
+  useNavigation,
+  withNavigationWatcher
+}

package/src/templates/react/application/src/contexts/navigation.tsx

@@ -1,8 +1,8 @@
-import React, { useState, createContext, useContext, useEffect } from 'react';
+import React, { useState, createContext } from 'react';
 <%=#isTypeScript%>import type { NavigationContextType } from '../types';<%=/isTypeScript%>
 
+
 const NavigationContext = createContext<%=#isTypeScript%><NavigationContextType><%=/isTypeScript%>({}<%=#isTypeScript%> as NavigationContextType<%=/isTypeScript%>);
-const useNavigation = () => useContext(NavigationContext);
 
 function NavigationProvider(props<%=#isTypeScript%>: React.PropsWithChildren<unknown><%=/isTypeScript%>) {
   const [navigationData, setNavigationData] = useState({ currentPath: '' });
@@ -15,21 +15,7 @@ function NavigationProvider(props<%=#isTypeScript%>: React.PropsWithChildren<unk
   );
 }
 
-function withNavigationWatcher(Component<%=#isTypeScript%>: React.ElementType<%=/isTypeScript%>, path<%=#isTypeScript%>: string<%=/isTypeScript%>) {
-  const WrappedComponent = function (props<%=#isTypeScript%>: Record<string, unknown><%=/isTypeScript%>) {
-    const { setNavigationData } = useNavigation();
-
-    useEffect(() => {
-      setNavigationData<%=#isTypeScript%>!<%=/isTypeScript%>({ currentPath: path });
-    }, [setNavigationData]);
-
-    return <Component {...props} />;
-  }
-  return <WrappedComponent />;
-}
-
 export {
   NavigationProvider,
-  useNavigation,
-  withNavigationWatcher
+  NavigationContext,
 }

package/src/templates/react/application/src/layouts/side-nav-inner-toolbar/side-nav-inner-toolbar.tsx

@@ -1,6 +1,6 @@
 import Button from 'devextreme-react/button';
 import Drawer from 'devextreme-react/drawer';
-import { ScrollView<%=#isTypeScript%>, ScrollViewRef<%=/isTypeScript%> } from 'devextreme-react/scroll-view';
+import { ScrollView<%=#isTypeScript%>, type ScrollViewRef<%=/isTypeScript%> } from 'devextreme-react/scroll-view';
 import Toolbar, { Item } from 'devextreme-react/toolbar';
 import React, { useState, useCallback, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
@@ -9,9 +9,9 @@ import './side-nav-inner-toolbar.scss';
 import { useScreenSize } from '../../utils/media-query';
 import { Template } from 'devextreme-react/core/template';
 import { useMenuPatch } from '../../utils/patches';
-<%=#isTypeScript%>import { TreeViewTypes } from 'devextreme-react/tree-view';<%=/isTypeScript%>
+<%=#isTypeScript%>import type { TreeViewTypes } from 'devextreme-react/tree-view';<%=/isTypeScript%>
 <%=#isTypeScript%>import type { SideNavToolbarProps } from '../../types';<%=/isTypeScript%>
-<%=#isTypeScript%>import { ButtonTypes } from 'devextreme-react/button';<%=/isTypeScript%>
+<%=#isTypeScript%>import type { ButtonTypes } from 'devextreme-react/button';<%=/isTypeScript%>
 
 export default function SideNavInnerToolbar({ title, children }<%=#isTypeScript%>: React.PropsWithChildren<SideNavToolbarProps><%=/isTypeScript%>) {
   const scrollViewRef = useRef<%=#isTypeScript%><ScrollViewRef><%=/isTypeScript%>(null);

package/src/templates/react/application/src/layouts/side-nav-outer-toolbar/side-nav-outer-toolbar.tsx

@@ -1,5 +1,5 @@
 import Drawer from 'devextreme-react/drawer';
-import { ScrollView<%=#isTypeScript%>, ScrollViewRef<%=/isTypeScript%> } from 'devextreme-react/scroll-view';
+import { ScrollView<%=#isTypeScript%>, type ScrollViewRef<%=/isTypeScript%> } from 'devextreme-react/scroll-view';
 import React, { useState, useCallback, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Header, SideNavigationMenu, Footer } from '../../components';
@@ -7,8 +7,8 @@ import './side-nav-outer-toolbar.scss';
 import { useScreenSize } from '../../utils/media-query';
 import { Template } from 'devextreme-react/core/template';
 import { useMenuPatch } from '../../utils/patches';
-<%=#isTypeScript%>import { ButtonTypes } from 'devextreme-react/button';<%=/isTypeScript%>
-<%=#isTypeScript%>import { TreeViewTypes } from 'devextreme-react/tree-view';<%=/isTypeScript%>
+<%=#isTypeScript%>import type { ButtonTypes } from 'devextreme-react/button';<%=/isTypeScript%>
+<%=#isTypeScript%>import type { TreeViewTypes } from 'devextreme-react/tree-view';<%=/isTypeScript%>
 <%=#isTypeScript%>import type { SideNavToolbarProps } from '../../types';<%=/isTypeScript%>
 
 export default function SideNavOuterToolbar({ title, children }<%=#isTypeScript%>: React.PropsWithChildren<SideNavToolbarProps><%=/isTypeScript%>) {

package/src/templates/react/application/src/types.tsx

@@ -1,5 +1,5 @@
-import { TreeViewTypes } from 'devextreme-react/tree-view';
-import { ButtonTypes } from 'devextreme-react/button';
+import type { TreeViewTypes } from 'devextreme-react/tree-view';
+import type { ButtonTypes } from 'devextreme-react/button';
 
 export interface HeaderProps {
     menuToggleEnabled: boolean;

package/src/templates/react/page/page.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import './<%=pageName%>.scss';
 
-export default () => (
+export const Page = () => (
   <React.Fragment>
     <h2><%=title%></h2>
     <div className={'content-block'}>

package/src/templates/react/sample-pages/home/home.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import './home.scss';
 
-export default function Home() {
+export function Home() {
   return (
     <React.Fragment>
       <h2 className={'content-block'}>Home</h2>

package/src/templates/react/sample-pages/index.tsx

@@ -1,3 +1,3 @@
-export { default as HomePage } from './home/home';
-export { default as ProfilePage } from './profile/profile';
-export { default as TasksPage } from './tasks/tasks';
+export { Home as HomePage } from './home/home';
+export { Profile as ProfilePage } from './profile/profile';
+export { Tasks as TasksPage } from './tasks/tasks';

package/src/templates/react/sample-pages/profile/profile.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import './profile.scss';
 import Form from 'devextreme-react/form';
 
-export default function Profile() {
+export function Profile() {
   const [notes, setNotes] = useState(
     'Sandra is a CPA and has been our controller since 2008. She loves to interact with staff so if you`ve not met her, be certain to say hi.\r\n\r\nSandra has 2 daughters both of whom are accomplished gymnasts.'
   );

package/src/templates/react/sample-pages/tasks/tasks.tsx

@@ -9,7 +9,7 @@ import DataGrid, {
 } from 'devextreme-react/data-grid';
 import './tasks.scss';
 
-export default function Task() {
+export function Tasks() {
   return (
     <React.Fragment>
       <h2>Tasks</h2>

package/src/templates/vue-v3/application/eslint.config.js

@@ -0,0 +1,32 @@
+import { defineConfig, globalIgnores } from 'eslint/config'
+import globals from 'globals'
+import js from '@eslint/js'
+import pluginVue from 'eslint-plugin-vue'
+
+export default defineConfig([
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.{js,mjs,jsx,vue}'],
+  },
+
+  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
+
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
+    },
+  },
+
+  js.configs.recommended,
+  ...pluginVue.configs['flat/essential'],
+
+  {
+    name: 'disable-unused-vars-in-vue',
+    files: ['**/*.vue'],
+    rules: {
+      'no-unused-vars': 'off',
+    },
+  },
+])

package/src/templates/vue-v3/application/src/App.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script>
-import AppFooter from "./components/app-footer";
+import AppFooter from "./components/app-footer.vue";
 import { sizes, subscribe, unsubscribe } from "./utils/media-query";
 import {
   getCurrentInstance,

package/src/templates/vue-v3/application/src/components/header-toolbar.vue

@@ -52,7 +52,7 @@ import auth from "../auth";
 import { useRouter, useRoute } from 'vue-router';
 import { ref } from 'vue';
 
-import UserPanel from "./user-panel";
+import UserPanel from "./user-panel.vue";
 import ThemeSwitcher from './theme-switcher.vue';
 
 export default {

package/src/templates/vue-v3/application/src/layouts/side-nav-inner-toolbar.vue

@@ -57,8 +57,8 @@ import DxDrawer from "devextreme-vue/drawer";
 import DxScrollView from "devextreme-vue/scroll-view";
 import DxToolbar, { DxItem } from "devextreme-vue/toolbar";
 
-import HeaderToolbar from "../components/header-toolbar";
-import SideNavMenu from "../components/side-nav-menu";
+import HeaderToolbar from "../components/header-toolbar.vue";
+import SideNavMenu from "../components/side-nav-menu.vue";
 import menuItems from "../app-navigation";
 import { ref, watch, computed } from 'vue';
 import { useRoute } from 'vue-router';

package/src/templates/vue-v3/application/src/layouts/side-nav-outer-toolbar.vue

@@ -39,8 +39,8 @@ import DxDrawer from "devextreme-vue/drawer";
 import DxScrollView from "devextreme-vue/scroll-view";
 
 import menuItems from "../app-navigation";
-import HeaderToolbar from "../components/header-toolbar";
-import SideNavMenu from "../components/side-nav-menu";
+import HeaderToolbar from "../components/header-toolbar.vue";
+import SideNavMenu from "../components/side-nav-menu.vue";
 import { computed, ref, watch} from 'vue';
 import { useRoute } from 'vue-router';
 

package/src/templates/vue-v3/application/src/main.js

@@ -2,7 +2,7 @@ import { createApp }  from "vue";
 import router from "./router";
 import themes from "devextreme/ui/themes";
 
-import App from "./App";
+import App from "./App.vue";
 import appInfo from "./app-info";
 
 themes.initialized(() => {

package/src/templates/vue-v3/application/src/router.js

@@ -1,11 +1,11 @@
 import auth from "./auth";
 import { createRouter, createWebHashHistory } from "vue-router";
 
-<%=^empty%>import Home from "./views/home-page";
-import Profile from "./views/profile-page";
-import Tasks from "./views/tasks-page";
-<%=/empty%>import defaultLayout from "./layouts/<%=layout%>";
-import simpleLayout from "./layouts/single-card";
+<%=^empty%>import Home from "./views/home-page.vue";
+import Profile from "./views/profile-page.vue";
+import Tasks from "./views/tasks-page.vue";
+<%=/empty%>import defaultLayout from "./layouts/<%=layout%>.vue";
+import simpleLayout from "./layouts/single-card.vue";
 
 function loadView(view) {
   return () => import (/* webpackChunkName: "login" */ `./views/${view}.vue`)

package/src/utility/latest-versions.js

@@ -1,11 +1,12 @@
 const packageJson = require('../../package.json');
 module.exports = {
-    'devextreme': '25.1.2-beta',
-    'devextreme-react': '25.1.2-beta',
-    'devextreme-vue': '25.1.2-beta',
-    'create-vite': '6.4.1',
-    'create-next-app': '15.3.1',
-    'jose': '6.0.10',
+    'devextreme': '25.1.3',
+    'devextreme-react': '25.1.3',
+    'devextreme-vue': '25.1.3',
+    'create-vite': '7.0.0',
+    'create-vue': '3.17.0',
+    'create-next-app': '15.3.4',
+    'jose': '6.0.11',
     'devextreme-cli': packageJson.version,
     'devextreme-schematics': 'latest'
 };

package/src/utility/module.js

@@ -32,10 +32,10 @@ const insertImport = (filePath, moduleName, importName, isDefault) => {
     }
 };
 
-const insertExport = (filePath, exportName, modulePath) => {
+const insertExport = (filePath, exportName, modulePath, importName = 'default') => {
     const fileContent = fs.readFileSync(filePath).toString();
 
-    fs.writeFileSync(filePath, `${fileContent}export { default as ${exportName} } from \'${modulePath}\';\n`);
+    fs.writeFileSync(filePath, `${fileContent}export { ${importName} as ${exportName} } from \'${modulePath}\';\n`);
 };
 
 module.exports = {

package/src/templates/vue-v3/application/vue.config.js

@@ -1 +0,0 @@
-module.exports = {};