fix(cli): ⚡ refactor

packages/portal/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+    "recommendations": ["dbaeumer.vscode-eslint", "unifiedjs.vscode-mdx"],
+    "unwantedRecommendations": []
+}

packages/portal/.vscode/qwik-city.code-snippets

@@ -0,0 +1,32 @@
+{
+    "onGet": {
+        "scope": "javascriptreact,typescriptreact",
+        "prefix": "q:onGet",
+        "description": "onGet function for a route index",
+        "body": [
+            "export const onGet: RequestHandler = (request) => {",
+            "  $0",
+            "};"
+        ]
+    },
+    "onGet (typed)": {
+        "scope": "javascriptreact,typescriptreact",
+        "prefix": "q:onGet typed",
+        "description": "onGet function for a route index",
+        "body": [
+            "export interface ${1:PageData} {",
+            "  $2",
+            "};",
+            "",
+            "export const onGet: RequestHandler<$1> = (request) => {",
+            "  $4",
+            "};"
+        ]
+    },
+    "useEndpoint": {
+        "scope": "javascriptreact,typescriptreact",
+        "prefix": "q:useEndpoint",
+        "description": "useEndpoint declaration",
+        "body": "const $1 = useEndpoint<typeof onGet>();"
+    }
+}

packages/portal/.vscode/qwik.code-snippets

@@ -0,0 +1,84 @@
+{
+    "Qwik component (simple)": {
+        "scope": "javascriptreact,typescriptreact",
+        "prefix": "q:component",
+        "description": "Simple Qwik component",
+        "body": [
+            "export const ${1:${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/}} = component$(() => {",
+            "  return <${2:div}>$4</$2>",
+            "});"
+        ]
+    },
+    "Qwik component (props)": {
+        "scope": "typescriptreact",
+        "prefix": "q:component w/props",
+        "description": "Qwik component w/ props",
+        "body": [
+            "export interface ${1:${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/}}Props {",
+            "  $2",
+            "}",
+            "",
+            "export const $1 = component$<$1Props>((props) => {",
+            "  const ${2:count} = useSignal(0);",
+            "  return (",
+            "    <${3:div} on${4:Click}$={(ev) => {$5}}>",
+            "      $6",
+            "    </${3}>",
+            "  );",
+            "});"
+        ]
+    },
+    "Qwik signal": {
+        "scope": "javascriptreact,typescriptreact",
+        "prefix": "q:useSignal",
+        "description": "useSignal() declaration",
+        "body": ["const ${1:foo} = useSignal($2);", "$0"]
+    },
+    "Qwik store": {
+        "scope": "javascriptreact,typescriptreact",
+        "prefix": "q:useStore",
+        "description": "useStore() declaration",
+        "body": ["const ${1:state} = useStore({", "  $2", "});", "$0"]
+    },
+    "$ hook": {
+        "scope": "javascriptreact,typescriptreact",
+        "prefix": "q:$",
+        "description": "$() function hook",
+        "body": ["$(() => {", "  $0", "});", ""]
+    },
+    "useClientEffect": {
+        "scope": "javascriptreact,typescriptreact",
+        "prefix": "q:useClientEffect",
+        "description": "useClientEffect$() function hook",
+        "body": ["useClientEffect$(({ track }) => {", "  $0", "});", ""]
+    },
+    "useTask": {
+        "scope": "javascriptreact,typescriptreact",
+        "prefix": "q:useTask",
+        "description": "useTask$() function hook",
+        "body": [
+            "useTask$(({ track }) => {",
+            "  track(() => $1);",
+            "  $0",
+            "});",
+            ""
+        ]
+    },
+    "useResource": {
+        "scope": "javascriptreact,typescriptreact",
+        "prefix": "q:useResource",
+        "description": "useResource$() declaration",
+        "body": [
+            "const $1 = useResource$(({ track, cleanup }) => {",
+            "  $0",
+            "});",
+            ""
+        ]
+    },
+    "useServerMount": {
+        "scope": "javascriptreact,typescriptreact",
+        "prefix": "q:useServerMount",
+        "description": "useServerMount$() function hook",
+        "body": ["useServerMount$(() => {", "  $0", "});", ""]
+    }
+}